/* CSS Document for header and main navigation - 100% of width */


/*
------------------------------------------------------------------------
main navigation area
------------------------------------------------------------------------
*/

#subnav {/* sets navigation box width and styles, with right border */
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-position: outside; 
	width: 760px;
	height: 144px;
	float: left;
	background: #FFFFFF;
	z-index: 1000;
}

/*
------------------------------------------------------------------------
link styles
------------------------------------------------------------------------
*/

#subnav a  {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding: 0;
	width: auto;
	z-index: 1000;
	height: 144px;
}


/*necessary to delete extra empty line in IE under pop-out window links */
#subnav ul   {padding: 0; margin: 0; line-height: normal; z-index: 1000; list-style: none; width: 760px}

/*styles for parent links - sets width of each box*/
#subnav li.doctors {float: left; background-image:url(images/images/doctors_off.jpg); padding: 0; margin: 0; width: 100px; z-index: 1000;}
#subnav li.doctors a:hover, #subnav li.doctors a:focus, #subnav li.doctors_on {float: left; background-image:url(images/images/doctors_on.jpg); padding: 0; margin: 0; width: 100px; z-index: 1000;}

#subnav li.forms {float: left; background-image:url(images/images/forms_off.jpg); padding: 0; margin: 0; width: 101px; z-index: 1000;}
#subnav li.forms a:hover, #subnav li.forms a:focus, #subnav li.forms_on {float: left; background-image:url(images/images/forms_on.jpg); padding: 0; margin: 0; width: 101px; z-index: 1000;}

#subnav li.office {float: left; background-image:url(images/images/office_off.jpg); padding: 0; margin: 0; width: 99px; z-index: 1000;}
#subnav li.office a:hover, #subnav li.office a:focus, #subnav li.office_on {float: left; background-image:url(images/images/office_on.jpg); padding: 0; margin: 0; width: 99px; z-index: 1000;}

#subnav li.news {float: left; background-image:url(images/images/news_off.jpg); padding: 0; margin: 0; width: 105px; z-index: 1000;}
#subnav li.news a:hover, #subnav li.news a:focus, #subnav li.news_on {float: left; background-image:url(images/images/news_on.jpg); padding: 0; margin: 0; width: 105px; z-index: 1000;}

#subnav li.education {float: left; background-image:url(images/images/education_off.jpg); padding: 0; margin: 0; width: 140px; z-index: 1000;}
#subnav li.education a:hover, #subnav li.education a:focus, #subnav li.education_on {float: left; background-image:url(images/images/education_on.jpg); padding: 0; margin: 0; width: 140px; z-index: 1000;}

#subnav li.therapy {float: left; background-image:url(images/images/therapy_off.jpg); padding: 0; margin: 0; width: 126px; z-index: 1000;}
#subnav li.therapy a:hover, #subnav li.therapy a:focus, #subnav li.therapy_on {float: left; background-image:url(images/images/therapy_on.jpg); padding: 0; margin: 0; width: 126px; z-index: 1000;}

#subnav li.home {float: left; background-image:url(images/images/home_off.jpg); padding: 0; margin: 0; width: 89px; z-index: 1000;}
#subnav li.home a:hover, #subnav li.home a:focus, #subnav li.home_on {float: left; background-image:url(images/images/home_on.jpg); padding: 0; margin: 0; width: 89px; z-index: 1000;}