/* style definitions for main navigation */ #mainnavibar { width: 960px; margin: 0 auto; background: #2e4a62 url(bg_mainnavi.png) top left repeat; } #nav, #nav ul { float: left; list-style: none; background: transparent; font-weight: normal; padding: 0; border-top: 1px solid #2d4458; border-bottom: 1px solid #2d4458; margin: 0; } #nav a { display: block; color: #fff; text-decoration: none; padding: 3px 12px 3px 12px; font-size:12px; } #nav a.parent { background: url(parent_arrow.gif) center right no-repeat; } #nav li { float: left; padding: 0; } #nav li ul { position: absolute; background:#245e79;/* dropdown color*/ left: -999em; height: auto; width: 180px; w\idth: 180px; font-weight: normal; border: 0; border-top:3px solid #000; margin: 0; } #nav li li { padding: 0 ; width: 180px; border-top:1px solid #D1D8DB; /* border between drop-down rows*/ } #nav li ul a { width: 160px !important; width: 180px; width/**/:/**/180px; color:#000; padding: 5px 10px 5px 10px;/* drop-down row height*/ } #nav li ul ul { border: 0; border-left:1px solid #D1D8DB; margin: -28px 0 0 180px;/* parameters to set drop-down in place */ } #nav li ul ul.onleft { margin: -28px 0 0 -180px;/* drop-down on left */ } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { background: #b4c8d9; /* mainbar hovercolor*/ } #nav li:hover a, #nav li.sfhover a { color:#343f46; } #nav li.hilite {background: #e3eef9} #nav li.hilite a {color:#343f46;} #nav li li:hover, #nav li li.sfhover { background: #B3BEC3; /* drop-down hovercolor*/ }