/* NAV styles -------------------------------------------*/ #contain-nav {float: left;margin: auto;padding: 0;height: 24px;width: 855px;} #header-nav, #header-nav ul {padding: 0;margin: 0;list-style: none;z-index: 100;} #header-nav li ul {z-index: 100;} #header-nav{padding: 0;margin: 0;list-style: none;position: absolute;width: 845px;height: 24px;} #header-nav a {display: block;height: 24px;background: transparent url(../images/nav.gif) 0 0 no-repeat;letter-spacing : -1000em;text-indent: -1em;} /* Just for Opera, but hide from MacIE */ /*\*/html>body #header-nav a {letter-spacing : normal; text-indent : -999em; overflow : hidden;} /* End of hack */ #header-nav li {float: left;} #header-nav li ul {position: absolute;left: -999em;} #header-nav li:hover ul {left: auto;} #nav_blank {width: 104px;} #nav_home {width: 60px;} #nav_about {width: 97px;} #nav_agendas {width: 77px;} #nav_revenue {width: 150px;} #nav_projects {width: 74px; } #nav_newsroom {width: 92px; } #nav_contract {width: 191px; } #nav_blank a{ width: 104px;} #nav_home a{ width: 60px;background: transparent url(../images/nav.gif) -104px 0 no-repeat;} #nav_about a{ width: 97px;background: transparent url(../images/nav.gif) -164px 0 no-repeat;} #nav_agendas a{ width: 77px;background: transparent url(../images/nav.gif) -261px 0 no-repeat;} #nav_revenue a{ width: 150px;background: transparent url(../images/nav.gif) -338px 0 no-repeat;} #nav_projects a{ width: 74px;background: transparent url(../images/nav.gif) -488px 0 no-repeat;} #nav_newsroom a{ width: 92px;background: transparent url(../images/nav.gif) -562px 0 no-repeat;} #nav_contract a{ width: 191px;background: transparent url(../images/nav.gif) -654px 0 no-repeat;} #nav_blank a:hover{} #nav_home a:hover{background: transparent url(../images/nav.gif) -104px -24px no-repeat;} #nav_about a:hover{background: transparent url(../images/nav.gif) -164px -24px no-repeat;} #nav_agendas a:hover{background: transparent url(../images/nav.gif) -261px -24px no-repeat;} #nav_revenue a:hover{background: transparent url(../images/nav.gif) -338px -24px no-repeat;} #nav_projects a:hover{background: transparent url(../images/nav.gif) -488px -24px no-repeat;} #nav_newsroom a:hover{background: transparent url(../images/nav.gif) -562px -24px no-repeat;} #nav_contract a:hover{background: transparent url(../images/nav.gif) -654px -24px no-repeat;} #header-nav li ul {width: 200px;background-color: #eee;border: 1px solid #d6dddc;border-top: none;z-index: 100;position: absolute;} #header-nav li ul li a{background-image: none;background-color: transparent;border-top: 1px solid #accce4;width: 188px;padding: 0 0 0 12px;height: 23px;line-height: 23px;text-decoration: none;letter-spacing : 0px;text-indent: 0px;color: #4e82d0;z-index: 100;} #header-nav li ul li a:hover{background-image: none;background-color: #d8eaf8;color: #1b7097;z-index: 100;} #header-nav li:hover {position: static;z-index: 100;} #header-nav li ul ul {margin: -24px 0 0 174px;z-index: 100;} #header-nav, #header-nav ul {padding: 0;margin: 0;list-style: none; line-height: 1;z-index: 120;} #header-nav li:hover ul ul, #header-nav li.over ul ul {left: -999em;z-index: 100;} #header-nav li:hover ul, #header-nav li li:hover ul, #header-nav li.over ul, #header-nav li li.over ul {left: auto;z-index: 100;} /* these classes will keep the onstate actived once the user clicks on that page. Simply put the code in the body tag like this >>>> */ body.home #home a:hove {background: transparent url('../images/nav.gif') -104px -24px no-repeat;} body.about #nav_about a {background: transparent url('../images/nav.gif') -164px -24px no-repeat;} body.about #nav_about ul li a{ background-image: none; background-color: transparent; border-top: 1px solid #accce4; width: 188px; padding: 0 0 0 12px; height: 23px; line-height: 23px; text-decoration: none; letter-spacing : 0px; text-indent: 0px; color: #4e82d0; z-index: 100; } body.about #nav_about ul li a:hover{ background-image: none; background-color: #bddff9; color: #1b7097;z-index: 100; } body.agendas #nav_agendas a {background: transparent url('../images/nav.gif') -261px -24px no-repeat;} body.agendas #nav_agendas ul li a{ background-image: none; background-color: transparent; border-top: 1px solid #accce4; width: 188px; padding: 0 0 0 12px; height: 23px; line-height: 23px; text-decoration: none; letter-spacing : 0px; text-indent: 0px; color: #4e82d0; z-index: 100; } body.agendas #nav_agendas ul li a:hover{ background-image: none; background-color: #bddff9; color: #1b7097;z-index: 100; } body.revenue #nav_revenue a {background: transparent url('../images/nav.gif') -338px -24px no-repeat;} body.revenue #nav_revenue ul li a{ background-image: none; background-color: transparent; border-top: 1px solid #accce4; width: 188px; padding: 0 0 0 12px; height: 23px; line-height: 23px; text-decoration: none; letter-spacing : 0px; text-indent: 0px; color: #4e82d0; z-index: 100; } body.revenue #nav_revenue ul li a:hover{ background-image: none; background-color: #bddff9; color: #1b7097;z-index: 100; } body.projects #nav_projects a {background: transparent url('../images/nav.gif') -488px -24px no-repeat;} body.projects #nav_projects ul li a{ background-image: none; background-color: transparent; border-top: 1px solid #accce4; width: 188px; padding: 0 0 0 12px; height: 23px; line-height: 23px; text-decoration: none; letter-spacing : 0px; text-indent: 0px; color: #4e82d0; z-index: 100; } body.project #nav_project ul li a:hover{ background-image: none; background-color: #bddff9; color: #1b7097;z-index: 100; } body.newsroom #nav_newsroom a {background: transparent url('../images/nav.gif') -562px -24px no-repeat;} body.newsroom #nav_newsroom ul li a{ background-image: none; background-color: transparent; border-top: 1px solid #accce4; width: 188px; padding: 0 0 0 12px; height: 23px; line-height: 23px; text-decoration: none; letter-spacing : 0px; text-indent: 0px; color: #4e82d0; z-index: 100; } body.newsroom #nav_newsroom ul li a:hover{ background-image: none; background-color: #bddff9; color: #1b7097;z-index: 100; } body.contract #nav_contract a {background: transparent url('../images/nav.gif') -654px -24px no-repeat;} body.contract #nav_contract ul li a{ background-image: none; background-color: transparent; border-top: 1px solid #accce4; width: 188px; padding: 0 0 0 12px; height: 23px; line-height: 23px; text-decoration: none; letter-spacing : 0px; text-indent: 0px; color: #4e82d0; z-index: 100; } body.contract #nav_contract ul li a:hover{ background-image: none; background-color: #bddff9; color: #1b7097;z-index: 100; }