<style type="text/css">

ul {
    background-color:#4c4c4c;
    list-style-type: none;
}
 
.menu {
    position:relative;
    text-align: left;
    list-style: none;
    margin-left: 0px;
    margin-right: auto;
    padding: 1px;
    background-color:#4c4c4c;
    z-index:999;
}
 
.menu li{
    position:relative;
    display:inline;
    cursor:pointer;
    color:#ffff00;
}
 
.menu li a{
    text-decoration:none;
    color:#ffffff;
}
 
.menu li a:hover{
    text-decoration : underline;
    color:#ffff00;
    background-color:#004000;
}
 
.menu li:hover{
    background-color:#4c4c4c;
    color:#ffff00;
}
 
.menu li ul{
    position:absolute;
    white-space:nowrap;
    text-align:left;
    list-style:none;
    display:none;
    left:0%;
    top:1.15em;
    margin:0px;
    padding:0px;
    border:1px solid #4c4c4c;
    background-color:#4c4c4c;
}
 
.menu li ul li{
    position:relative;
    left:0px;
    display: list-item;
    cursor:pointer;
}
 
.menu li ul li{
    position:relative;
    left:0px;
    cursor: pointer;
    width:200px;
}

.menu li ul li a{
    display:block;
    margin-left:3px;
    margin-right:3px;
}
 
</style>

