#leftCol ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 140px;
	font-size: 14px;
	clear: both;
}

#nav li {
	float: left;
	position: relative;
	width: 140px;
	height: 21px;
	text-align: right;
	cursor: default;
	background-color: #fff;
	padding: 3px 0px 0px 0px;
	z-index: 99;
}

#nav li a {
	padding: 0px 9px 0px 5px;
	font-weight: normal;
	color: #555;
}

#nav li a:hover {
	font-weight: normal;
	text-decoration: none;
}

/* subnav */
#subnav ul {
	font-size: 14px;
	clear: both;
	list-style: none;
	display: block;
	float: left;
}

#subnav li {
	text-align: left;
	clear :both;
	display: block;
	float: left;
	margin: 0;
	padding: 0
}

#subnav li a {
	color: #999;
}

#nav #subnav ul {
	list-style: none;
	width: 205px;
	clear: both;
	margin: 0;
	padding: 16px 5px 0px 35px;
}

#nav #subnav ul li {
	background-color: transparent;
	float: left;
	width: 200px;
	height: 24px;
	margin: 0;
	padding: 0px 0px 0px 22px;
	background-repeat: no-repeat;
	background-position: 8px 4px;
}

#nav .about #subnav ul li { background-image: url('../menu/subnav-about-bul.gif'); }
#nav .health #subnav ul li { background-image: url('../menu/subnav-health-bul.gif'); }
#nav .products #subnav ul li { background-image: url('../menu/subnav-products-bul.gif'); }
#nav .recipes #subnav ul li { background-image: url('../menu/subnav-recipes-bul.gif'); }
#nav .food #subnav ul li { background-image: url('../menu/subnav-food-bul.gif'); }

#nav .aboutON #subnav ul li { background-image: url('../menu/subnav-about-bul.gif'); }
#nav .healthON #subnav ul li { background-image: url('../menu/subnav-health-bul.gif'); }
#nav .productsON #subnav ul li { background-image: url('../menu/subnav-products-bul.gif'); }
#nav .recipesON #subnav ul li { background-image: url('../menu/subnav-recipes-bul.gif'); }
#nav .foodON #subnav ul li { background-image: url('../menu/subnav-food-bul.gif'); }

#nav #subnav ul li h5 {
	font-size: 14px;
	background-color: #fff;
	width: 100px;
	height: 24px;
	margin: 0px 0px 0px -24px;
	padding: 0px 0px 0px 0px;
}

#nav #subnav ul li:hover {
	clear: both;
	margin: 0;
	padding: 0px 0px 0px 22px;
}
#nav #subnav ul li a {
	padding: 0px 0px 0px 0px;
	color: #555;
}
#nav #subnav ul li a:hover {
	color: #b51729;
	text-decoration: underline;
}
#nav .about #subnav ul li a:hover { color: #00a8eb; }
#nav .health #subnav ul li a:hover { color: #e3007b; }
#nav .products #subnav ul li a:hover { color: #b51729; }
#nav .recipes #subnav ul li a:hover { color: #e75841; }
#nav .food #subnav ul li a:hover { color: #5eb929; }

#nav .aboutON #subnav ul li a:hover { color: #00a8eb; }
#nav .healthON #subnav ul li a:hover { color: #e3007b; }
#nav .productsON #subnav ul li a:hover { color: #b51729; }
#nav .recipesON #subnav ul li a:hover { color: #e75841; }
#nav .foodON #subnav ul li a:hover { color: #5eb929; }

/* javascript subnav */
#nav li:hover ul, li.over ul {
	display: block;
}

