.menu ul,
.menu li,
.menu span,
.menu a {
  margin: 0;
  padding: 0;
  position: relative;
  z-index:500;  
}

.menu {
  width: 500px;
  margin:0 auto;
  position: relative;
}

.menu a {
    text-align:center;
	color:#fff;
	font-size:14px;
	padding:0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.menu > ul > li {
  float: left;
  color:#fff;
  height:45px;
  line-height:45px;
  text-align:center;
}

.menu ul li:hover{
  background:#6699CC;
}


.menu li:hover > ul {
  display: block;
}

.menu li ul {
  display: none;
  position: absolute;
  min-width: 210px;
  top: 100%;
  left: 0;
  z-index:1000;
  background: #3F516E;
}

.menu li ul li{
   height:35px!important;
   line-height:35px;
   text-align: left!important;
   border-bottom:1px solid #3F64A3;
}

.menu li ul li a {
    display: block;
    text-align: left!important;
    font-weight: 100!important;
	padding:0px 10px;
}

.menu li li ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  z-index:1000;
}