body{
	behavior:url("/Scripts/csshover.htc");
}
/************************** FIRST LEVEL **************************/


/* First Level Lists */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

/* First Level List Items */
#nav li {
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
	background-color:#102073;
	text-align:center;
	padding:5px;
	padding-left:5px;
	padding-right:5px;
	margin-right:1px;
}

/* First Level Links */
#nav a {
	display: block;
	width: 100%;
	text-decoration:none;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

/* First Level Links ON First Level List Item Hover */
#nav li:hover a{
	color:orange;
}


/************************** SECOND LEVEL **************************/


/* Second Level Lists */
#nav li ul {
	margin-top:5px;
	margin-left:-5px;
	position: absolute;
	background:#102073;
	width: 100px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* Second Level List Items */
#nav ul li{
	text-align:left;
	padding:5px;
	padding-left:4px;
	margin:0;
	height:auto;
	width:100px;
}

/* Second Level Links */
#nav ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	background:url(../images/arrows.gif) 100% 0 no-repeat;
	width:100px;
}

/* Second Level Links ON First Level List Item Hover */
#nav li:hover li a{
	color:#FFF;
}

/* Second Level List Item, Second Level Links ON Second Level List Item Hover */
#nav ul li:hover a, #nav ul li:hover{
	color:#FF0000;
	background-color:#fffbff;
}


/************************** THIRD LEVEL **************************/


/* Third Level Lists */
#nav ul ul {
	margin: -1em 0 0 105px;
	width:190px;
}

/* Third Level List Items */
#nav ul ul li{
	width:190px;
}

/* Third Level List Links */
#nav ul ul a{
	background:none;
	width:190px;
}

/* Third Level List Item, Third Level Link ON Second Level List Item Hover */
#nav ul li:hover li a, #nav ul li:hover li{
	color:#FFF;
	background-color:#102073;
}

/* Third Level List Item, Third Level Link ON Third Level List Item Hover */
#nav ul ul li:hover a, #nav ul ul li:hover{
	color:#FF0000;
	background-color:#fffbff;
}



/* I don't really remember what these do */
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav #tradition{
	width:100px;
}
#nav #products{
	width:80px;
}
#nav #recipes{
	width:80px;
}
#nav #peernews{
	width:80px;
}
#nav #culinary{
	width:175px;
}
#nav #foodsafety{
	width:80px;margin-right:0;
}