/* --- Begin Nav CLASSES*--- */
#topNav {
    background-image: url(/2739/mirror/design/top_nav_bg.jpg);
    background-repeat: no-repeat;
    height: 64px;
    width: 900px;
    float: left;
}
#topNav ul {
    margin-left: 32px;
    margin-top: 40px;
    padding: 0;
    list-style-type: none;
}
#topNav ul li {
    display: inline;
    list-style-type: none;
    padding-right: 16px;
    margin: 0 0 0 1px;
    padding-bottom: 5px;
    padding-top: 0;
    position:relative;
    z-index: 100;
}
#topNav ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    display: inline;
    padding-bottom: 10px;
}
#topNav ul li a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: underline;
}
#topNav ul li ul{
        visibility: hidden;
        position: absolute;
        z-index: 100;
        padding: 0;
        top: 24px;
        left: 0;
        width: 175px;
        margin: 0 0 0 -9px;
}
#topNav ul li ul li{
    text-align:center;
    padding: 0;
    margin: 0;
    width: 100px;
    text-align: left;
}
#topNav ul li ul li a {
    background: #8C652C;
    width: 175px;
    float:left;
    height: 21px;
    padding: 3px 0px 0px 10px;
}
#topNav ul li ul li a:hover {
    background: #7b541b;
    text-decoration: none;
}

/* hide drop downs until you hover over main button */
#topNav li:hover ul, #topNav li:hover li:hover ul {
 visibility: visible;
}
#topNav li:hover li ul, #topNav li:hover li:hover li ul {
 visibility: hidden;
}
/* do the normal show, with increased specificity, for good browsers */
#topNav li:hover>ul {
 display: block;
 visibility: visible;
}
/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #topNav li ul {
 display: none;
}

/* --- End Nav CLASSES*--- */