#menu-top {position:relative; color:#BEC4CC; margin-bottom:10px; text-align: left; height: 30px; line-height: 30px;}
#menu-top > a {font-size:9pt; color:#BEC4CC; margin:0 3px; border:0}
#menu-top > a:hover, #menu-top > a.sel {text-decoration:none; color:#fff;}


#menu {
  position: relative;
  padding:0;
  margin:0;
  border: 0px solid red;
  float:left;
  z-index:999;	
}

#menu ul {
  padding:0;
  margin:0;
}

#menu li {
  position: relative;
  float: left;
  list-style: none;
  margin: 0;   
  padding:0;
  font-size: 14px;
  font-weight: bold;
}

#menu li a {
  /*width:100px;*/
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-decoration:none;
  text-align: left;
  text-transform: uppercase;
  background-color: #323232;
  color: #BEC4CC;
  border-right: 1px solid #4B4B4B;
}
#menu li a.last {padding: 0 0 0 10px; border-right: 0}

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

#menu ul ul {
	position: absolute;
	top: 30px; 
	visibility: hidden;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

#menu ul ul li a {
  width: 200px;
  text-align: left;
  background-color: white;
  border-bottom: 1px solid #8A8A8A;
  color: black;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
}
#menu ul ul li a:hover {color: black; background-color: #DDDDDD;}

#menu ul li:hover ul {
  visibility:visible;
}