/* Barsic code - don't modify */
#nav {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;

}
#nav li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    width: 120px;
}

#nav a, #nav span {
    display: block;

}

#nav ul {
    display: none;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;

}
* html #nav ul {
    line-height: 0;
} /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { 
   /* float: none; */
   height:17px;
   

}
#nav ul ul {
    top: 0;

}
    
/* Essentials - configure this */
#nav ul { 
    width: 150px;
} /* width of the drop down */

#nav ul ul {
    left: 131px;
} /* position of dropt down */

/* Everything else is theming */
#nav {
    margin: auto;
    text-align: center;
    height: 100%;

}
#nav *:hover { background-color: none; }



#nav a, #nav span {
    border-right: 1px solid black;
    font-size: 12px;
    padding: 6px;
    line-height: 1;
    text-decoration: none;
    color: #000000;
}




#nav > li > span {
    color: #858585;
}





/*
#nav span {
    border-right: 1px solid white;
    color: white; font-size: 12px;
    padding: 6px;
    line-height: 1;
}
*/
#nav > li {
/*    height: 40px;*/
    height: 20px;
} 
#nav > li > a {
    /*
    margin-top: 5px;
    margin-bottom: 5px;
    color: #FFFFFF;
    */
    color: #FFFFFF
} 
#nav > li > a:hover {
    color: #Ffffff; 
} 

#nav > li.active > a {
    color: #Ffffff; /*so we can add the hover class to the li and highlight the link, without showing the menu (ie. highlight the top menu of the section we are in ) */
}

#nav > li.mnuLast > a {

    border-right:none;
}

#nav ul li.hover a {
    background-color:#8a8a8a;
} 
#nav ul li a {
    padding: 2px;
    text-align: left;
    padding-left: 5px;
} 

#nav ul li {
    text-align: left
    height: 10px;
    padding-left: 1px;
} 

#nav ul {
    top: 24px;
}
#nav ul li a { background-color: #E6E6E6; }
/*#nav ul a.hover { background-color: #30A8C3; }*/
#nav ul a.hover { background-color: #6a6a6a; }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

*:first-child+html #nav ul li a {
    margin-bottom: -6px; 
} /* ie7 fix */

* html #nav ul li a {
    margin-bottom: -6px; 
} /* ie6 fix */