div.header > img {
    border: none;
}

div.description,
#menu_upper_row, #menu_lower_row {
    position: absolute;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
}

div.description {
    left: 24px;
    top: 118px;
    width: 140px;
    margin: 0px;
    padding: 0px;
    font-size: .9em;
}

/* vertica-align: middle; property
 * does what it is expected to do only in table cells.
 * to center 1 line of text inside of a fixed height container
 * you set the line-height of the container to it's height:
 * http://www.student.oulu.fi/~laurirai/www/css/middle/ */

#menu_upper_row, #menu_lower_row {
    left: 178px;
    width: 693px; /* 713 - 2 * 10 */
    height: 32px;
    padding: 0 10px;
    line-height: 32px; /* vertical alignment */
}

#menu_upper_row {
    top: 42px;
    background-color: #af6137;
}

#menu_lower_row {
    top: 76px;
    background-color: #845f38;
}

#menu_upper_row > a, #menu_lower_row > a {
    margin: auto 0.2em;
    border: solid 1px;
    padding: 0.1em 0.5em;
    text-decoration: none;
    outline-style: none; /* dotted border around active links */
    color: white;
    cursor: default; /* for a elements with no href */
}

#menu_upper_row > a {
    border-color: #af6137;
}

#menu_lower_row > a {
    border-color: #845f38;
}

#menu_upper_row > a.selected, #menu_upper_row > a.selected_hover {
    background-color: #bf805f;
}

#menu_lower_row > a.selected, #menu_lower_row > a.selected_hover {
    background-color: #9d7f60;
}

a.selected_hover, a.hover {
    border-color: white !important;
}