/***********----------------------------------------------------------------- DROPDOWN MENUS **********/
#nav, #nav ul {
	margin: 0px;
	list-style-type: none;
	font-weight: normal;
	font-size: 11px;
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	padding: 0px;
	text-align: left;
}

#nav a.home {
	display: block;
	width: 69px;
	height: 26px;
	background-image: url(images/navigation/home.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.home:hover {
	display: block;
	width: 69px;
	height: 26px;
	background-image: url(images/navigation/home-over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.thefood {
	display: block;
	width: 94px;
	height: 26px;
	background-image: url(images/navigation/thefood.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.thefood:hover {
	display: block;
	width: 94px;
	height: 26px;
	background-image: url(images/navigation/thefood-over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}
#nav  a.educatering {
	display: block;
	width: 127px;
	height: 26px;
	background-image: url(images/navigation/educatering.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}
#nav  a.educatering:hover {
	display: block;
	width: 127px;
	height: 26px;
	background-image: url(images/navigation/educatering_overlay.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.whyraw {
	display: block;
	width: 92px;
	height: 26px;
	background-image: url(images/navigation/whyraw.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.whyraw:hover {
	display: block;
	width: 92px;
	height: 26px;
	background-image: url(images/navigation/whyraw-over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.ourstory {
	display: block;
	width: 96px;
	height: 26px;
	background-image: url(images/navigation/ourstory.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.ourstory:hover {
	display: block;
	width: 96px;
	height: 26px;
	background-image: url(images/navigation/ourstory-over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.praise {
	display: block;
	width: 71px;
	height: 26px;
	background-image: url(images/navigation/praise.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.praise:hover {
	display: block;
	width: 71px;
	height: 26px;
	background-image: url(images/navigation/praise-over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.order {
	display: block;
	width: 72px;
	height: 26px;
	background-image: url(images/navigation/order.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.order:hover {
	display: block;
	width: 72px;
	height: 26px;
	background-image: url(images/navigation/order-over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.contact {
	display: block;
	width: 81px;
	height: 26px;
	background-image: url(images/navigation/contact.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav a.contact:hover {
	display: block;
	width: 81px;
	height: 26px;
	background-image: url(images/navigation/contact-over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav li {
	float:left;
	margin: 0;
	padding: 0;
}

#nav li ul.second {
	position: absolute;
	padding: 0;
	width: 180px;
	left: -999em;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

li.seconditem {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

li.seconditem:hover {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback-over.jpg);
	background-repeat: no-repeat;
	background-color: #8FBC2E;
	visibility: visible;
}

#nav li ul.third {
	position: absolute;
	padding: 0;
	width: 180px;
	left: -999em;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

li.thirditem {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

li.thirditem:hover {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback-over.jpg);
	background-repeat: no-repeat;
	background-color: #8FBC2E;
	visibility: visible;
}

#nav li ul.fourth {
	position: absolute;
	padding: 0;
	width: 180px;
	left: -999em;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

li.fourthitem {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

li.fourthitem:hover {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback-over.jpg);
	background-repeat: no-repeat;
	background-color: #8FBC2E;
	visibility: visible;
}

#nav li ul.fifth {
	position: absolute;
	padding: 0;
	width: 180px;
	left: -999em;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

li.fifthitem {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

li.fifthitem:hover {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback-over.jpg);
	background-repeat: no-repeat;
	background-color: #8FBC2E;
	visibility: visible;
}

#nav li ul.sixth {
	position: absolute;
	padding: 0;
	width: 180px;
	left: -999em;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

li.sixthitem {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

li.sixthitem:hover {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback-over.jpg);
	background-repeat: no-repeat;
	background-color: #8FBC2E;
	visibility: visible;
}

#nav li ul.seven {
	position: absolute;
	padding: 0;
	width: 180px;
	left: -999em;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

li.sevenitem {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

li.sevenitem:hover {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback-over.jpg);
	background-repeat: no-repeat;
	background-color: #8FBC2E;
	visibility: visible;
}

#nav li ul.eight {
	position: absolute;
	padding: 0;
	width: 180px;
	left: -999em;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

li.eightitem {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

li.eightitem:hover {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback-over.jpg);
	background-repeat: no-repeat;
	background-color: #8FBC2E;
	visibility: visible;
}


#nav li ul.nine {
	position: absolute;
	padding: 0;
	width: 180px;
	left: -999em;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

li.nineitem {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

li.nineitem:hover {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback-over.jpg);
	background-repeat: no-repeat;
	background-color: #8FBC2E;
	visibility: visible;
}

#nav li ul a {
	display: block;
	width:  auto;
	height: 32px;
	color: #8FBC2E;
	text-decoration: none;
	padding: 7px 0 0 10px;
}

#nav li ul a:hover {
	display: block;
	width:  auto;
	height: 32px;
	color: #FFF;
	text-decoration: none;
	padding: 7px 0 0 10px;
}

#nav li:hover ul {
	left: auto;
	padding: 0;
	margin: 0;
}

#nav li:hover ul, #nav li.sfhover ul {
	padding: 0;
	margin: 0;
}

#nav a.location {
	display: block;
	width: 81px;
	height: 26px;
	background-image: url(images/navigation/location.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}
#nav a.location:hover {
	display: block;
	width: 81px;
	height: 26px;
	background-image: url(images/navigation/location_over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}
#nav a.whypme {
	display: block;
	width: 92px;
	height: 26px;
	background-image: url(images/navigation/whypme.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}
#nav a.whypme:hover {
	display: block;
	width: 92px;
	height: 26px;
	background-image: url(images/navigation/whypme_over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#nav li ul.ten {
	position: absolute;
	padding: 0;
	width: 180px;
	left: -999em;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
	
li.tenitem {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}
li.tenitem:hover {
	width: 180px;
	height: 32px;
	background-image: url(images/navigation/dropback-over.jpg);
	background-repeat: no-repeat;
	background-color: #8FBC2E;
	visibility: visible;
}

}

