#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top:32px;
}
#nav a {
	display: block;
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	height:27px;
}
#nav a:hover, #page_home #nav a#btn_home, #page_eyewear #nav a#btn_eyewear, #page_about #nav a#btn_about, #page_ocations #nav a#btn_locations, #page_faq #nav a#btn_faq, #page_donations #nav a#btn_eyeglassdonations, #page_locations #btn_locations {
	background-position:bottom;
}
#nav a#btn_eyewear {
	background-image:url(images/btn_eyewear.png);
	width:108px;
}
#nav a#btn_locations {
	background-image:url(images/btn_locations.png);
	width:115px;
}
#nav a#btn_faq {
	background-image:url(images/btn_faq.png);
	width:64px;
}
#nav a#btn_about {
	background-image:url(images/btn_about.png);
	width:71px;
}
#nav a#btn_eyeglassdonations {
	background-image:url(images/btn_eyeglassdonations.png);
	width:198px;
}
#nav a#btn_home {
	background-image:url(images/btn_home.png);
	width:64px;
}
#nav li {
	float: left;
	margin:0;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:8px;
}
#nav li ul {
	position: absolute;
	left: -999em;
}
#nav li ul li {
	float: left;
	margin:0;
	line-height:29px;
	height:29px;
	padding-left:8px;
	padding-right:8px;
}
/* show sub bar on hover.  if on eyewear page, show sub bar */
#nav li:hover ul, #page_eyewear #nav li ul {
	left: auto;
	height:29px;
	line-height:29px;
	background:Transparent url(images/submenu_bar.png) no-repeat right center;
}
#nav li:hover ul li:first-child, #page_eyewear #nav li ul li:first-child {
	background:Transparent url(images/submenu_bar_left_bg.png) no-repeat left top;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li ul a {
	color:#ccc;
}
#nav li ul a:hover {
	color:#D59651;
}