/*
    Document   : nav
    Created on : Apr 30, 2009, 12:50:23 PM
    Author     : NAPCO Web Dept
    Description:
        CSS for main menu
*/

/*
   ESSENTIAL STYLES
*/

#navigation {
background-color: #333333;
width: 980px;
height: auto;
margin: 10px 0px 0px 0px;
padding: 0px;
float: left;
clear: left;
}

.sf-menu {
/* fixes IE6 submenu float issue */
width: auto;
float: left;
}

.sf-menu, .sf-menu * {
/* all menus and sub-menus */
margin: 0px;
padding: 0px;
list-style: none;
}

.sf-menu ul {
/* all menus */
position: absolute;
top: -999em;
width: 10em;
z-index:1000; 
}
div#menu, div#menu * {
    z-index: 0;
}

.sf-menu li {
/* all list items */
width: auto;
float: left;
position: relative;
}

.sf-menu li:hover {
/* fixes IE7 'sticky bug' */
visibility: inherit;
}

.sf-menu a {
/* all links */
display: block;
position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
/* sub-menu on hover - match top ul list item height */
left: 0;
top:  30px;
z-index: 99;
}


/*
MENU SKIN
adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu
*/

.sf-navbar {
position: relative;
}

.sf-navbar a {
/* all links !important modifier needed for IE6 */
border: none !important;
font-size: 12px;
text-decoration: none;
}

.sf-navbar li {
/* all list items - affects top level */
width: auto;
float: left;
background: #333333;
position: static;
border-left: 1px solid #FFFFFF;
}

.sf-navbar li:first-child,
.sf-navbar li.first-child {
/* ignore border on first list item - added class for IE6 */
border: none;
}

.sf-navbar li a {
/* top level links */
padding: 0px 13px;
color: #FFFFFF;
font-weight: bold;
line-height: 30px;
text-decoration: none;
}

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

.sf-navbar li ul li {
/* sub-nav list items */
width: 100%;
float: left;
position: relative;
border: none;
background: #EEEEEE url('/images/ui-bg_inset-soft_100_DDDDDD_1x200.png') repeat-x scroll top left;
}

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

.sf-navbar li ul li div strong,
.sf-navbar li ul li div a {
/* sub-sub-nav titles and links */
width: 90%;
height: auto;
margin: 0px;
padding: 2% 5%;
float: left;
color: #333333;
font-weight: bold;
line-height: 1.6em;
}

.sf-navbar li ul li div strong {
/* sub-sub-nav titles */
display: block;
background: #CCCCCC url('/images/ui-bg_highlight-hard_100_CCCCCC_1x100.png') repeat-x scroll 50% 50%;
}

.sf-navbar li ul li div a {
/* sub-sub-nav links */
font-weight: normal;
background: transparent;
}

.sf-navbar li ul li div strong a {
font-weight: bold;
}

.sf-navbar li ul li div a:hover {
/* sub-sub-nav hover states */
background: #333333;
color: #FFFFFF;
}

.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 {
/* top-level hover state */
background: #CCCCCC url('/images/ui-bg_inset-hard_100_CCCCCC_1x100.png') repeat-x scroll 50% 50%;
color: #333333;
}

.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 {
/* sub-level hover state */
background: #EEEEEE url('/images/ui-bg_inset-soft_100_DDDDDD_1x200.png') repeat-x scroll top left;
color: #000000;
}

/* shadows for all but IE6 - in sub-sub menus*/
.sf-shadow ul {
background: url('./images/shadow2.png') no-repeat bottom right;
padding: 0px 12px 10px 0px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 6px;
}

.sf-shadow ul.sf-shadow-off {
background: transparent;
}

.sf-navbar li.sf-onelevel {
/* all list items - affects top level */
position: relative;
}

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

.sf-navbar li.sf-onelevel ul li div {
width: 100%;
}

div#sub-navigation {
    background:#CCCCCC url(/images/ui-bg_inset-hard_100_CCCCCC_1x100.png) repeat-x scroll 50% 50%;
    float:left;
    width: 980px;
}

div#sub-navigation li {
    float:left;
    border-left: 1px solid #FFFFFF;
}

div#sub-navigation li.first-child {
    border: medium none;
}

div#sub-navigation li a {
    padding: 2px 22px;
    line-height:20px;
}

div#sub-navigation li a:hover {
    text-decoration:none;
    background: #efefef;
}
div#wrapper {
    display: block;
    clear: left;
    margin: 0;
    padding: 0;
}
div#navigation + table {
   clear: left;
}