/*****************************************************************************************
/* Navigation.css
/* Purpose: This file contains the styling for the primary site navigation as well
/*			as the secondary contact tab
/****************************************************************************************/


/* -----------------------------------------------------------------------------------*/
/* ---------------------------->>> PRIMARY NAVIGATION <<<-----------------------------*/
/* -----------------------------------------------------------------------------------*/
		
.top, .bottom { behavior: url("tools/iepngfix.htc") } /* add to conditional comments */

#navContainer{  
	background:url(../../images/bkrnd_nav.png); 
	height:37px; 
	margin-top:8px;
	width:850px;
	}

#nav{ margin:0; }	
#nav li { float: left; background:none; padding:0; } 
 /* 
	New Technique to hide drop down items, 
	previous method of display:none will hide from screen readers 
*/
#nav li ul { position: absolute; left: -999em; }
#nav a, #spanish { display: block; height:37px; text-indent:-9999px; }
#nav a:hover, #spanish:hover{ border-bottom:none !important; background-position:bottom left;}
	
	/* Top Level Menu Items */
	#opt0{ background:url(../../images/nav_start.png) no-repeat bottom left; width:37px; }		
	#opt1{ background:url(../images/nav_about.png) no-repeat top left; width:137px; }		
	#opt2{ background:url(../images/nav_patients.png) no-repeat; width:160px; }
	#opt3{ background:url(../images/nav_careers.png) no-repeat; width:198px; }
	#opt4{ background:url(../images/nav_general.png) no-repeat; width:151px; }
	#spanish{ background:url(../images/nav_english.png) no-repeat; width:83px; float:right; }


/* 
	Drop Down Contents
	Each drop down contains another <ul> with two items, the first item holds
	the contents and the second item is used to display the bottom of the
	drop shadowed box.
*/
.dropdown{ width:294px; margin-left:-3px;}
	.dropdown li{ width:294px; } /* test removal in IE */ 

.top{background:url(../../images/nav_dropdown.png) repeat-y !important; line-height:normal;}
	
	/* Second Level Display Styles */
	.top h1 	{ color:#4e4845; font-family:Helvetica, Arial, sans-serif !important; 
				  font-size:13px; font-weight:bold; margin:auto auto 3px 2px; }
	.top ul		{ position:static !important; margin:0;  }
	.top li		{ color:#4e4845;  display:inline !important;  float:none !important; font-size:11px; line-height:normal;  margin-bottom:2px; width:auto !important; }
	.top a		{ color:#4e4845; font-weight:normal; height:auto !important; padding:2px; text-decoration:none; text-indent:0 !important; }
	.top a:hover{ background-color: #91908b; color:#fff; }
	
	/* Containers for the Second Level Links */
	.leftCol	{ float:left; padding:10px 10px 0 15px; width:122px; }		
	.rightCol	{ float:left; padding:10px 25px 0 0; width:122px; }
			
.bottom {background:url(../../images/nav_dropdown.png) bottom left !important; width:294px; }


/* -----------------------------------------------------------------------------------*/
/* --------------------------->>> SECONDARY NAVIGATION <<<----------------------------*/
/* -----------------------------------------------------------------------------------*/

#miniNav{ margin:0; }	
#miniNav li { float: left; background:none; padding:0; } 
 /* 
	New Technique to hide drop down items, 
	previous method of display:none will hide from screen readers 
*/
#miniNav li ul { position: absolute; left: -999em; }
#miniNav a { display: block; height:24px; text-indent:-1000px; }
#miniNav a:hover{ border-bottom:none !important; }
	
	/* Top Level Menu Items */
	#miniOpt1{ background:url(../images/mininav_contact.png) no-repeat top left; width:85px; }		


/* 
	Drop Down Contents
	Each drop down contains another <ul> with two items, the first item holds
	the contents and the second item is used to display the bottom of the
	drop shadowed box.
*/
.dropdownSingle{ width:144px; margin-left:0px;}
	.dropdownSingle li{ width:144px } /* test removal in IE */ 

.topS{background:url(../../images/mininav_dropdown.png) repeat-y !important; line-height:normal;}
	
	/* Second Level Display Styles */
	.topS h1 	{ color:#4e4845; font-size:13px; font-weight:bold; margin-left:2px; margin-bottom:3px; font-family:Helvetica, Arial, sans-serif !important;}
	.topS ul	{ position:static !important; margin:8px 10px 0 10px;  }
	.topS li	{ width:auto !important; float:none !important; display:inline !important;  font-size:11px; color:#4e4845;  margin-bottom:0px; padding:0; line-height:normal; }
	.topS a		{ height:auto !important; font-weight:normal; text-indent:0 !important; color:#4e4845 !important; text-decoration:none; padding:2px;}
	.topS a:hover{ background-color: #91908b; color:#fff !important; }
		
.bottomSingle {background:url(../images/mininav_dropdown.png) bottom left !important; width:144px; }