.dropdown{
    visibility:hidden;
    margin:0;
    padding:0;
    list-style:none;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #003366;
}

/* these are the inner menus*/
.dropdown ul{
    margin:0;
    padding:0;
    list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
    margin:0;
    padding:1px 2px;
    cursor:pointer;
    width: 95px;
    text-align: center;
    border-right: 1px solid #003366;
    color: #003366;
}
.dropdown li.small{
    width: 45px;
    padding:1px 2px;
    border-right: 1px solid #003366;
}
.dropdown li.medium{
    width: 80px;
    padding:1px 2px;
    border-right: 1px solid #003366;
}
.dropdown li.long{
    width: 100px;
    padding:1px 2px;
    border-right: 1px solid #003366;
}

.dropdown li.menu_item {
    text-align: left;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
    text-decoration:none;
    width:100%;
    color: #003366;
}
.dropdown a.selected{
    color:#fff;
    background: #003366;
    padding-top: 2px;
    padding-bottom: 2px;
    text-indent: 3px;

}
.dropdown a:hover{
    text-decoration:none;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
    border:1px solid #444;
    border-top:0;
    margin-left:-1px;
    width: 150px;
    background: #E7DFCE;
    color: #000099;
    padding: 7px 5px;
}
.dropdown ul li a:hover{
    color: #B56939;
    text-decoration: none;
}
.dropdown li a.nonlink{
    cursor: default;
}