/* Basic code - don't modify */
#nav {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

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


#nav > li {
    height: 27px;
    vertical-align: middle;
    width: 106px;
   /*margin-top: 9px;*/
}


#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;
}
#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: 30px;
}
#nav *:hover { background-color: none; }
#nav a, #nav span {
    color: #ffffff;
    font-size: 12px;
    padding: 6px;
    line-height: 1;
    text-decoration: none;
}
#nav li.hover a {
    background-color: #5E5A5A;
} 
#nav ul {
    top: 25px;
}
#nav ul li a { 
    background-color: #5E5A5A;
    margin: 0px;
}

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

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

/*#nav ul a.hover { background-color: #30A8C3; }*/
#nav ul a.hover {
    background-color: #A0A0A0;
}
#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 */