/* 
    Document   : site
    Created on : Aug 4, 2009, 3:11:53 PM
    Author     : NAPCO Web Dept
    Description:
        Site-specific CSS goes here.  Right now this is limited
        to color changes, but anything can go here.  Keep sections separated
        according to the corresponding common css files.
*/


/*
    NAV.CSS
*/

div#navigation {
margin-top: 0px;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

#navigation {
background: #004D7E url("/images/menu.jpg") repeat-x 50% 50%;
color: #FFFFFF;
}

.sf-navbar li,
.sf-navbar li ul li div a:hover {
background: #006599 url("/images/blue_grad.jpg") repeat-x 50% 50%;
color: #FFFFFF;
}

.sf-navbar li a {
padding: 0px 23px;
line-height: 22px;
text-decoration: none;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
top: 22px;
}

.sf-navbar li:hover,
.sf-navbar li:hover > a,
.sf-navbar li.sfHover,
.sf-navbar li.sfHover > a,
.sf-navbar li a:focus, .sf-navbar li a:hover, .sf-navbar li a:active {
background: #FF6600 url("/images/menu_hover.jpg") repeat-x 50% 50%;
color: #FFFFFF;
}

.sf-navbar li ul {
/* sub-nav bar - IE6 soils itself without this was 44em */
width: 51.0em;
}

.sf-navbar li ul li,
.sf-navbar li li:hover,
.sf-navbar li li:hover > a,
.sf-navbar li li.sfHover,
.sf-navbar li li.sfHover > a,
.sf-navbar li li a:focus, .sf-navbar li li a:hover, .sf-navbar li li a:active {
background: #FFFFFF url("/images/ui-bg_inset-hard_100_ffffff_1x300.png") repeat-x left top;
}

.sf-navbar li ul li div {
/* sub-sub-nav bar */
width: 25%;
float: left;
}

.sf-navbar li ul li div strong {
background: #CCCCCC url("/images/sect_head_grad.jpg") repeat-x 50% 50%;
border-bottom: 1px solid #CCC;
color: #004D7E;
}