
#navigation {
	clear:both;
	background:url(../images/nav-bar.jpg) ;
	width:946px;
	height:37px;
	margin-left:15px;
	_margin-left:5px;
	z-index: 44;
	background-repeat: repeat-x;
}

.sub-page #navigation {
	clear:both;
	background:url(../images/nav-bar.jpg) ;
	width:946px;
	height:37px;
	margin-left:15px;
	_margin-left:5px;
	z-index: 44;
	background-repeat: repeat-x;
}


#nav, #nav ul {
 padding: 0px 0px;
 margin:0px;
 list-style:none;
}


#nav li {
 float:left;
 border-right:dotted 1px #336699;
}

/* this is to give About Us a little more space and shove the inova logo over to the right more */
#nav li.nextlast {
 border-right:dotted 1px #336699;
	background:url(../images/nav-bar.jpg) ;
padding: 0px 1px;
}

#nav li.last {
 border:none;
  padding: 10px 0px 0px 10px;
}



#nav a {
 padding: 10px 17px;  /* this is the padding between the nav text */
 display:block;
 color:#000033;
 text-decoration:none;
 font-size:.75em;
 line-height: 11px;   /*  ie did not like the height command  */
}



#nav a.active, 
#nav a:hover {
	color:#660033;
	background:url(../images/nav_hover.jpg) repeat-x;
	background-position:0 0px;
}

#nav li.last  a:hover {
 background:url(../images/inovaCancerSvcs2.jpg) no-repeat;
}
#nav li a.inova-cancer-svs {
 background:url(../images/inovaCancerSvcs2.jpg) no-repeat;
 width:134px;
 height:37px;
 border:0;
 padding: 8px 0px 0px 0px;
 margin: -10px 0px 0px -6px;
 _position:relative;
 z-index: 0; 
}




/*  THIS BELOW IS FOR THE DROPDOWNS  */
#nav li ul {
	position:absolute;
	padding:0;
	padding-left: 10px;
	width:100px;   /* this is the overall "bucket" width; if any bigger then they wrap out to the right */
	left:-999em;
	z-index:1000;     /*  <<---- puts the nav dropdown over the Inova logo  */

}


#nav li ul li {
	margin:0;
	width:250px;  /* THE ACTUAL WIDTH; IT'S OK THAT THE BUCKET WIDTH ABOVE IS SMALL   */
	border-top:solid 1px ;
	/* padding: 10px 5px 9px 12px;  */
	 background:url(../images/nav-li-bg.jpg) repeat;
	border-top-color: #666666;
		border-right: solid 2px #000066;
	border-left: solid 2px #000066;
}

#nav li ul li a {
	text-align:left;
	font-weight: normal;  
	font-size:0.75em;
	color:#000033;
	/*  background:url(../images/subnav-li-bg.png) repeat-x; */
	 _background:url(../images/subnav-li-bg_ie.png) repeat-x;
	_height:0px;
}





#nav li:hover ul, 
#nav li.sfhover ul {
 left:auto;
}

.globalNavIframe{display:none;}
ul li iframe{display:block;visibility:visible;position:absolute;left:-2000px;top:-2000px;}
ul li:hover iframe{display:block;visibility:visible;z-index:-1;position:absolute;margin-top:30px;border:0px;}
ul li:hover iframe{top:5px;left:0px;width:150px;height:170px;}

