/* _____________________________________________________________________
   
                    SS090906.css ~ "Eat Your Veggies!"
     XGB Web and Software Design ~ www.xgbdesign.com ~ rev. 2009.09.06
   _____________________________________________________________________
*/

body {
	/* Height specified locally */
	color: White;
	background-color: #26AD26;
	margin: 0;
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Masthead styles: ______________________________________________________________ */	
		
div#masthead {
	width: 585px;
	height: 370px;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -215px;
	color: White;
	background-color: #238D23;
}
/*
div#masthead {
	width: 585px;
	height: 370px;
	position: absolute;
	top: 15px;
	left: 185px;
	color: White;
	background-color: #238D23;
}*/

div#masthead #name {
	font-size: 30pt;
	font-weight: bold;
	color: #CCDFA1;
	position: absolute;
	top: 275px;
	background-color: inherit;
	width: 585px;
	text-align: center;
}

div#masthead #motto {
	position: absolute;
	top: 332px;
	left: 81px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	font-style: italic;
	font-weight: normal;
	color: White;
	background-color: inherit;
}

div#masthead img {
	position: absolute;
	top: 15px;
	left: 42px;
}

/* Sidebar styles: _______________________________________________________________ */		
		
div#sidebar {
	width: 175px;	/* Height specified locally */
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -390px;
	color: White;
	background-color: #1D7A1D;
}
/*
div#sidebar {
	width: 175px;	/* Height specified locally *
	position: absolute;
	top: 15px;
	left: 10px;
	color: White;
	background-color: #1D7A1D;
}*/

div#sidebar div#nav-vertical {
	width: 157px;
	position: absolute;
	top: 15px;
	left: 9px;
}

div#sidebar div#nav-vertical a {
	display: block;
	width: 157px;
	height: 22px;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 3px;
	line-height: 1.6em;
	text-align: center;
	text-decoration: none; 
}
/*
div#sidebar div#nav-vertical a {
	display: block;
	width: 157px;
	font-size: 10pt;
	font-weight: bold;
	margin: 3px 0 3px 0;
	padding: 2px 0 2px 0;
	text-align: center;
	text-decoration: none; 
}*/

div#sidebar div#nav-vertical a:link    { color: #ccdfa1; background-color: #238d23; }
div#sidebar div#nav-vertical a:visited { color: #ccdfa1; background-color: #238d23; }
div#sidebar div#nav-vertical a:active  { color: #ccdfa1; background-color: #238d23; }
div#sidebar div#nav-vertical a:hover   { color: #D0001C; background-color: #E4B83D; }

div#sidebar div#info1, div#sidebar div#info2, div#sidebar div#info3, div#sidebar div#info4, div#sidebar div#info5 {
	text-align: center;
	position: absolute;
	left: 9px;
	width: 157px;
	padding-bottom: 12px; /* 1.3em; */
	border-bottom: 2px solid #d0001c;
}

div#sidebar div#info1 { top: 525px; }
div#sidebar div#info2 { top: 663px; }
div#sidebar div#info3 { top: 783px; }
div#sidebar div#info4 { top: 885px; }
div#sidebar div#info5 { top: 970px; }

div#sidebar span#cater {
	display: inline;
	color: #A5C65A;
	background-color: inherit;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 1045px;
	left: 9px;
	width: 157px;
}

div#sidebar span.header {
	display: block;
	font-size: 10pt;
	font-weight: bold;
	color: #A5C65A;
	background-color: inherit;
	padding-bottom: 3px;
}

div#sidebar span.line {
	display: block;
	font-size: 9pt;
	font-weight: normal;
	color: White;
	background-color: inherit;
}

/* Content area styles: __________________________________________________________ */

div#content {
	color: #006600;
	background-color: #CCDFA1;
	width: 585px;		/* Height specified locally */
	position: absolute;
	top: 385px;
	left: 50%;
	margin-left: -215px;
	font-size: 10pt;
}
/*
div#content {
	color: #006600;
	background-color: #CCDFA1;
	width: 585px;		/* Height specified locally *
	position: absolute;
	top: 385px;
	left: 185px;
	font-size: 10pt;
}*/

