/* CSS Document */
body {
 font:normal 76% verdana,tahoma,arial,"sans serif";
 color:blue;
 margin:0px;
 overflow:auto;

}

a:link, a:hover, a:visited {
	border: 0;
}

img {
	border: 0;
		}


.dialog {
 position:absolute;
 float:left;
 left:50%;
 margin-left:-326px;
 margin-top:80px;
 width:652px;
 background:transparent;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(tl2.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(tr2.gif) no-repeat right 0px;
 margin-right:-9px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(ml.gif) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(mr.gif) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:transparent url(ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(bl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(br.gif) no-repeat right 0px;
 margin-right:-14px;
}

.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border:0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color:#FFFFFF;
	border:0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color:#FFFFFF;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color:#FFFFFF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color:#FFFFFF;
}


A:link, A:visited, A:active {
COLOR: #3366FF;
}

A:hover {
COLOR: #FFFFFF;
}

h2 {
 font-family:-,verdana,tahoma,arial,"sans serif";
 color: #003366;
 font-size:11px;
 text-decoration:none;
 font-style:italic;
 font-weight:bold;
}

h3 {
 font-family:brush script,-,verdana,tahoma,arial,"sans serif";
 color: #CC0000;
 font-size:14px;
 text-decoration:none;
 font-style:italic;
 font-weight:bold;
}

h4 {
	font-famil:arial,-,verdana,tahoma, "sans serif";
	color: #CC3300;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#biggy {
	float:left;
	width:700px;
	left:50%;
	margin-left:-350px;
}

#menus {
	font: 14px/14px verdana, brush script mt, helvetica, arial, sans-serif;
	font-size:10px;
	color: #666666;
	padding: 10px 10px 10px 10px;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}

#title {
	position:absolute;
	float:left;
	left:50%;
	margin-left:-325px;
	width:652px;
	margin-top:40px;
}

#sandwich {
	display: inline;
	position:relative;
	float:left;
	margin-top:20px;
}

#blocktext {
	display:inline;
	position:absolute;
	float:left;
	color:#666666;
	font: 14px/14px verdana, brush script mt, helvetica, arial, sans-serif;
	font-size:10px;
	width:305px;
	padding:10px;
	margin-top:190px;
	left: 21px;
	top: -10px;
}

#label {
	position:absolute;
	float:left;
	margin-left:-580px;
	margin-top:40px;
	display: inline;
}

#sticker {
	position:absolute;
	float:left;
	margin-top:35px;
	margin-left:-380px;
	display: inline;
}

#bestlunch {
	position:absolute;
	float:left;
	margin-top:255px;
	margin-left:305px;
}

#insideleft {
	position:relative;
	float:left;
	width: 280px;	
}

#insideright {
	position:absolute;
	float:left;
	margin-top:255px;
	margin-left;
	left: 18px;
	top: 149px;
	width: 306px;
	height: 68px;
}

#maincenter {
	margin-top:-15px;
}

#footer {
	display:inline;
	width:300px;
	height:auto;
	position:absolute;
	margin-top:200px;
	left:50%;
	margin-left:-120px;
	bottom:-150px;
	
}