#navBar
{
    margin : -4px -1px 2em -1px ; /* negative margins counter navbar invisible border which triggers border-collapse to fill gap in header */

    
    clear : both ;
    padding : 5px 0px 0px 0px;

    background-color : #406 ;
    color : #CAC ;
    
    background-image : url(../assets/images/purple_top.png) ;
    background-position : top ;
    background-repeat : repeat-x ;
    
    border : 1px solid transparent ;
    border-bottom : 1px solid #97A ;
    border-top-color : #EEF ;
    
    z-index : 10 ;
}



/* MENU STRUCTURE AND BEHAVIOR */

ul.navBar
{
    text-align : left ;
    position : relative ;
    margin-top : 0px ;
    margin-bottom : 0px ;
    
}

ul.navBar li
{
    float : left ;
    list-style : none ;
    
}

    ul.navBar ul li
    {
        float : none ;
        margin-left : -2em ;
    }
    
  
ul.navBar ul
{
    visibility : hidden ;
    position : absolute ;
        top : 1.4em ;
    padding-top : 4px ;
    background-color : #406 ;
    padding-bottom : 10px ;

    z-index : 20 ;
}

ul.navBar li:hover > ul
{
    visibility : visible ;
}





/* MENU APPEARANCE */

ul.navBar a, ul.navBar a:visited
{
    color : #CAC ;
    text-decoration : none ;
    display : block ;
    width : 100% ;
    height : 1.3em ;
    margin-right : 1.5em ;
}

    ul.navBar a:hover
    {
        color : #FEF ;
    }

ul.navBar ul
{
    font-size : .9em ;
}
    
ul.navBar ul li:hover
{
    background-color : #84A ;
}

ul.navBar li.navAct > a
{
    font-weight : 700 ;
    color : #FFF ;
}