/* basic elements */

body{
	margin: 0;	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
    font:11px Verdana, Arial, Sans-serif;
	line-height:15px;
    background:#ffffff;
	}
#hidden {
	visibility:hidden;
	height:0px;
	}
form { margin: 0; padding: 0; }
table {margin:10px; font-size: 11px; line-height:13px;}
a img { border: 0; }

a:link { color:#666; text-decoration:underline; }
a:hover { color:#9c0; text-decoration:none; }
a:visited { color:#666; text-decoration:underline; }

#leftcontent .tertiary {color:#000000; font-size:10px; }
#leftcontent .tertiary a:link { color:#000000; text-decoration:underline; }
#leftcontent .tertiary a:hover { color:#4E7401; text-decoration:none; }
#leftcontent .tertiary a:visited { color:#000000; text-decoration:underline; }

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote{
	font-weight: normal;
	margin: 10px;
}

.bold, #centercontent .bold {font-weight:bold;}
.green, #centercontent .green {color:#99cc00;}
.red, #centercontent .red {color:#CC0000;}
.recipetitle {font-size:13px; font-weight:bold; text-align:center;}

#leftcontent .white {color:#ffffff;}
#leftcontent a.white:link { color:#ffffff; text-decoration:none; }
#leftcontent a.white:hover { color:#FFFFCC; text-decoration:none; }
#leftcontent a.white:visited { color:#ffffff; text-decoration:none; }

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

.explorations {color:#099; font-weight:bold; }
a.explorations:link { color:#099; text-decoration:underline; }
a.explorations:hover { color:#9c0; text-decoration:none; }
a.explorations:visited { color:#099; text-decoration:underline; }

/* standard helper id */

#clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* Primary Navigation styles, styled for optional pulldowns. */

#banner {
	z-index:200;
	width:100%;
	position: relative;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}

#nav{ background-color:#9c0; font-family:Verdana, Arial, Helvetica, sans-serif;}

#nav a,
#nav a:link,
#nav a:hover,
#nav a:active,
#nav a:visited { text-decoration: none; font-size:9px; font-weight:bold; color:#000000;}

#nav li li a:link, 
#nav li li a:hover, 
#nav li li a:active, 
#nav li li a:visited { font-weight:normal; font-size:10px; }

#nav li li a {
	color: #666666;
	display: block;
	padding: 5px 0 5px 5px;
		margin:-10px; /*margin for internet explorer */
		voice-family: "\"}\"";
		voice-family:inherit;
		margin:-5px; /*margin for mozilla netscape safari */
}
#nav li li a:hover {
	color:#ffffff;	/* this is the color of the font when "lit" */
	background-color:#669900;	/* this is the color of the dropdown boxes when "lit" */
	padding: 5px 0 5px 5px;
		margin: -4px -5px -4px -5px; /*margin for internet explorer */
		voice-family: "\"}\"";
		voice-family:inherit;
		margin:-5px; /*margin for mozilla netscape safari */
}

#nav li:hover, #nav li.over {
	background-color: #ffffcc;	/* hover background color of the main nav boxes when "lit" */
	}

#nav li:hover ul, #nav li.over ul {
	display: block;
	}

ul#nav {
	list-style: none;
	padding: 0;
	margin: 0;
		margin-top: 4px; /*margin for internet explorer */
		voice-family: "\"}\"";
		voice-family:inherit;
		margin:-5px -5px -5px 0; /*margin for mozilla netscape safari */
}

#nav li {
	float: left;
	position: relative;
	width: 93px;
	text-align: center;
	cursor: default;
	background-color: #9c0;	/* this is the non-hover color of the nav boxes */
	padding:5px;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	border: 1px solid #cccccc;
	border-width: 1px 0 0 0;
	margin-left:-5px;
	margin-top:1px; /*margin for internet explorer */
	}
	#nav li>ul {
		top: auto;
		left: auto;
		padding-left:0;
		margin-top:5px;	 /*margin for mozilla netscape safari */
}

#nav li li {
	display: block;
	text-align:left;
	float: none;
	background-color: white;
	border: 1px solid #cccccc;
	border-width: 0px 1px 1px 1px;
	margin-left:-1px;
}

/* special dispensations for section one's width */
#nav li#one, #nav li#one li { width:111px;}

/*on states for site sections -- use body id "sectionx" to denote */
body#sectionone li#one, 
body#sectiontwo li#two,
body#sectionthree li#three,
body#sectionfour li#four,
body#sectionfive li#five,
body#sectionsix li#six {
	background: #669900;
	}


/* Secondary Navigation styles */

#leftcontent .menuHead {
	text-align:left;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	text-decoration:none;
	text-transform:uppercase;
	}
#leftcontent p.menuOption {
	text-align:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	line-height:12px;
	color:#fff;
	margin-bottom:0px;
	}
a.menuHead:link, .menuOption a:link { color: #FFFFFF; text-decoration: none; }
a.menuHead:hover, .menuOption a:hover { color: #99CC00; text-decoration: none; }
a.menuHead:visited, .menuOption a:visited { color:#FFFFFF; text-decoration: none;}

/* page layout */

#container{
	position: relative;
	margin: 0;
	margin-bottom:15px;
	width: 800px;
	text-align: left;
	background:url(../images/bkgd_wed.gif) repeat-y;  /*left channel background color */
	}
#container-inner{
	position: static; 
	width: auto;
	}
#leftcontent {
	position: relative;
	z-index:10;
	width:165px;
	padding:0px;
	float:left; 
	}
