/* main menu */
ul#main-menu {
  position: relative;
  top:-3px;
  left: 716px;
  z-index: 100000000;
  text-align: left;
  }

ul#main-menu li {
float:left;
position:relative;
list-style: none;

padding-right:3px;
padding-left:3px;
font-size:110%;
border-left: 1px solid #32CCFE;


/* IE hover hack */
background-color: expression( this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout  = new Function("this.className = this.className.replace(' hover', '');"));
}
ul#main-menu li a {
  display: block;
  width: 50px;
  padding: 3px;
  color: #ffffff;
  text-decoration: none;
  font-weight:bold;
  }
ul#main-menu li a.last {
  padding-right: 0px;
  background: none;
  }
ul#main-menu li a:hover {
  color: #32ccfe;
}

ul#main-menu li:hover ul.sub-menu,
ul#main-menu li.hover ul.sub-menu {
  display: block !important;
}




    
/* sub menu */
ul.sub-menu {
  display: none;
  position: absolute;
  top: 10px;
  left: -6px;
  width: 130px !important;
  padding-top: 10px;
  z-index: 5 !important;
}

ul.sub-menu li {
  float: none !important;
  margin-right: 0px !important;
  
  margin:0 !important;
  padding:0 !important; 
  font-size:90% !important;
  border-left: 0px !important;
}

ul.sub-menu li a {
  width: 150px !important;
  height: 100%;
  padding: 0px 0px 0px 15px;
  margin: 0px !important;
  border-top: 1px solid #ffffff;
  background: #fd9a01 !important;
  padding:5px !important;
  font-weight: normal !important;
  color: #000000 !important;
}

ul.sub-menu li a:hover {
  color: #FF4100 !important;
  background: #b7b7b7 !important;
  color: #ffffff !important;
}