/**
*** begin menu system
*/
#menu
{
    display: block;
    position: relative;
    top: 0px;
    left: 60px;
    border-top: 1px solid #c2a482;
    border-bottom: 1px solid #c2a482;
    width: 880px;
    height:22px;
}
#menu ul
{
    display: block;
    padding: 0px;
    margin:0px;
    position: relative;
    left: 357px;
    top: 0px;
}
#menu ul li
{
    list-style-type: none;
    float: left;
}

#menu ul li a
{
    display: block;
    padding: 0 10px 4px 10px;
    text-decoration: none;
    color: #6B7278;
}

#menu ul li:hover a
{
    background-color: #6B7278;
    color: White;
}

#menu ul li ul
{
    display: none; /*hides the menu*/
    position: absolute;
    top: auto;
    left: auto;
    background-color: White;
    border: 1px solid #6B7278;
    z-index: 10;
}


#menu ul li:hover ul
{
    display: block; /*shows the menu*/
}
#menu ul li ul li
{
    float: none;
}
#menu ul li ul li a
{
    display: block;
    padding: 4px 10px;
    text-decoration: none;
}
#menu ul li ul li a:hover
{
    display: block;
    padding: 4px 10px 4px 5px;
    text-decoration: none;
    background-color: white;
    color: #6B7278;
    border-left: 5px solid #6B7278;
}

.green
{
    background-color: Green !important;
}
.green:hover
{
    border-left: 5px solid Green !important;
    background-color: white !important;

}
.brown
{
    background-color: #9c6219 !important;
}
.brown:hover
{
    border-left: 5px solid #9c6219 !important;
    background-color: white !important;
}
.purple
{
    background-color: purple !important;
}
.purple:hover
{
    border-left: 5px solid purple !important;
    background-color: white !important;
}
.orange
{
    background-color: orange !important;
    color: #6B7278 !important;
}
.orange:hover
{
    border-left: 5px solid orange !important;
    background-color: white !important;
}
.red
{
    background-color: red !important;
}
.red:hover
{
    border-left: 5px solid red !important;
    background-color: white !important;
}
.blue
{
    background-color: blue !important;
}
.blue:hover
{
    border-left: 5px solid blue !important;
    background-color: white !important;
}
.yellow
{
    background-color: yellow !important;
    color: #6B7278 !important;
}
.yellow:hover
{
    border-left: 5px solid yellow !important;
    background-color: white !important;
}s