.menuBar, .menuButton, div.menu, a.menuItem {
    font-family:      Arial, sans-serif;
    font-size:        12pt;
    font-style:       normal;
    font-weight:      bold;
    color:            white;
    margin:           0px;
    padding:          0px;
}

.menuBar {
    background-color: rgb(174,165,162);
    text-align:       left;
}

.menuButton {
    background-color: transparent;
    border-right:     1px solid white;
    border-top:       1px solid white;
    color:            white;
    cursor:           default;
    left:             0px;
    margin:           1px;
    padding:          2px 8px 2px 8px;
    position:         relative;
    text-decoration:  none;
    top:              0px;
    z-index:          100;
    white-space:      nowrap;
    text-align:       center;
}

.menuButtonHover {
    background-color: rgb(28,70,122);
}

div.menu {
    background-color: rgb(230,227,226);
    left:             0px;
    padding:          0px;
    margin:           0px;
    position:         absolute;
    top:              0px;
    visibility:       hidden;
    z-index:          101;
    border:           0px;
}

a.menuItem {
    color:            rgb(154,145,142);
    display:          block;
    padding:          3px 1em;
    text-decoration:  none;
    white-space:      nowrap;
    border:           1px solid white;
}
a.menuItem:visited {
    color:            rgb(154,145,142);
}

a.menuItem:hover {
    background-color: rgb(28,70,122);
    color:            white;
}