#cssdropdown {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 12pt;
  float: left;
  margin-right:2px;
  padding-left:15px;
  padding-top:5px;
}

#cssdropdown ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 10pt;
  float: left;
  margin-right:2px;
}

#cssdropdown li {
  position: relative;
  list-style-type:none;
}

.mainitems{
  display: inline;
  font-size: 13pt;
  font-weight:bold;
  color: #fff;
  padding-top:3px;
  padding-bottom:3px;
}

.mainitems a{
  color: #fff;
  text-decoration:none;
  padding-left: 3px;
  padding-right: 3px;
}

.mainitems a:hover{
  background-color: #000067;
  color: #fff;
  text-decoration:underline;
}

.subuls{
  position: absolute;
  display:none;
  background-color: #000067;
  width: 10em;
  top: 25px; 
  left: 0px;
  font-weight:normal;
}

.subuls li{
  width: 100%;
  padding-left:0px;
}

.subuls li a{
  color: #fff;
  text-decoration:none;
}
.subuls li a:hover{
  color: #fff;
  text-decoration:underline;
}



#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: 25px;
}

#cssdropdown li:hover, li.over { 
background-color: #000067;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}