/*Main Navigation Styles ONLY*/

#nav, #nav ul { /* all lists */
    font-size: 1em;
    list-style: none;
    line-height: 1;
    margin: 0;
    padding: 0;
    white-space: no-wrap;
}

#nav a {
    display: block;
    width: auto;
    margin-left: 3px;
    margin-right: 3px;
}

#nav li a:hover {
    background: #333366;
    color: #FFF;
}

#nav .subMenu a {
    margin: 5px 10px 8px 3px;
}

#nav li { /* all list items */
    float: left;
    width: auto;  /*width needed or else Opera goes nuts */
}

#nav li.first {
    margin-left:0;
    border-left:0;
    list-style-type:none;
    display:inline;
}

#nav li {
    margin-left:0;
    padding: 2px;
    border-left:1px solid #000;
    list-style-type:none;
    display: inline;
}

#nav li a {
    text-decoration:none;
    color:#000;
}

#nav li ul { /* second-level lists */
    background: /*#F7F5D4*/ #FFFFCC;
    border-top: 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 0;
    height: auto;
    left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
    padding: 5px 0 0 0;
    position: absolute;
    width: 8em;
}

#nav li ul li {
    padding: 0px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}