/* Styles for the NAV and MENUS  */
/* -----------------------------------------  */

#navRoller {
    position:absolute;
    display:block;
    width:100px;
    height:60px;
    border:0;
    z-index:200;
}
#navContainer {
    position:absolute;
    top:0px;
    right:0px;
    z-index:300;
}
#menuContainer {
    position:absolute;
    top:0px;
    left:0px;
    z-index:400;
}
.nav {
    cursor:pointer;
    cursor:hand;
    font: 7.5pt/16pt "arial", "helvetica"; 
    letter-spacing: -.5px;
    color:black;
    text-transform:uppercase;
    margin-left:2px;
    padding-top:2px;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:3px;
    border-left:solid white 1px;
    border-right:solid white 1px;
    text-decoration:none;
}
    .nav.On {
        color:#a0a0a0;
        border:solid #999999 1px;
    }
    .nav.Active {
        color:#a0a0a0;
    }
.menu {
    position:absolute;
    width:125px;
    display:block;
    top:0px;
    left:0px;
    border:solid #cccccc 1px;
    background-color:white;
    visibility: hidden;
    z-index:30;
    padding:1px;
    border-right:solid #666666 1px;
    border-bottom:solid #666666 1px;
}
a.item {
    display:block;
    cursor:pointer;
    cursor:hand;
    height:18px;
    font: 8pt/14pt "arial", "helvetica"; 
    color:#9D360E;
    padding-left:4px;
    text-decoration:none;
}
    a.item.section {
        background-color: #e0e0e0;
    }
    a.item.Over {
        color:white;
        background-color:#9D360E;
    } 
    a.item.Over:Hover {
        color:white;
    }