#menu
{
    height : 33px;
    width  : 100%;
}

#menu ul
{
    display     : block;
    margin      : 0;
    padding     : 0;
    line-height : 1em;
    list-style  : none;
    z-index     : 90;
}

#menu ul li
{
    float       : left;
    margin      : 0 3px 0 0;
    padding     : 0;
    line-height : 1, 5em;
    list-style-type: none;
    font-size   : 12px;
}

#menu ul li a
{
    color       : #FFBD2E;
    font-size   : 12px;
    font-weight : normal;
    float       : left;
    display     : block;
    width       : auto;
    background  : transparent;
    text-decoration: none;
    margin      : 0;
    padding     : 0.9em 0.8em 0.5em 1em;
}

#menu ul li a.chosen {
    text-decoration: underline;
    color           : #FFE294;
}

#menu ul li a.chosen:hover {
    text-decoration: underline;
    color           : #FFE294;
}

#menu ul li a:hover
{
    color           : #FFE294;
    text-decoration : none;
}

// WHAT IS THIS FOR???
#menu ul li.sep
{
    color   : white;
    padding : 0.8em 0em 0.5em 0em;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a
{
    float: none;
}
/* End IE5-Mac hack */

#menu  ul.level2, #menu ul.level3
{
    background   : #774E20;
    position     : absolute;
    top          : 0px;
    left         : 0px;
    visibility   : hidden;
    border-left  : 1px solid #B19565;
    border-top   : 1px solid #B19565;
    border-right : 1px solid #B19565;
}

#menu  ul.level2 li, #menu ul.level3 li
{
    border-bottom : 1px solid #B19565;
    float   : none;
    margin  : 0;
    padding : 0;
    width   : 150px;
}

#menu  ul.level2 li a, #menu ul.level3 li a
{
    padding: 5px 9px 5px 5px;
}

#menu  ul.level2 li a:hover,#menu  ul.level3 li a:hover
{
    font-weight: normal;
    background-color: #937342;
    background-image: none;
}