/* Top MainMenu */

#nav, #nav ul {
        padding: 0;
        margin: 0;
        height: 40px;
        background:#62814C url(../gfx/bgmenue.gif);
        position: relative;
        z-index: 49;
}

#cssmenu {
        margin: 0;
        padding: 0;
        float: left;
        height: 25px;
        line-height: 20px;
}

#cssmenu ul {
        margin: 0; /* all lists */
        padding: 0;
}

#cssmenu li {
        margin: 0; /* all list items */
        padding: 0;
        float: left;
        display: block;
        background: none;
        cursor: pointer;
}

#cssmenu li ul {
        width: 19.4em;
        position: absolute; /* second-level lists */
        z-index: 99;
        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        height: auto;
        w\idth: 20.9em;
}

#cssmenu li ul ul {
        margin: -1.5em 0 0 12em; /* third-and-above-level lists */
}

#cssmenu li li {
        padding: 0 1em 0 0;
        margin: 0;
        width: 19.9em;
}

#cssmenu ul a {
        width: 19.8em;
        w\idth: 15.8em;
}

#cssmenu li:hover ul ul, #cssmenu li:hover ul ul ul,
#cssmenu li.sfhover ul ul, #cssmenu li.sfhover ul ul ul {
        left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#cssmenu li:hover ul, #cssmenu li li:hover ul, #cssmenu li li li:hover ul,
#cssmenu li.sfhover ul, #cssmenu li li.sfhover ul, #cssmenu li li li.sfhover ul {
        left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
#cssmenu li ul {
        border: 1px solid #555555;
        background: #9EB190;
}

#cssmenu li ul li {
        border-top: 1px solid #777777;
        border-bottom: 1px solid #444444;
        background: #9EB190;
}

#cssmenu li ul a {
        border-right: none;
        margin: 0;
        padding: 7px 10px;
        background: none;
        color: #FFFFFF;
        font-weight: normal;
        line-height: normal;
        text-transform: none;
}

#cssmenu li ul a:hover,
#cssmenu li ul a:active,
#cssmenu li ul a:focus {
        color: #000000;
}

#cssmenu li a {
        margin: 1px 0 0px 0;
        padding: 5px;
        background: url(../gfx/top_menu_separator.gif) top right no-repeat;
        font: bold 1.1em sans-serif;
        display: block;
        color: #4F4F4F;
        line-height: 30px;
        text-decoration: none;
}
#cssmenu li.img {
        border-right: 1px solid #AFBEC7;
        display: block;
        width: 52px;
        height: 40px;
        text-align: center;
        margin: 1px 0 0 0px;
        padding: 0px;
}
#cssmenu li.img:hover, #cssmenu li.img a:hover {
        background: none;
}

#cssmenu li a:hover {
background: #9EB190 url(../gfx/topmenu_shadow_r_grey.png) no-repeat top right;

}
#cssmenu li.active a,
#cssmenu li.active a:hover,
#cssmenu li.active a:active,
#cssmenu li.active a:focus {
background: url(../gfx/arrow3.gif) no-repeat top center;
color: #FFFFFF;
margin: 0;
}
#cssmenu li.active {
background: url(../gfx/top_menu_separator.gif) top right no-repeat;
}
#cssmenu li.active:hover {
background:#9EB190 url(../gfx/topmenu_shadow_r_grey.png) no-repeat top right;
}

#cssmenu li a.active:hover,
#cssmenu li a.active:active,
#cssmenu li a.active:focus {
}

#cssmenu li li a.active {
        border-top: none;
        background: none;
        color: #F85703;
        font-weight: bold;
}

#cssmenu li.havechild {
background: url(../gfx/arrow3.gif) top no-repeat;
}

#cssmenu li.havesubchild {
        background: url(../gfx/li.gif) no-repeat 94% 50%;
}

#cssmenu li:hover,
#cssmenu li.sfhover {
        background: none !important;
}

#cssmenu li.active li a,
#cssmenu li.active li a:hover,
#cssmenu li.active li a:active,
#cssmenu li.active li a:focus {
        background: none !important;
}

#cssmenu ul li:hover, #cssmenu ul ul li:hover,
#cssmenu ul li.sfhover, #cssmenu ul ul li.sfhover {
       background: none !important;
}