#secondary-nav { clear: both; margin: 0 auto; padding: 0; width: 960px; text-transform: uppercase; line-height:normal; overflow:hidden } #secondary-nav a:link, #secondary-nav a:visited { font-weight: bold; color: #fff; padding: 5px 5px } #secondary-nav a:hover, #secondary-nav a:active { font-weight: bold; color: #fff; background-color: #395755; } #secondary-nav li li a:link, #secondary-nav li li a:visited { font-weight: bold; color: #fff; background-color: #395755 } #secondary-nav ul { /*Colour Moved*/ width: 956px; float:left; margin: 0; padding: 0; list-style:none; } #secondary-nav li { display: block; float: left; margin: 0; padding: 0; } #secondary-nav a { color: #82C8D3; display: block; /*background:url("/images/secondary-nav/left-tab.gif") no-repeat left top;*/ background:url("/images/secondary-nav/left-tab.gif") no-repeat left top; margin: 0 2px 0 10px; padding:3px 0; text-decoration:none; } #secondary-nav ul li:hover a, #secondary-nav ul li.sfhover a { color: #fff; } #secondary-nav ul li:hover a span, #secondary-nav ul li.sfhover a span { background-position: 100% -30px; } #secondary-nav ul li li a, #secondary-nav ul li li li a, #secondary-nav ul li li li li a { background-image: none; text-align: left; padding: 0; margin: 0; } body.home #secondary-nav li#home a span, body.area #secondary-nav li#area a span { padding-bottom: 5px; background-position: 100% -60px; } body.home #secondary-nav li#home a, body.home #secondary-nav li#home a:hover, body.area #secondary-nav li#area a, body.area #secondary-nav li#area a:hover { color: #fff; background-position: 0% -60px; } body.home #secondary-nav li#home a:hover, body.home #secondary-nav li#home a:active { color: #fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #secondary-nav a span {float:none} /* End IE5-Mac hack */ #secondary-nav a:hover span { } #secondary-nav a:hover { /* background-position:0% -30px; */ background-position:0%; } #secondary-nav a:hover span { /* background-position:100% -30px; */ background-position:100%; } #secondary-nav ul li { color: #fff; float: left; padding: 0; } #secondary-nav ul li ul { position: absolute; left: -999em; height: auto; width: 300px; top: auto; background-color: #002674; font-weight: normal; border-left: 1px solid #003555; border-right: 1px solid #003555; border-bottom: 1px solid #003555; text-transform: none; margin: 0; z-index: 10000; } #secondary-nav ul li li { width: 300px; border-top: 1px solid #82C8D3; color: #fff; background-color: #385693; z-index: 10000; } #secondary-nav ul li ul li a, #secondary-nav ul li ul li ul li a, #secondary-nav ul li li:hover ul li a, #secondary-nav ul li li.sfhover ul li a, #secondary-nav ul li li:hover li:hover li a, #secondary-nav ul li li.sfhover li.sfhover li a { padding: 4px 0; text-indent: 15px; width: 300px; color: #fff; background-color: transparent; } #secondary-nav ul li ul a:hover, #secondary-nav ul li ul li ul li a:hover { color: #002674; } #secondary-nav ul li ul ul { margin: -23px 0 0 180px; } #secondary-nav ul li:hover ul ul, #secondary-nav ul li:hover ul ul ul, #secondary-nav ul li.sfhover ul ul, #secondary-nav ul li.sfhover ul ul ul { left: -999em; } #secondary-nav ul li:hover ul, #secondary-nav ul li li:hover ul, #secondary-nav ul li li li:hover ul, #secondary-nav ul li.sfhover ul, #secondary-nav ul li li.sfhover ul, #secondary-nav ul li li li.sfhover ul { left: auto; } #secondary-nav ul li li:hover, #secondary-nav ul li li.sfhover { color: #fff; background: #F8D14A; } #secondary-nav ul li li:hover a, #secondary-nav ul li li.sfhover a, #secondary-nav ul li li:hover li:hover a, #secondary-nav ul li li.sfhover li.sfhover a, #secondary-nav ul li li:hover li:hover li:hover a, #secondary-nav ul li li.sfhover li.sfhover li.sfhover a { color: #002674; } #secondary-nav ul li a.sub-level { background: url(/images/arrow-blue.gif) 119px 0 no-repeat; } #secondary-nav ul li a.sub-level:hover { background: url(/images/arrow-yellow.gif) 119px 0 no-repeat; } body.travel_agents #secondary-nav li#travel_agents a span, body.specials #secondary-nav li#specials a span, body.weddings #secondary-nav li#weddings a span, body.attractions #secondary-nav li#attractions a span, body.dining #secondary-nav li#dining a span, body.directions #secondary-nav li#directions a span { padding-bottom: 5px; background-position: 100% -60px; } body.travel_agents #secondary-nav li#travel_agents a, body.travel_agents #secondary-nav li#travel_agents a:hover, body.specials #secondary-nav li#specials a, body.specials #secondary-nav li#specials a:hover, body.weddings #secondary-nav li#weddings a, body.weddings #secondary-nav li#weddings a:hover, body.attractions #secondary-nav li#attractions a, body.attractions #secondary-nav li#attractions a:hover, body.directions #secondary-nav li#directions a, body.directions #secondary-nav li#directions a:hover { color: #fff; background-position: 0% -60px; } body.home #secondary-nav li#home a:hover, body.home #secondary-nav li#home a:active { color: #fff; }