div#content h1 {
	color: #d0001c;
	background-color: inherit;
	font-size: 18pt;
	font-weight: normal;
	margin: 20px 0 20px 15px;
}

div#content h2 {
	color: #006600;
	background-color: #A5C65A;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	margin: 0 20px -7px 15px;
	padding: 2px 0 2px 10px;
}

div#content h2.whatis { margin: 35px 20px 0 15px; }

div#content h2.whatis span {
	color: #D0001C;
	background-color: inherit;
	font-style: italic;
}

div#content ul {
	color: #006600;
	background-color: inherit;
	text-align: justify;
	list-style: disc;
	margin-bottom: 30px;
}

div#content li {
	line-height: 1.2em;
	margin: 0 20px 0.3em 0;
}

div#content span.emph {
	color: #d0001c;
	background-color: inherit;
}

div#content p {
	font-size: 9pt;
	text-align: justify;
	line-height: 1.2em;
	margin: 1.1em 20px 0 15px;
}

div#content p.why {
	font-size: 10pt;
	text-align: justify;
	line-height: 1.2em;
	margin: 1.1em 20px 0 15px;
}

div#content p#internet {
	font-size: 11pt;
	margin: 0 50px 0 50px;
	text-align: justify;
}

div#content div#jiwire {
	position: absolute;
	margin: 30px 0 0 140px;
	width: 312px;
	height: 240px;
}

/* General link style: */
div#content a { font-weight: normal; text-decoration: underline; }
div#content a:link    { color: #006600; background-color: #ccdfa1; }
div#content a:visited { color: #006600; background-color: #ccdfa1; }
div#content a:active  { color: #006600; background-color: #ccdfa1; }
div#content a:hover   { color: #d0001c; background-color: #ccdfa1; }

div#content img#lasagna {
	position: absolute;
	top: 15px;
	left: 15px;
}

/* Horizontal navigation: __________________________________________________ */

div#content div.nav-horizontal {
	display: inline;
	width: 555px;
	height: 25px;
	position: absolute;	/* Top specified locally */
	left: 15px;
	text-align: center;
	/*border: 1px solid gray;*/
}
div#content div.nav-horizontal a { font-size: 9pt; text-decoration: none; }
div#content div.nav-horizontal a:link    { color: #006600; background-color: #ccdfa1; }
div#content div.nav-horizontal a:visited { color: #006600; background-color: #ccdfa1; }
div#content div.nav-horizontal a:active  { color: #006600; background-color: #ccdfa1; }
div#content div.nav-horizontal a:hover   { color: #d0001c; background-color: #ccdfa1; }

div#content div.nav-horizontal span {
	padding: 0 2px 0 5px;
	color: #d0001c;
	background-color: #ccdfa1;
}

div#content div#footer {
 	position: absolute;
	top: 1215px;
	left: 80px;
	width: 425px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: italic;
	text-align: center;
	border-top: 1px solid #d0001c;
	padding-top: 1.2em;
}

/* Outgoing link styles: _________________________________________________________ */

div#sidebar a#green {
	position: absolute;
	top: 355px;
	left: 9px;
	color: inherit;
	background-color: #1D7A1D;
}

div#sidebar a#w3c {
	position: absolute;
	top: 1580px;
	left: 46px;
	color: inherit;
	background-color: #1D7A1D;
}

div#content a#xgb { text-decoration: none;  }
div#content a#xgb:link, div#content a#xgb:visited, div#content a#xgb:active { color: Purple; background-color: #ccdfa1; }
div#content a#xgb:hover { color: #d0001c; background-color: #ccdfa1; font-weight: bold; }

/* Menu pages: ___________________________________________________________________ */

/* Drive-thru menu: */
div#content div#drivethru-image {
	margin: 30px 0 0 15px;
	width: 555px;
	color: White;
	background-color: #0C0E1E;
	padding: 0;
}

div#content div#drivethru-image p#p1, div#content div#drivethru-image p#p2 {
	position: absolute;
	left: 170px;
	padding-right: 10px;
	font-size: 10pt;
}

div#content div#drivethru-image p#p1 { top: 480px; }
div#content div#drivethru-image p#p2 { top: 580px; }

div#content div#drivethru-image p#p1 span {
	font-size: 13pt;
	font-variant: small-caps;
}