#centercontent {
	position: relative;
	z-index:10;
   	width: 635px;
	padding:0px;
	float:left;
	}
	
/* content text styling -- see below for content list styling*/
		
#alerts{
	font-size:10px; 
	color:#333;
	text-align:center;
	margin:0 auto;
	}
#alerts p{
	padding-top:10px;
	font-weight:bold; 
	}
#alerts a:link, #alerts a:visited { color: #333333; text-decoration: underline; }
#alerts a:hover { color: #333333; text-decoration: none; }

#ofinterest{
	padding:0;
	margin:10px;
	border:1px solid #cccccc;
	background-color:#fff;
	}
#ofinterest2{
	padding:0;
	margin:0 10px 10px 10px;
	border:1px solid #cccccc;
	background-color:#ffffcc;
	}
#leftcontent .section{
	background-color:#669900;
	margin-top:30px;
	margin-left:0px;
	margin-right:1px;
	padding:5px 10px;
	font-size:10px;
	color:#ffffff;
	text-transform:uppercase;
	}
.section a:link, .section a:visited { color: #ffffcc; text-decoration: underline; }
.section a:hover { color: #ffffcc; text-decoration: none; }

#centercontent .headline1{
	font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    }

#centercontent .headline2{
	font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
	font-style:italic;
	margin:10px 10px -10px 10px;
    }

#centercontent .headline3{
	font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
	font-style:italic;
	margin:10px 10px 0 10px;
    }

#centercontent .headline4{
    color: #99cc00;
	font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
	font-style:italic;
	margin:20px 10px 0 10px;
    }
	
#centercontent .headline5{
    color: #99cc00;
    font-size: 14px;
    font-weight: bold;
	text-transform:uppercase;
    line-height: 26px;
	margin:10px 10px 0 10px;
    }
#centercontent .headline5a{
    color: #99cc00;
    font-size: 14px;
    font-weight: bold;
	text-transform:uppercase;
    line-height: 26px;
	margin:0 10px 0 10px;
    }
		
#centercontent .subhead{
    color: #99cc00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
	text-transform: uppercase;
    }

#centercontent .calltoaction{ font-size: 13px; font-weight: normal; }

#centercontent .pullital,
#rightcontent .pullital{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height:24px;
	color:#99cc00; 
	font-style:italic;
	}

#centercontent .legal{
	font-size:9px;
	font-style:italic;
	line-height:10px;
	padding-top:10px;
	color:#666666;
	}
	
#centercontent .caption{
	font-size:9px;
	line-height:10px;
	color:#660000;
	}
	
#centercontent blockquote{ margin-left:30px; }

#footer{
	margin-left:165px;
	font-size:9px;
	color:#666;
	line-height:10px;
	padding-top:10px;
	}
	
#footer a:link { color: #979db0; text-decoration: none; }
#footer a:hover { color: #99cc00; text-decoration: none; }
#footer a:visited { color: #979db0; text-decoration: underline; }

#hr {border-bottom:1px solid #ccc; margin-left:10px; width:500px;}

/* For all regular lists in Internet Explorer */

ul{
	list-style:disk;
	list-style-position:outside;
	padding-left:30px;
	}
ol{
	list-style:decimal;
	list-style-position:outside;
	padding-left:30px;
	}

/* recipe styles below are only on /chef/barillatips recipe pages */ 

#recipetitle{
	padding:5px;
	margin:0;
	background:#99cc00;
	text-transform:uppercase;
	color:#ffffff;
	}
.recipelist{
	float:left;
	width:160px;
	margin:0;
	padding:5px;
	}
.recipelist{list-style:none;}
.recipelist li{
	clear:both;
	width:160px;
	text-align:left;
	color:#990000;
	background-color:#fff;
	padding:2px 5px 2px 0;
	}
	
/* float positioning (needs to be after main z-index declarations in stylesheet to work correctly) */

img.left {float:left; padding:0 10px 10px 0;}
img.right {float:right; padding:0 0 10px 10px;}
div.left {float:left; padding:0 10px 10px 10px;}
div.right {float:right; padding:0 10px 10px 10px;}

/*misc table specs */

td#divider{border-bottom:1px solid #ccc; vertical-align:top;}

#contactForm { color: #333333; margin:10px 20px;}
#contactForm td { height:30px; }
#contactForm td.label { width:100px; text-align:right; }

#wallpaper { margin:10px;}
#wallpaper td { height:30px; width:155px; }

#cheflist td { height:24px; }

#calendar {margin:0; color:#000; font-size:12px; line-height:18px;}
#calendar td#date {text-align:center; font-weight:bold; width:24px;}
#calendar td a {color:#000;}
#calendar td a:link {text-decoration: underline;}
#calendar td a:hover {text-decoration: none; }
#calendar td a:visited {text-decoration: underline; }

/* non-event calendar tables */
td.date {
	text-align:center; 
	font-weight:bold; 
	width:24px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	}
td.event {border-top:1px solid #666;}
td.row1 {border-bottom:1px solid #ccc;}
td.row2 {border-right:1px solid #ccc;}

/*tables that use the javascript table ruler */
 tr.ruled{ background:#ffffcc;}

/* search form pixel tweaks */
	.IEPC{ height:.25cm; font-size:9px; vertical-align:top;}
	#nav #search{ width:164px; background-color:#9c0; padding: 5px 0 3px 0;}   /*** pixel nudge for Safari/Moz/NN ***/