/* Basic 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;

}

#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: 24px;

}
#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:#FFFFFF;
}
/*
#nav span {
    border-right: 1px solid white;
    color: white;
    font-size: 12px;
    padding: 6px;
    line-height: 1;
}
*/
#nav li.hover a { background-color:#5e0f0f; } 
#nav ul {
    top: 25px;
}
#nav ul li a { background-color: #5e0f0f; }
/*#nav ul a.hover { background-color: #30A8C3; }*/
#nav ul a.hover { background-color: #444444; }
#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 */