#nav, #nav ul {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 2em;
        z-index: 100;
}

#nav a:link, #nav a:active, #nav a:visited {
        display: block;
        margin: 0 1px 0 0;
        padding-top: 10px;
/*
        border: 1px solid #ccc;
*/
        color: #104070;
        text-align: center;
        width: 12.2em; 
        text-decoration: none;
        font-weight: bold;
        background-color: #fff;
/*        background-color: #C9C9C9; */
/*        background-color:#707070; */
/*        background-color:#5970B2; */
}

#nav a:hover {
        background-color:#fff;
        color: #333;
        font-weight: bold;
}

#nav li ul a:link, #nav li ul a:active, #nav li ul a:visited {
        display: block;
        margin: 0 1px 0 0;
        padding-top: 10px;
/*
        border: .5px solid #ccc;
*/
        color: #696969;
        text-align: center;
        width: 12.2em; 
        text-decoration: none;
        background-color:#E2E2E2; 
/*        background-color:#FBFBDB; */
}

#nav li ul a:hover {
        background-color:#fff;
        color: #333;
}

#nav li a {
        display: block;
        width: 12.2em; 
        text-align: center;
        text-decoration: none;
        padding: 8px 0;
/*
        border: 1px solid #ccc;
*/
}

#nav li {
        margin: 0 1px 0 0;
        padding: 0;
        list-style: none;
        float: left;
        width: 12.2em; 
        font: 13px arial;
}

#nav li ul {
        position: absolute;
        width: 12.2em; 
        left: -999em;
}

#nav li ul ul {
        margin: -1em 0 0 12.2em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
        left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
        left: auto;
}