/* main nav states */
#nav .home li { float: right; width: 55px; }
#nav .home li:hover a { color: #fff; }
#nav .home li:hover {
	background-image: url('../menu/nav-home.gif');
	background-repeat: no-repeat;
}
#nav .about li { float: right; width: 74px; }
#nav .about li:hover a { color: #fff; }
#nav .about li:hover {
	background-image: url('../menu/nav-about-us.gif');
	background-repeat: no-repeat;
}
#nav .health li { float: right; width: 60px; }
#nav .health li:hover a { color: #fff; }
#nav .health li:hover {
	background-image: url('../menu/nav-health.gif');
	background-repeat: no-repeat;
}
#nav .products li { float: right; width: 75px; }
#nav .products li:hover a { color: #fff; }
#nav .products li:hover {
	background-image: url('../menu/nav-products.gif');
	background-repeat: no-repeat;
}#nav .recipes li { float: right; width: 67px; }
#nav .recipes li:hover a { color: #fff; }
#nav .recipes li:hover {
	background-image: url('../menu/nav-recipes.gif');
	background-repeat: no-repeat;
}
#nav .food li { float: right; width: 98px; }
#nav .food li:hover a { color: #fff; }
#nav .food li:hover {
	background-image: url('../menu/nav-food-service.gif');
	background-repeat: no-repeat;
}
#nav .advertisements li { float: right; width: 117px; }
#nav .advertisements li:hover a { color: #fff; }
#nav .advertisements li:hover {
	background-image: url('../menu/nav-advertisements.gif');
	background-repeat: no-repeat;
}
#nav .faqs li { float: right; width: 46px; }
#nav .faqs li:hover a { color: #fff; }
#nav .faqs li:hover {
	background-image: url('../menu/nav-faqs.gif');
	background-repeat: no-repeat;
}
#nav .contacts li { float: right; width: 89px; }
#nav .contacts li:hover a { color: #555; }
#nav .contacts li:hover {
	background-image: url('../menu/nav-contact-us.gif');
	background-repeat: no-repeat;
}
#nav .comp li { float: right; width: 92px; }
#nav .comp li:hover a { color: #555; }
#nav .comp li:hover {
	background-image: url('../menu/nav-contact-us.gif');
	background-repeat: no-repeat;
}
/* asp ON state */
#nav .homeON li { float: right; width: 55px; 
	background-image: url('../menu/nav-home.gif');
	background-repeat: no-repeat;}
#nav .homeON li a { color: #fff; }

#nav .aboutON li { float: right; width: 74px; 
	background-image: url('../menu/nav-about-us.gif');
	background-repeat: no-repeat; }
#nav .aboutON li a { color: #fff; }


#nav .healthON li { float: right; width: 60px;
	background-image: url('../menu/nav-health.gif');
	background-repeat: no-repeat; }
#nav .healthON li a { color: #fff; }


#nav .productsON li { float: right; width: 75px; 
	background-image: url('../menu/nav-products.gif');
	background-repeat: no-repeat; }#nav .productsON li a { color: #fff; }

#nav .recipesON li { float: right; width: 67px; 
	background-image: url('../menu/nav-recipes.gif');
	background-repeat: no-repeat; }
#nav .recipesON li a { color: #fff; }

#nav .foodON li { float: right; width: 98px; 
	background-image: url('../menu/nav-food-service.gif');
	background-repeat: no-repeat; }
#nav .foodON li a { color: #fff; }

#nav .advertisementsON li { float: right; width: 117px; 
	background-image: url('../menu/nav-advertisements.gif');
	background-repeat: no-repeat; }
#nav .advertisementsON li a { color: #fff; }

#nav .faqsON li { float: right; width: 46px; 
	background-image: url('../menu/nav-faqs.gif');
	background-repeat: no-repeat; }
#nav .faqsON li a { color: #fff; }

#nav .contactsON li { float: right; width: 86px; 
	background-image: url('../menu/nav-contact-us.gif');
	background-repeat: no-repeat; }
#nav .contactsON li a { color: #555; }




/* subnav */
#nav li ul {
	display: none;
	float: left;
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	font-weight: normal;
	background-repeat: no-repeat;
	z-index: 99; 
}
#nav .about #subnav  ul {
	z-index: 99; left: 74px; top: -19px;
	width: 200px; height: 124px;
	background-image: url('../menu/subnav-about-us.png');
}
#nav .health li ul {
	z-index: 99; left: 60px; top: -19px;
	width: 250px; height: 100px;
	background-image: url('../menu/subnav-health.png');
}
#nav .products li ul {
	z-index: 99; left: 75px; top: -19px;
	width: 157px; height: 124px;
	background-image: url('../menu/subnav-products.png');
}
#nav .recipes li ul {
	z-index: 88;	left: 67px; top: -19px;
	width: 245px; height: 244px;
	background-image: url('../menu/subnav-recipes.png');
}
#nav .food li ul {
	z-index: 99; left: 98px; top: -19px;
	width: 157px; height: 124px;
	background-image: url('../menu/subnav-food-service.png');
}

#nav .aboutON #subnav  ul {
	z-index: 99; left: 74px; top: -19px;
	width: 200px; height: 124px;
	background-image: url('../menu/subnav-about-us.png');
}
#nav .healthON li ul {
	z-index: 99; left: 60px; top: -19px;
	width: 250px; height: 100px;
	background-image: url('../menu/subnav-health.png');
}
#nav .productsON li ul {
	z-index: 99; left: 75px; top: -19px;
	width: 157px; height: 124px;
	background-image: url('../menu/subnav-products.png');
}
#nav .recipesON li ul {
	z-index: 99; left: 67px; top: -19px;
	width: 245px; height: 244px;
	background-image: url('../menu/subnav-recipes.png');
}
#nav .foodON li ul {
	z-index: 99; left: 98px; top: -19px;
	width: 157px; height: 124px;
	background-image: url('../menu/subnav-food-service.png');
}