.nav-container { background-image: url(/images/nav_shared/nav_fill_01.gif); padding-left:130px; padding-right: 0px; background-color: #005892; } li.home a { display: block; width: 85px; height: 35px; background-image: url(/images/nav_healthcare/home.gif); background-repeat: no-repeat;} /* .nav div.satisfunction a { display: block; width: 142px; height: 35px; background-image: url(/images/nav_healthcare/satisfunction.gif); background-repeat: no-repeat;} */ li.clinical { display: block; width: 166px; height: 35px; background-image: url(/images/nav_healthcare/clinical.gif); background-repeat: no-repeat;} li.safety { display: block; width: 92px; height: 35px; background-image: url(/images/nav_healthcare/safety.gif); background-repeat: no-repeat;} li.your { display: block; width: 143px; height: 35px; background-image: url(/images/nav_healthcare/your.gif); background-repeat: no-repeat;} li.peer { display: block; width: 221px; height: 35px; background-image: url(/images/nav_healthcare/peer.gif); background-repeat: no-repeat;} /* .nav div.resources a { display: block; width: 117px; height: 35px; background-image: url(/images/nav_healthcare/resources.gif); background-repeat: no-repeat;} */ li.home a:hover, li.home a.on { background-image: url(/images/nav_healthcare/on/home.gif); background-repeat: no-repeat;} /* .nav div.satisfunction a:hover, .nav div.satisfunction a.on { background-image: url(/images/nav_healthcare/on/satisfunction.gif); background-repeat: no-repeat;} */ /* example li.about_oa:hover, li.about_oa_sfhover, li.about_oa a.on { background-image: url(/images/nav_patient/on/about_oa.gif); background-repeat: no-repeat;} */ li.clinical:hover, li.clinical_sfhover, li.clinical a.on { background-image: url(/images/nav_healthcare/on/clinical.gif); background-repeat: no-repeat;} li.safety:hover, li.safety_sfhover,li.safety a.on { background-image: url(/images/nav_healthcare/on/safety.gif); background-repeat: no-repeat;} li.your:hover, li.your_sfhover,li.your a.on { background-image: url(/images/nav_healthcare/on/your.gif); background-repeat: no-repeat;} li.peer:hover, li.peer_sfhover,li.peer a.on { background-image: url(/images/nav_healthcare/on/peer.gif); background-repeat: no-repeat;} /* .nav div.resources a:hover, .nav div.resources a.on { background-image: url(/images/nav_healthcare/on/resources.gif); background-repeat: no-repeat;} */ .nav { background-image: url(/images/nav_healthcare/divider-off.gif); background-repeat: no-repeat; height: 35px; width: 100%; } /* menu tops */ #nav {margin-top:-35px;padding-left: 130px;} #nav ul li.home { float:left; padding: 0; display: block; width: 85px; } #nav ul li.clinical { float:left; padding: 0px; display: block; width: 166px; margin-left:-1px} #nav ul li.safety { float:left; padding: 0; display: block; width: 92px; margin-left:-1px} #nav ul li.your { float:left; padding: 0; display: block; width: 143px; margin-left:-1px} #nav ul li.peer { float:left; padding: 0; display: block; width: 221px; margin-left:-1px} /* these are the secondary menus */ /*#nav.homenav ul li { margin: 0 0 0 0;}*/ #nav ul li.home a { display: block; width: 85px; height: 35px; margin-top: 0px; text-align: center; line-height: 35px; color: #000; font-weight: bold; text-decoration: none; } #nav ul li.clinical a { display: block; width: 166px; height: 35px; margin-top: 0px; text-align: center; line-height: 35px; color: #000; font-weight: bold; text-decoration: none; } #nav ul li.safety a { display: block; width: 92px; height: 35px; margin-top: 0px; text-align: center; line-height: 35px; color: #000; font-weight: bold; text-decoration: none; } #nav ul li.your a { display: block; width: 143px; height: 35px; margin-top: 0px; text-align: center; line-height: 35px; color: #000; font-weight: bold; text-decoration: none; } #nav ul li.peer a { display: block; width: 221px; height: 35px; margin-top: 0px; text-align: center; line-height: 35px; color: #000; font-weight: bold; text-decoration: none; } /*give the secondary menus the formatting and that*/ /*#nav ul li.sfhover ul li a,*/ #nav ul li.clinical:hover ul li a, #nav ul li.clinical ul li a { width: 154px; *width: 164px; height: auto; margin: 0; padding: 2px 5px; border-style: solid; border-color: #ccc; border-width: 0 1px 1px 1px; background: #fff; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; line-height: 20px; color: #000; font-weight: normal; text-align: left; } /*#nav ul li.sfhover ul li a,*/ #nav ul li.safety:hover ul li a, #nav ul li.safety ul li a { width: 82px; *width: 92px; height: auto; margin: 0; padding: 2px 5px; border-style: solid; border-color: #ccc; border-width: 0 1px 1px 1px; background: #fff; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; line-height: 20px; color: #000; font-weight: normal; text-align: left; } /*#nav ul li.sfhover ul li a,*/ #nav ul li.your:hover ul li a, #nav ul li.your ul li a { width: 131px; *width: 141px; height: auto; margin: 0; padding: 2px 5px; border-style: solid; border-color: #ccc; border-width: 0 1px 1px 1px; background: #fff; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; line-height: 20px; color: #000; font-weight: normal; text-align: left; } /*#nav ul li.sfhover ul li a,*/ #nav ul li.peer:hover ul li a, #nav ul li.peer ul li a { width: 209px; *width: 219px; height: auto; margin: 0; padding: 2px 5px; border-style: solid; border-color: #ccc; border-width: 0 1px 1px 1px; background: #fff; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; line-height: 20px; color: #000; font-weight: normal; text-align: left; } /* gray rollovers */ #nav ul li.clinical ul li a:hover, #nav ul li.clinical ul li a.selected { border-top: 0; background: #ccc; color: #000; } #nav ul li.safety ul li a:hover, #nav ul li.safety ul li a.selected { border-top: 0; background: #ccc; color: #000; } #nav ul li.your ul li a:hover, #nav ul li.your ul li a.selected { border-top: 0; background: #ccc; color: #000; } #nav ul li.peer ul li a:hover, #nav ul li.peer ul li a.selected { border-top: 0; background: #ccc; color: #000; }