html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
body {
background:#F9F2CE;
color:#747474;
font-family:georgia;
font-size:72.5%;
line-height:1.6em;
text-align:center;
margin-bottom:30px;
}
a{ text-decoration:none;}
#page {
margin:0 auto;
text-align:left;
width:960px;
background:#fff;
}
#header, #pagecontent, #footer {
margin: 0;
clear:both;
display:block;
clear:both;
}
#logo{
padding:3px;
float: left;
background:url(../images/food/food-recipes-logo.gif) center no-repeat;
width: 110px;
margin-left:10px;
}
#user{float:right;text-align:left;width:200px; margin-top:25px; line-height:150%;}
#user a,#user a:visited{text-decoration:none;vertical-align:middle;padding:0 10px; color: #680E1A;}
#user a.first{ padding-left:0;}
#nav {
display:block;
margin:0;
padding:0;
position:relative;
margin-bottom:10px;
z-index:1000;
}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: left; border-bottom:#B49E44 dotted 1px; margin-right:5px;}
#nav ul ul { top: 0; }
#nav ul { width: 300px; background-color:#EBD77E; border-color:#B49E44 #000000 #D2BD64; border-style:solid; border-width:1px 0; }
#nav ul ul { left: 150px; }
#nav { background-color: #EBD77E; font-family: Georgia, "Times New Roman", Times, serif; height:30px; font-size:16px; padding:0 0 0 20px; line-height:30px; text-transform:uppercase; border-color:#B49E44 #000000 #D2BD64; border-style:solid; border-width:1px 0; font-weight:700}
#nav *:hover { background-color: none;  color:#f33;}
#nav a { color:#3E454F; height:30px; font-size:12px; line-height:30px; width:150px; text-indent:10px;}
#nav li.hover a { background-color:#EBD77E;}
#nav ul li a { background-color:#EBD77E; color:#3E454F; height:30px; font-size:11px; line-height:30px; width:145px; text-indent:10px;  }
#nav ul li.hover > a { background-color: #EBD77E; color:#3E454F; }
#nav ul a { opacity: 0.75; filter: alpha(opacity=75); }
.content h3{padding:10px 0px; margin: 0px; font-size: 24px;}
.content img{
float:left; margin-right: 20px;
}
.content ul{
list-style-type: square; 
list-style-position: inside;
}
#contentleft a, #contentleft a:visited, #contentleft a:hover, #contentright a, #contentright a:visited, #contentright a:hover{
color:#680E1A;
}
#contentleft {
display:block;
float:left;
width:630px;
margin-left:10px;
padding-bottom: 20px;
background:transparent url(../images/food/dot.gif) repeat-x scroll bottom left;
}
#contentleft {
text-align:justify;
}
#contentright {
display:block;
float:right;
margin-right:10px;
width:300px;
}
#contentright div {
margin-bottom:10px;
}
#hotintro{
height:250px;
border:solid 1px #FFCC66;
margin-bottom:10px;
overflow:hidden;
}
#subhotintro{ display:block; margin: 0px; height:250px; overflow:hidden}
#subintromain{ width: 450px; float: left; height:250px;}
#subintromenu{ width: 177px; float: right;}
#subintromenu ul{ padding:0; margin:0;}
#subintromenu li{ padding:0; margin:0; list-style: none; font-size: 14px; vertical-align: middle; cursor: pointer; border:1px solid #D3C06E; color:#69101C; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity: 0.60; margin:5px; padding:13px 10px 10px 10px;}
#subintromenu li.subactive{ filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1.00;}
.textDescription { position: relative; top:-90px; height: 80px; width: 440px; background: url(../images/food/textdesc_bg.png);}
.textDescription h1 {color: #fff; font: bold 20px georgia; text-align: left; margin: 5px 10px; letter-spacing: 2px; }
.textDescription p { color: #fff; font: normal 12px georgia; margin: 5px; margin-left: 10px; line-height: 150%; }
.textDescription p a { color:#FF0066; text-align: right; margin-left: 280px; font-weight: bold; letter-spacing: 2px;}
.textDescription p a:hover { text-decoration:underline;}
.slide{ margin:5px;}
#homecol1{
width:420px;
float:left;
background:transparent url(../images/food/dot.gif) repeat-y scroll right top;
}
#homecol2{
width:210px;
float:right;
background:transparent url(../images/food/dot.gif) repeat-y scroll right top;
}
#homecol1 h3, #homecol2 h3{
font-size:40px;
line-height:120%;
color:#A9A594;
text-indent:-2000px;
background:transparent url(../images/food/food_home_bg.gif) no-repeat;
}
#toprecipes{
margin-bottom:10px;
background:transparent url(../images/food/dot.gif) repeat-x scroll bottom left;
padding-bottom:20px;
}
#toprecipes h3{
height: 60px;
}
#toprecipes .img{
float:left;
width:110px;
}
#toprecipes .text{
float: right;
width: 300px;
}
#toprecipes .text h4{
height: 40px;
font-size:20px;
font-weight:700;
}
#toprecipes .text ul{
list-style:none;
}
#toprecipes .text li{
width: 145px;
margin-right:5px;
display:inline-block;
}
#kiddos{
margin-bottom:10px;
display:block;
float:left;
width:210px;
background:transparent url(../images/food/dot.gif) repeat-y scroll right top;
}
#kiddos h3{
background-position:-622px 0;
height:90px;
}
#latestrecipes, #special{
margin-bottom:10px;
display:block;
float:right;
width:210px;
}
#latestrecipes h3{
background-position:-820px 0px;
height:120px;
}
#special h3{
background-position:-430px 0px;
height:90px;
}
#latestrecipes li, #special li, #kiddos li{
font-size:12px;
border-bottom:#CC9900 dotted 1px;
padding:5px;
margin:0 5px;
}
.info {
border-top:1px dotted #0F0F0F;
font-size:11px;
line-height:150%;
margin:5px 0;
padding:10px;
}
.recipe-img {
border:2px solid #D2BD64;
display:inline;
float:left;
height:100px;
margin:0 10px 2px;
overflow:hidden;
width:100px;
}
.recipe-txt {
font-size:1em;
margin:1px 0 0 134px;
}

.recipe {
background:none;
}
.recipe h3{
color:#D29600;
font-size:30px;
line-height:150%;
}
.recipe li{
list-style:square inside;
}
.recipe .info {
border-top:1px dotted #0F0F0F;
border-bottom:1px dotted #0F0F0F;
font-size:11px;
line-height:150%;
margin:5px 0;
padding:10px;
}

#footer{
color:#D29600;
font-size:95%;
padding:20px 0;
}
#footer a, #footer a:visited{
color:#680E1A;
}
#footer a:hover{
text-decoration:underline;
}
#footer ul{
list-style:none;
display:block;
clear:both;
}
#footer li{
float:left;
border-right:1px solid #ccc;
padding:3px 7px;
}
#footer li.last{
border-right:none;
}
#footer p{
clear:both;
padding:7px;
}
div.tooltip { 
    font-size:10px; 
    height:70px; 
    padding:10px 20px; 
    width:600px; 
    display:none; 
    color:#000;
	background:#EBD77E;
	border-color:#B49E44 #EBD77E #D2BD64;
	border-style:solid;
	border-width: 1px;
	margin-left:20px;
	text-transform:uppercase;	
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#ccc; 
}

div.tooltip li{
float:left;
width:150px;
display:inline-block;
}

div.tooltip li a, div.tooltip li a:visited, div.tooltip li a:hover{
color:#3E454F;
}