﻿BODY
{
}
#menu {
    width: 100%;
    background: #eee;
    float: left;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 12em;
    float: left;
    background-image: url(images/wang1_mbackover.jpg);
    background-repeat: repeat-x;
}
#menu a, #menu h2 {
    font: bold 11px/16px arial, helvetica, sans-serif;
    display: block;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    margin: 0;
    /*padding: 2px 3px;*/
}

#menu h2 {
    color: #fff;
    background: #000;
    text-transform: uppercase;
}
#menu a {
    color: #000;
    text-decoration: none;
}
#menu ul li a
{
    color: #333;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 5px;
}
#menu ul li ul li a
{
    background-color: #ffffff;
    background-image: none;
    color: #333;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    border-top: solid 0px #333;
    border-bottom: solid 1px #333;
    border-left: solid 1px #333;
    border-right: solid 1px #333;
}
#menu a:hover {
    color: #a00;
    background: #fff;
}
#menu ul li a:hover
{
    background-color: #99B4CF;
    color: #ffffff;
}
#menu ul li ul li a:hover
{
    background-color: #E9ECF4;
    color: #333;
}
#menu li {position: relative;}

#menu ul ul {
    position: absolute;
    z-index: 500;
}

#menu ul ul ul {
    top: 0;
    left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu #nav_home
{
    width: 80px;
}
#menu #nav_profile
{
    width: 155px;
}
#menu #nav_svcs
{
    width: 127px;
}
#menu #nav_links
{
    width: 166px;
}
#menu #nav_consult
{
    width: 132px;
}
#menu #nav_contact
{
    width: 100px;
}
