/* CSS Document */

ul.menubar{
  margin: 0px;
  padding: 0px;
  padding-left: 8px;
  padding-right: 8px;
  background-image: url(../images/background_menu.jpg);
  font-size: 100%;
  font: normal 10px verdana;
}
 
ul.menubar .submenu{
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-image: url(../images/background_menu.jpg);  
  float:left;
  font: normal 10px verdana;
  border-left: 1px #000000 solid;
  border-right: 1px #000000 solid;
  padding-bottom: 3px;
}
 
ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin: 0px;
  
}
 
ul.menubar a{
  padding: 5px;
  display:block;
  text-decoration: none;
  color: #FFFFFF;
  padding: 5px;
  
}
 
ul.menu, ul.menu ul{
  margin: 0;
  padding: 0;
  width: 150px; /* Width of Menu Items */
  background: #222222;
}
 
ul.menu li{
  position: relative;
  list-style: none;
}
 
ul.menu li a{
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  padding: 3px 8px 3px 3px;
  border: 1px solid #000000;

}
 
ul.menu li sup{
  font-weight:bold;
  font-size:7px;
  color: red;
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */
 
ul.menu ul{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
}
 
ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
 
ul.menu li.submenu { background-image: url(../images/background_menu.jpg);}
 
ul.menu li a:hover { color: #E2144A; }