#menu {
width: 100%;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 16.6%;
float: left;
background: #F4EEFB;

}
#menu a, #menu h2 {
font: 13px Nimbus Sans L, Gill Sans, Futura, Optima, Arial, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
background-color: rgb(50%,50%,90%);
color: #fff;
/*background: #fff;*/
border-color: #D5C5E9;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
font: 14px Nimbus Sans L, Gill Sans, Futura, Optima, Arial, sans-serif;
color: #fff;
font-weight:bold;
}

#menu a {
        color: white;
        background-color: rgb(50%,50%,90%);
        text-decoration: none;
        font-size: 13px;
}

#menu a.sub2 {
background: #8080e6 url(arrownav.gif) center right no-repeat;
}

#menu a.sub2:hover {
background: #cccccc url(arrownav-hi.gif) center right no-repeat;
color: #666666;
}

#menu a.sub {
background: #8080e6 url(arrownav.gif) center right no-repeat;
}

#menu a.sub:hover {
background: #9999c9 url(arrownav.gif) center right no-repeat;
}

#menu a:hover {
        color: black;
        background-color: rgb(60%,60%,85%);
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
width: 100%;
}

#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;}