/* 
Document   : menu.css
Created on : Mar 14, 2009, 8:03:26 AM
Author     : Elmer
Description:
Purpose of the stylesheet follows.
stylesheet for pure css menus
*/

body {
    behavior: url("../inc/csshover3.htc"); /* to get IE to act right */
}

#nav {
    padding: .2em;
    margin: 0;
    width: 975px;
    background-color: #A36339;
}

#navlist,
#dropdown,
#dropdown2,
#dropdown3,
#dropdown4,
#dropdown5 {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    background-color: #A36339;
}

#navlist li {
    float: left;
    list-style: none;
}

#navlist li a {
    padding: .5em;
    color: #FFF;
    display: block;
    width: 90px;
    font-size: 0.8em;
    text-align: center;
    text-decoration: none;
    border: 1px solid #F2B885;

}

#navlist li a:hover {
    color: #FFF;
    background-color: #703D2E;
    text-decoration: none;
}

#dropdown,
#dropdown2,
#dropdown3,
#dropdown4,
#dropdown5 {
    position: absolute;
    display: none;
    z-index: 50;
    background-color: #F2B885;
}

#dropdown li,
#dropdown2 li,
#dropdown3 li,
#dropdown4 li,
#dropdown5 li {
    float: none;
}

#dropdown li a,
#dropdown2 li a,
#dropdown3 li a,
#dropdown4 li a,
#dropdown5 li a {
    color: #000;
    background-color: #F2B885;
    border: 1px solid #A36339;
}

#sub:hover #dropdown,
#sub2:hover #dropdown2,
#sub3:hover #dropdown3,
#sub4:hover #dropdown4,
#sub5:hover #dropdown5 {
    display: block;
}