/* Styles for menus */

div#menuBar {
    position: relative;
    height: 5em;
}

div.menu-shadow {
    position:       relative;
    border-bottom:  1px solid white;
}

div.menu-shadow img {
    position:       absolute;
    width:          100%;
}

div#subMenuBar {
    position: relative;
    top: -2px;
}

table#mainMenu {
    width:              100%;
    background-color:   #7693A3;
    border-spacing:     0;
    border:             0;
}

table#mainMenu td {
    font-family:    verdana;
    font-size:      11px;
    font-weight:    bold;
    white-space:    nowrap;
    border:         0;
    padding:        7px 5px;
    color:          white;
}

table#mainMenu td:first-letter {
    font-weight:    normal;
    font-size:      11px;
}

table#mainMenu a:hover {
    color:          black;
}

table#mainMenu td a {
    color: white;
    text-decoration: none;
}

td.hover {
    background-color: #999;
}

table.sub-menu {
    font-family:    verdana;
    font-size:      11px;
    font-weight:    bold;
    border: 0;
    border-collapse:    separate;
    margin-top:         1px;
    background-color: #EEE;
}

table.sub-menu td {
    border: 1px solid #7693A3;
    padding: 3px 5px;
}

table.sub-menu a {
    color: black;
    text-decoration: none;
}

table.sub-menu a:hover {
    color: white;
}