/* CSS for main nav updated December 5, 2007 */ #container{ position: absolute; z-index: 1000; top: 46px; margin: 0 0 0 25px; padding: 0; height: 33px; } *html #container{ position: relative; z-index: 1000; top: -57px; margin: 0 0 0 -395px; } #topnav { font-size: 10px; margin: 0; padding: 0; width: 545px; height: 0; } #topnav a{ display: block; } #topnav ul { position: relative; z-index: 1000; list-style: none; margin: 0; padding: 0; } *html #topnav ul{ position: relative; z-index: 1000; } #topnav li { float: left; position: relative; z-index: 1000; display: inline; color: #4f5557; text-align: left; font-weight: bold; margin: 0 0 0 0; padding: 16px 18px 0 18px; min-height: 33px; } *html #topnav li{ position: relative; z-index: 1000; } /*----- do not rearrange this block! ----->> */ #topnav li img{/* straight lines on the sides of the main li s */ position: absolute; top: 0; left: 0; } *html #topnav li img{ top: -2px; } #topnav li.main-selected{ background: url("/images/global/g-topnav-selected-bg.gif") repeat-x top left; color: #4f5557; } #topnav li:hover, #topnav li.over{ background: url("/images/global/g-topnav-selected-bg.gif") repeat-x top left; color: #4f5557; padding: 16px 18px 0 18px; } #topnav li.empty{ /* this must remain after "topnav li:hover, #topnav li.over" as it's clearing the hover background style for the empty li */ background: none; } /* <<----- do not rearrange this block! -----*/ #topnav li ul { display: none; position: absolute; z-index: 1000; left: 0; background: #F2F2E9; border: 1px solid #E0DFC9; margin: 4px 0 0 -18px; padding: 0; width: 235px; } *html #topnav li ul{ position: absolute; z-index: 1000; margin: 15px 0 0 0; width: 240px; } #topnav li > ul { position: absolute; z-index: 1000; top: auto; left: auto; } #topnav li:hover ul, #topnav li.over ul { display: block; } #topnav li li{ position: relative; z-index: 1000; background: none; font-weight: normal; border-bottom: 1px solid #E0DFC9; margin: 0; padding: 0; width: 235px; min-height: 23px; } *html #topnav li li{ width: 240px; } #topnav li li a{ color: #585952; text-decoration: none; margin: 0; padding: 6px 12px 3px 12px; } #topnav li li a:hover, #topnav li li a.over{ background: #EEEDDA; } #topnav li li:hover{ background: none; padding: 0; } #topnav li.selected a, #topnav li.selected a:hover, #topnav li.selected a.over { background: #E7E3BD; } #topnav li.faux_third a{ padding: 5px 0 4px 30px; } #topnav li.faux_third_selected a, #topnav li.faux_third_selected a:hover, #topnav li.faux_third_selected a.over{ background: #E7E3BD url(/images/content-rightnav/cr-bullet.gif) no-repeat; padding: 5px 0 4px 30px; } /* related links box */ #main-content #related-links{ background: #EDECDF; margin: 15px 0 15px 100px; padding: 10px; width: 455px; } #main-content #related-links h3, #main-content #related-links p{ font-size: 10px; margin: 0; padding: 3px 0 3px 0; }