/* !MAIN NAVIGATION */ /* Use these ID's in the element to denote which page/section the user is in */ #home #nav #t1 a, #about #nav #t2 a, #contact #nav #t3 a, #products #nav #t4 a.dropdown, #formulary #nav #t5 a.dropdown, #forms #nav #t6 a.dropdown, #network #nav #t7 a.dropdown, #libraries #nav #t8 a.dropdown { /* background: url("images/tile_nav_r.gif") repeat-x left center; */ color: #F7941C; } #navWrapper { /* float: right; */ position: absolute; right: 0; width: 880px; /*width: 924px; margin: 0 auto;*/ } #nav, #nav ul { float: right; list-style: none; line-height: 42px; margin: 0 auto; padding: 0; font-size: 11px; font-weight: bold; text-transform: uppercase; } #nav a { display: block; /* background: url("images/tile_nav_r.gif") repeat-x left center; */ padding: 0 20px; /* Use this setting to have variable-width buttons */ color: #F5989D; text-align: center; text-decoration: none; } #nav a:hover { background: url("images/tile_nav_r.gif") repeat-x left top; color: #F7941C; } #nav a.level3 { background: url("images/nav/arrow_right.gif") no-repeat right center; } #nav li { /* all list items */ float: left; /* width: 110px; */ /* width of each nav button */ padding: 0; } /* !SECONDARY NAVIGATION */ #nav li ul { position: absolute; left: -999em; width: 180px; height: auto; padding: 0px 0 0 0; /*background: url("images/nav/subnav_drop.gif") repeat-x left top;*/ background-color: #930000; border-left: 1px solid #C98080; border-bottom: 1px solid #252525; border-right: 1px solid #252525; } #nav li ul li { width: inherit; font-size: 11px; font-weight: normal; text-transform: none; } #nav li ul li .topitem { background: url("images/nav/subnav_drop.gif") repeat-x left top; } #nav li ul li a { background: none; width: 160px; /* 180 actual */ padding: 2px 10px; line-height: 20px; text-align: left; border-bottom: 1px solid #A93333; } #nav li ul li a:hover { background: none; background-color: #A93333; /*color: #FFCC00;*/ } #nav a:hover.level3 { background: url("images/nav/arrow_right.gif") no-repeat right center; background-color: #A93333; } #nav li ul li a:hover.topitem { background: url("images/nav/subnav_drop_r.gif") repeat-x left top; background-color: #A93333; } #nav li ul ul { /* Tertiary Navigation */ margin: -25px 0 0 151px; border-top: 1px solid #A93333; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } /* !FOOTER NAVIGATION */ #footernav { margin: 0 auto; padding: 0; list-style-type: none; border-top: 2px solid #930000; text-align: center; } #footernav li { display: inline; border-right: 1px solid #999; } #footernav li.last { border-right: none; } #footernav li a:link, #footernav li a:visited, #footernav li a:active { color: #4B4B4B; font-size: 11px; text-decoration: none; line-height: 22px; padding: 0px 10px; } #footernav li a:hover { color: #930000; /*background: url(images/nav_tile.jpg) left top repeat; text-decoration: underline;*/ }