/* CSS Document */

/********** respecified tags ***********/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
margin: 0px;
background-image: url(../media/bgd_super.png);
background-repeat: repeat;
}

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: 24px;
	font-weight: bold;
	color: #000066;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #330066;
	font-weight: bold;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	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;
}
/********** 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;
background-color: #e6e6e6;
line-height: 100%;
/*border-top: 5px solid #66cc99;*/
}
#topbox {
background-color: #e1e1e1;
margin-left: 0;
padding: 1em 1.5em 1em 2em;
font-style: italic;
}
#rightnav {
background-color: #e6e6e6;
float: right;
padding: 0 1.5em 0 0;
/* border: 5px dotted orange; */
}
#rightnav p {  
font-size: 11px;
line-height: 14px;
}
#contentindex {
float: left;
background-image: url(../images/bgd_salad.jpg);
background-repeat: repeat-y;
width: 560px;
margin-left: 0;
padding: 1.5em;
/*max-width: 48em;*/
}
#contentmisc {
float: left;
width: 560px;
background-color: #e6e6e6;
margin-left: 0;
padding: 1.5em;
/*max-width: 48em;*/
}
#content {
float: left;
background-color: #fff;
width: 560px;
margin-left: 0;
padding: 1.5em;
}
#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: 5px solid #66cc99;
}
#footerbox a:link { color: #000066; text-decoration:none; }
#footerbox a:visited { color: #000066;  text-decoration:none;}
#footerbox a:active { color:  #000066;  text-decoration:none;}

/********** custom tags *********/
.fineprint {
font-size: 90%;
line-height: 120%;
}
.fineprintwhite {
font-size: 90%;
line-height: 120%;
color: #fff;
}
.fineprintgray {
font-size: 90%;
line-height: 120%;
color: #999;
}
.fineprintred {
font-size: 90%;
line-height: 120%;
color: red;
}
.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;
}