#menu {
/*width: 100%;*/
/*background: #eee;*/
float: right;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
/*float: left;*/
}

#menu a, #menu h2 {
/*font: bold 11px/16px arial, helvetica, sans-serif;*/
font-weight:bold;
display: block;
margin: 0;
padding: 1px;
}


#menu h2 {
color:#FFFFFF;
font-weight:bold;
font-size:13px;
text-decoration:none;
margin-right:10px;
/*background: #96D12C;
text-transform: uppercase;*/
}


#menu a {
color: #FFFFFF;
/*background: #efefef;*/
text-decoration: none;
font-weight:bold;
}

#menu a:hover {
color: #FFFFFF;
text-decoration: underline;
/*background: #fff;*/
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
background-color:#C0CAE3;
width: 100%;
}

#menu ul ul a{
padding-left:8px;
padding-right:8px;
color:535353;
border-bottom:1px solid #E5E9F4;
height:20px;
padding-top:3px;
text-decoration:none;
}

#menu ul ul a:hover{
padding-left:8px;
padding-right:8px;
color:535353;
border-bottom:1px solid #E5E9F4;
height:20px;
padding-top:3px;
text-decoration:underline;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul ul a{
padding-left:8px;
padding-right:8px;
padding-top:3px;
/*padding-bottom:3px;*/
}

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;}
