/************************* Begin Page Setup *************************/
html, body, div, span, p, h1, h2, h3, h4, h5, h6, form, fieldset{
margin: 0px;
padding: 0px;
border: 0px;
}

html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}

sup{
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: 0.45em;
}

body{
margin: 0px;
padding: 0px;
border: 0px;
background-color: white;
min-width: 992px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
color: #000000;
}

body.color1 { background-color: #DDE8F7; }
body.color2 { background-color: #F0EFEE; }
body.color3 { background-color: #EAE0CD; }
body.color4 { background-color: #F3DFD6; }
body.color5 { background-color: #E5B90C; }
body.color6 { background-color: #F1691D; }
body.color7 { background-color: #D70534; }
/*body.color8 { background-color: #213600; }*/
body.color8 { background-image:url(../img/bg8.gif); background-repeat:repeat-x; background-attachment:scroll; }

#wrapper{
width: 992px;
margin: 0px auto;
padding: 0px;
border: 0px;
position: relative;
text-align: left;
}

.setfloat{
float: left;
margin: 0px;
padding: 0px;
display: inline;
}

.clearfloat{
clear: both;
margin: 0px;
padding: 0px;
display: block;
}

.errorMsgContainer{
border: 1px solid #ff0000; 
background-color: #ffc6c6;
color: #480000;
}

a:link {color: #02437F; text-decoration: none;}
a:active {color: #02437F; text-decoration: none;}
a:visited {color: #7B95AC; text-decoration: none;}
a:hover {color: #f9880f; text-decoration: none;}

a.linkCSS1:link {color: #000000; text-decoration: none;}
a.linkCSS1:active {color: #000000; text-decoration: none;}
a.linkCSS1:visited {color: #000000; text-decoration: none;}
a.linkCSS1:hover {color: #f9880f; text-decoration: none;}

a.linkCSS2:link {color: #02437F; text-decoration: none;}
a.linkCSS2:active {color: #02437F; text-decoration: none;}
a.linkCSS2:visited {color: #02437F; text-decoration: none;}
a.linkCSS2:hover {color: #f9880f; text-decoration: none;}

a.linkCSS3:link {color: #f9880f; text-decoration: underline;}
a.linkCSS3:active {color: #f9880f; text-decoration: underline;}
a.linkCSS3:visited {color: #f9880f; text-decoration: underline;}
a.linkCSS3:hover {color: #f9880f; text-decoration: underline;}

a.linkCSS4:link {color: #f9880f; text-decoration: none;}
a.linkCSS4:active {color: #f9880f; text-decoration: none;}
a.linkCSS4:visited {color: #f9880f; text-decoration: none;}
a.linkCSS4:hover {color: #f9880f; text-decoration: none;}

a.linkTitle:link {color: #ffffff; text-decoration: none;}
a.linkTitle:active {color: #ffffff; text-decoration: none;}
a.linkTitle:visited {color: #ffffff; text-decoration: none;}
a.linkTitle:hover {color: #ffffff; text-decoration: underline;}

a.linkSubTitle:link {color: #7BA2A9; text-decoration: none;}
a.linkSubTitle:active {color: #7BA2A9; text-decoration: none;}
a.linkSubTitle:visited {color: #7BA2A9; text-decoration: none;}
a.linkSubTitle:hover {color: #7BA2A9; text-decoration: underline;}

/*a.linkTopMenu:link {color: #000000; text-decoration: none; background: url(../img/bg_menu_over.gif) repeat-x;}
a.linkTopMenu:active {color: #000000; text-decoration: none; background: url(../img/bg_menu_over.gif) repeat-x;}
a.linkTopMenu:visited {color: #000000; text-decoration: none; background: url(../img/bg_menu_over.gif) repeat-x;}
a.linkTopMenu:hover {color: #f9880f; text-decoration: none; background: url(../img/bg_menu.gif) repeat-x;}*/
/************************* End Page Setup *************************/


/* Begin HomeFood Logo and Top Horizontal Banner Ad */
#HFLogo_TopBannerAd{
width: 970px;
height: 96px;
margin: 0px;
padding: 0px;
border-width: 0px;
border-style: solid;
border-color: #d3d1d1;
background-color: #FFFFFF;
}

#HFLogo_TopBannerAd #HFLogo{
float: left;
display: inline;
padding: 0px;
border: 0px;
}

#HFLogo_TopBannerAd #topHorizontalBannerAd{
float: right;
display: inline;
margin: 0px;
padding: 0px;
border: 0px;
}
/* End HomeFood Logo and Top Horizontal Banner Ad */


/* Begin Top Navigation Menu and Search Textbox */
#topNavMenuContainer{
/*width: 968px;*/
width:990px;
margin: 0px;
padding: 0px;
/*border-width: 0px 1px;
border-style: solid;
border-color: #d3d1d1;*/
font-size: 11px;
font-weight: bold;
background-color: #FFFFFF;
/*height: 27px;*/
}

#topNavMenuContainer #topNavMenu{
margin: 0px auto;
padding: 0px;
border: 0px;
}

#topNavMenuContainer #topNavMenu ul{
margin: 0px;
padding: 0px;
border: 0px;
list-style-type: none;
}

#topNavMenuContainer #topNavMenu ul li{
margin: 0px;
padding: 0px;
border: 0px;
display: inline;
height: 22px;
}

#topNavMenuContainer #topNavMenu ul li a{
float: left;
width: 137px;
margin-right: 1px;
padding: 0px;
border-top: 1px solid #d3d1d1;
line-height: 22px;
text-align: center;
display: block;
height: 22px;
}


/* Begin Big Horizontal Banner Ad */
#bannerAdContainer{
width: 970px;
height: 104px;
margin: 0px;
padding: 0px;
border: 0px;
background-color: #FFFFFF;
text-align: center;
font-size: 0px;
position: relative;
}

#bigHorizontalBannerAd{
margin: 0px auto;
padding: 5px 0;
border: 0px;
position: relative;
text-align:center;
}
/* End Big Horizontal Banner Ad */


/* Begin Content */
#content{
/*float:left;*/
display:block;
clear:both;
width: 992px;
position:relative;
z-index:0;
/*background-color:#FFFFFF;*/ 
padding:10px 0px 10px 0px;
border-top:0px solid #d3d1d1;
border-left:0px solid #d3d1d1; 
border-right:0px solid #d3d1d1;
border-bottom:0px solid #d3d1d1;
}

#content #leftContent{
display: inline; 
float: left;
width: 303px;
margin-right: 15px;
padding: 0px;
border: 0px;
font-size: 12px;
font-weight: normal;
}

#content #mainContent{
display: inline; 
float: left;
width: 509px;
margin-right: 15px;
padding: 0px;
border: 0px;
font-size: 12px;
}

#content #rightContent{
display: inline;
float: left;
width: 150px;
margin: 0px;
padding: 0px;
border: 0px;
font-size: 12px;
}
/* End Content */


/* Begin Left Navigation Menu */
#content #leftContent #leftNavMenu{
margin: 0px;
padding: 0px;
border: 1px solid #d3d1d1;
text-align: left;
width: 148px;
position: relative;
z-index: 10;
}

#content #leftContent #leftNavMenu .lineStyle{
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #ffffff;
}

#content #leftContent #leftNavMenu #buttonCSS0{
background-color: #e3ebbf;
width: 148px;
height: 24px;
}
#content #leftContent #leftNavMenu #buttonCSS1{
background-color: #ebf2cc;
width: 148px;
height: 24px;
}
#content #leftContent #leftNavMenu #buttonCSS2{
background-color: #f2f6d4;
width: 148px;
height: 24px;
}
#content #leftContent #leftNavMenu #buttonCSS3{
background-color: #f7f9e5;
width: 148px;
height: 24px;
}
#content #leftContent #leftNavMenu #buttonCSS4{
background-color: #fef4ee;
width: 148px;
height: 24px;
}
#content #leftContent #leftNavMenu #buttonCSS5{
background-color: #feefe6;
width: 148px;
height: 24px;
position: relative;
z-index: 11;
}
#content #leftContent #leftNavMenu #buttonCSS6{
background-color: #fde7db;
width: 148px;
height: 24px;
}
#content #leftContent #leftNavMenu #buttonCSS7{
background-color: #fae1d3;
width: 148px;
height: 24px;
}

#content #leftContent #leftNavMenu a{
width: 103px;
line-height: 24px;
display: block;
padding: 0px 0px 0px 45px;
}
/* End Left Navigation Menu */


/* Begin Recent */
#recent{
float: left;
width: 990px;
margin: 0px;
padding: 0px;
border: 1px solid #d3d1d1;
background-color: #EFEFEF;
text-align: left;
font-size: 10px;
font-weight: bold;
position: relative; /* remove this if #recent has fixed height */
z-index: 0; /* remove this if #recent has fixed height */
}

#recent .recentTitleStyle{
margin: 0px 0px 0px 18px;
padding: 3px 0px;
border: 0px;
font-size: 13px;
}

#recent .recentLineStyle{
margin: 0px;
padding: 0px;
border-top: 1px dotted #B9BCA9;
border-bottom: 1px solid #FFFFFF;
border-left-width: 0px;
border-right-width: 0px;
}

#recent #recentHome{
float: left;
width : 247px;
display: inline;
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right: 1px dotted #B9BCA9;
}

#recent #recentFood{
float: left;
width: 247px;
display: inline;
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right: 1px dotted #B9BCA9;
}

#recent #recentRecipes{
float: left;
width: 247px;
display: inline;
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right: 1px dotted #B9BCA9;
}

#recent #recentVarious{
float: right;
width: 247px;
display: inline;
margin: 0px;
padding: 0px;
border: 0px;
position: absolute;
top: 0px;
left: 744px;
}

#recent ul{
margin: 8px 4px;
padding: 0px;
border: 0px;
list-style-type: none;
}

#recent ul li{
margin: 0px;
padding: 0px;
border: 0px;
background: url(../img/bullet_triangle.gif) no-repeat left center;
height: 16px;
}

#recent ul li a{
margin: 0px;
padding: 0px 0px 0px 14px;
border: 0px;
overflow: hidden;
white-space: nowrap;
line-height: 16px;
}
/* End Recent */


/* Begin Footer */
#footer{
clear: both;
width: 990px;
margin: 0px;
padding: 0px;
border: 1px solid #d3d1d1;
background-color:#FFFFFF;
text-align: center;
font-size: 10px;
font-weight: bold;
}

#footer #footerLinks{
width: 900px;
margin: 5px auto;
padding: 0px;
border: 0px;
}

#footer #footerLinks ul{
margin: 0px;
padding: 0px;
border: 0px;
list-style-type: none;
}

#footer #footerLinks ul li{
margin: 0px;
padding: 0px;
border-bottom: 1px solid #000000;
display: inline;
}
/* End Footer */