/* CSS Document */

/********** respecified tags ***********/
body {
margin: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
background-color: #e2e2e2;}

a:link { color: #3366CC; text-decoration:none; }
a:visited { color: #3366CC;  text-decoration:none;}
a:active { color: #009999;  text-decoration:none;}
a:hover { text-decoration: underline; }

p {
	margin: 0; 
	padding: 0;
	font-size: 100%;
	color: #000000;
	line-height: 130%;
}
pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	padding: 0 1em;

}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #009999;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #330066;
	font-weight: bold;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #330066;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699;
	font-weight: bold;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
ul {
    margin: 0;
	width: 160px;
    padding: 4px 10px 10px 0px;
}
li {
    text-align: left;
    list-style: none;
    padding: 1px 4px 2px 4px;
    margin: 5px;
    border: 1px solid #CCC;
	background-color:#FFFF99;
    border-right: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
}
/********** area tags **********/
/*
#supercontainer {
width: 100%;
margin: 0px auto;
background-image: url(../media/bgd_super.png);
background-repeat: repeat;
}
*/

#container {
width: 760px;
float: center;
margin: 0px auto;
padding: 0 ;
background-color: #ffffcc;
border: 5px solid #red;
/*border-top: 5px solid #66cc99;*/
}
#topbox {
background-color: #e1e1e1;
margin-left: 0;
padding: 1em 1.5em 1em 2em;
font-style: italic;
border: 2px dashed #green;
}
#rightnav {
background-color: #FFFFCC;
float: right;
padding: 5px;
line-height: 160%;
font-weight: 100;
/* border: 5px dotted orange; */
}
#rightnav p {  
font-size: 120%;
font-weight: bold;
line-height: 50%;
color:#663366;
}
#rightnav li {  
font-size: 100%;
font-weight: 600;
line-height: 200%;
color:#333333;
}
#contentindex {
float: left;
background-image: url(../images/bgd_salad.jpg);
background-repeat: repeat-y;
width: 553px;
margin-left: 0;
padding: 1.5em;
/*max-width: 48em;*/
}
#contentmisc {
float: left;
width: 730px;
background-color: #ffffcc;
margin-left: 0;
padding: 1.5em;
/*max-width: 48em;*/
}
#content {
float: left;
background-color: #fff;
width: 520px;
margin-left: 0;
padding: 1.5em;
/* border: 5px dotted red; */
}
#content h1 { 
font-size: 160%;
line-height: 120%;
font-weight: 800;
color: #666;
margin: 0 0 1em .5em; 	
font-style: italic;
 }
#content h2 { 
font-size: 140%;
line-height: 110%;
font-weight: 800;
color: #666;
margin: .5em 0 0 1em; 	
font-style: italic;
 }
#content h3 { 
font-size: 120%;
line-height: 100%;
font-weight: 800;
color: #666;
margin: .5em 0 0 1em; 	
font-style: italic;
 }
#content p { 
padding: .5em 2em .5em 1em;
}
#ingredients {
border: 1px dotted #666666;
}
#footerbox {
clear: both;
margin: 0;
padding: .5em;
background-color: #fff;
border-top: 3px solid #cc6600;
padding: 3px 5px 5px 1em;
border-top: 4px solid #336666;
}

/********** custom tags *********/
.fineprint {
font-size: 90%;
font-weight: 400;
line-height: 120%;
}
.fineprintwhite {
font-size: 90%;
line-height: 120%;
color: #fff;
}
.fineprintgray {
font-size: 90%;
line-height: 120%;
color: #999;
}
.gray {
color: #666; 
}
.red {
color: red; 
}
.nobr { 
white-space: nowrap; 
}
.outline {
border: thin solid teal;
}
.row0 {
    background-color: #ffffff;
}
.row1 {
    background-color: #e6e6e6;
}
#topleft {
	position: fixed;
	left: 0px;
	top: 0px;
}
#listspace {
font-size: 90%;
color: #333333;
line-height: 200%;
}