/* Structure */
#nav {
	position: absolute;
	top: 127px;
	left: 67px;
	width: 849px;
	font-size: 13px;
}

#about-us {
	margin-left: 40px;
}

div#nav ul {
	margin: 0;
	padding: 0;
	height: 38px;
	
}
/* Hover States */
.off {background: url(../images/bg-nav.jpg) top left no-repeat;}

.about-us {
	background: url(../images/bg-nav.jpg) 0 -39px no-repeat;
}

.physicians {
	background: url(../images/bg-nav.jpg) 0 -78px no-repeat;
}

.locations {
	background: url(../images/bg-nav.jpg) 0 -117px no-repeat;
}

.contact {
	background: url(../images/bg-nav.jpg) 0 -156px no-repeat;
}

.info-center {
	background: url(../images/bg-nav.jpg) 0 -195px no-repeat;
}

.privacy {
	background: url(../images/bg-nav.jpg) 0 -234px no-repeat;
}

/* Drop Down Styles */
div#nav ul li {
	float: left;
	display: inline;
	padding: 0 15px 0 4px;
}

div#nav ul li#info-center {
	padding: 0 8px 0 11px;
}
div#nav ul li#privacy {
	padding: 0 8px 0 11px;
}

div#nav ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 38px;
	width: 85px;
	text-align: center;
}

#top-level .active-about-us ul {
	left: 44px;
}

#top-level .active-physicians ul {
	left: 148px;
}

#top-level .active-contact ul {
	left: 356px;
}

/* Nav Drop Down */
div#nav ul ul {
	padding: 0 0 0 27px;
	margin: 0 0 0 -37px;
	list-style: none;
	line-height: 100%;
	background: url(../images/bg-dropdown-left-01.jpg) top left no-repeat;
}

#nav #top-level #physicians ul {
	background: url(../images/bg-dropdown-left-02.jpg) top left no-repeat;
}

#nav #top-level #contact ul {
	background: url(../images/bg-dropdown-left-03.jpg) top left no-repeat;
}

div#nav ul li ul .last {
	background: url(../images/bg-dropdown-right.jpg) top right no-repeat;
	padding: 3px 26px 7px 0px;
}

#nav #top-level #physicians ul .last {
	background: url(../images/bg-dropdown-right-02.jpg) top right no-repeat;
}

#nav #top-level #contact ul .last {
	background: url(../images/bg-dropdown-right-03.jpg) top right no-repeat;
}

div#nav ul li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.hide {
	left: -999em;
}

div#nav ul li ul li {
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	line-height: 100%;
	padding: 3px 0px;
}
div#nav ul li ul li a {
	text-align: left;
	line-height: 22px;
	padding: 3px 6px 3px 6px;
	margin: 0 0px 0 0;
	font-size: 85%;
	display: block;
	font-weight: normal;
	background: url(../images/bg-nav-link.jpg) center right no-repeat;
	width: auto;
}

div#nav ul li ul .last a {
	background: none;
}

div#nav ul li:hover ul, div#nav ul li.sfhover ul {
	left: auto;
}
div#nav ul li ul a:hover {
	color: #8ad4df;
}