/* Other menus: */
div#content img#quiche, div#content img#dinner { margin: 10px 0 0 15px; }	

div#content p.cafe {
	font-size: 11pt;
	text-align: justify;
	margin: 1.5em 20px -0.5em 25px;
	color: #D0001C;
	background-color: inherit;
}
	
div#content p.dine {
	font-size: 11pt;
	text-align: justify;
	margin: 1.5em 30px 0 30px;
}

/* All menus: */
div#content div#menus {
	/* Top specified locally */
	position: absolute;
	left: 110px;
	width: 365px;
	font-size: 9pt;
}

div#content div#menus p { text-align: center; }
div#content div#menus p span { font-size: 13pt; }

div#content div#menus a {
	font-weight: normal;
	text-decoration: underline;
}

div#content div#menus a:link    { color: #006600; background-color: inherit; }
div#content div#menus a:visited { color: #006600; background-color: inherit; }
div#content div#menus a:active  { color: #006600; background-color: inherit; }
div#content div#menus a:hover   { color: #d0001c; background-color: inherit; }

/* Contact / Find page: __________________________________________________________ */

div#content div#contact {
	color: #238D23;
	background-color: inherit;
	font-size: 11pt;
	margin-left: 80px;
	margin-right: 80px;
	font-weight: bold;
}

div#content div#contact p {
	color: #006600;
	background-color: inherit;
	font-weight: normal;
	text-align: left;
	margin-left: 0;
}

div#content div#contact img { border: 2px solid #D0001C; }

/* Art and Artists page; Reviews page: ___________________________________________ */

div#content div#mandalas {
	width: 555px;
	position: absolute;
	top: 80px;
	left: 15px;
}

div#content div#mandalas img { position: absolute; }

div#content div#mandalas p {
	position: absolute;
	top: 565px;
	font-size: 8pt;
	margin: 0;
}

div#content div#art {
	width: 555px;
	position: absolute;
	top: 670px;
	left: 15px;
}

div#content div#art p.main {
	font-size: 11pt;
	text-align: justify;
	margin: 1.0em 0 0 0;
}

div#content div#art h3 {
	font-size: 10pt;
	color: #D0001C;
	background-color: inherit;
	margin: 1.2em 0 -0.2em 0;
}

div#content div#art h4 {
	font-size: 14pt;
	font-weight: normal;
	color: #D0001C;
	background-color: inherit;
	margin: 20px 0 -5px 0;
}

div#content div#art h2 { margin: 35px 0 0 0; }
div#content div#art p { margin: 1.1em 0 0 0; }

div#content div#art p.heading {
	font-size: 11pt;
}

div#content div#art p span.leader {
	color: #D0001C;
	background-color: inherit;
	font-size: 11pt;
	font-variant: small-caps;
}

/* Home page: ____________________________________________________________________ */

div#content div#welcome
{
	position: absolute;
	top: 385px;
	left: 50px;
	width: 465px;
	border: solid #D0001C;
	border-width: 5px 0 5px 0;
	font-size: 13pt;
	padding: 0.7em 10px 0.7em 10px;
	text-align: left;
}

div#content div#welcome h1 {
	font-size: 19pt;
	font-variant: small-caps;
	font-weight: normal;
	color: #D0001C;
	background-color: inherit;
	text-align: center;
	margin: 10px 0 5px 0;
}

div#content div#welcome img { float: right; margin: 5px 0 0 5px; }

div#content div#home {
	width: 535px;
	position: absolute;
	top: 580px;
	left: 25px;
	text-align: justify;
}	

div#content div#home p { font-size: 11pt; margin: 0 0 1.2em 0; }

div#content div#review {
	position: absolute;
	top: 900px;
	left: 50px;
	width: 465px;
	border: solid #D0001C;
	border-width: 4px 0 4px 0;
	padding: 0.7em 10px 0.7em 10px;
}

div#content div#review h1 {
	font-size: 16pt;
	font-weight: normal;
	color: #D0001C;
	background-color: inherit;
	text-align: center;
	margin: 10px 0 0 0;
}

div#content div#review p {
	font-size: 13pt;
	text-align: center;
	margin: 10px 0 10px 0;
}