.menu {
font:13px/27px Arial,sans-serif;font-weight:bold;
color:#36C;
height:30px;
background:#2E2E2E;
}

.menu a:hover li{
color:#FFFFFF;
}

.menu a {
text-decoration:none;
color:#B1B1B1;
outline:none;
padding:6px 8px 7px;
}

.menu ul {
list-style:none;
margin:0;
padding:0 0 0 10px;
}

.menu ul li {
float:left;
padding:0;
}

.menu ul li ul li {
float:none;
width:100%;
margin:0;
padding:0;
}

.menu ul li ul {
position:absolute;
border:1px solid #C3D1EC;
box-shadow:0 1px 5px #CCC;
margin-top:-1px;
display:none;
padding:0 16px 0 0;
}

.active ul {
display:block!important;
}

.active a {
background-color:#FFF;
border:1px solid #C3D1EC;
border-bottom:0;
box-shadow:0 -1px 5px #CCC;
display:block;
height:29px;
position:relative;
z-index:1;
color:#000;
padding:0 8px;
}

.active a:hover {
background-color:#FFF;
}

.active ul a:hover {
background-color:#F2F2F2;
}

.active ul a {
border:0!important;
box-shadow:0 0 0 #CCC;
width:100%;
}

.arrow {
margin-left:5px;
position:relative;
top:10px;
border-color:#FFF transparent transparent;
border-style:solid dashed dashed;
}