.menulist{
  margin:0px;
}

.menulist ul {
 display: none;
 position: absolute;
 margin:0px;
 padding:0px;
 top: 1.0em; margin-top: 31px; /* I'm using ems and px to allow people to zoom their font */
 width: 268px;
 border:1px solid #486994;
 background-color:#FCFCFF;
 list-style: none;
}

.menulist li{
   position: relative;
   list-style: none;
   z-index: 200;
}

.menulist li.firstFloor {
 float: left;
 border-right: 1px solid #ffffff;
 background-repeat: repeat-x;
 background-position: left;
}

.menulist li.highlighted, .menulist li.hint {
  background-image: url('/Img/TopMenu/3bg.jpg');
}

.menulist li.firstFloor a.floor{
 background-image: url('/Img/arrowDownFloor.gif');
 background-repeat: no-repeat;
 background-position: right;
}

.menulist li.hint a.floor, .menulist li.hint a.floor:hover, .menulist li.hint a.floor.highlighted, .menulist li.highlighted a.floor:hover, .menulist li.highlighted a.floor.highlighted{
  background-image: url('/Img/ArrowDownFloorSelected.gif');
  background-repeat: no-repeat;
  background-position: right;
  color: #00275a;
  text-decoration:underline;
}

#listMenuRoot li.firstFloor a.floorGreen{
 background-image: url('/Img/arrowDownFloorGreen.gif');
 background-repeat: no-repeat;
 background-position: right;
 color: #C7E506;
}

#listMenuRoot li.firstFloor a.floorGreen.highlighted{
 background-image: url('/Img/ArrowDownFloorSelected.gif');
 background-repeat: no-repeat;
 background-position: right;
 color: #00275a;
}

.menulist ul ul {
 top: 0px; 
 margin-top: 0px;
 left: 269px;
}

.menulist ul li:hover{
  background-color: #c7e506; 
  background-image: url('/Img/TopMenu/3bg.jpg');
}
.menulist ul li:hover span a{
  text-decoration:underline;
}

.menulist ul li:hover ul li{

}
.menulist ul li:hover ul li a:hover{
  text-decoration:underline;
}

.menulist ul li:hover ul li a{
  text-decoration:none;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

.firstFloor a {
 display: block;
 text-decoration: none;
 padding: 15px 25px 15px 15px;
 color: #ffffff;
}

.menulist li ul li a{
   background-image: url('/Img/Icons/menuAction.gif');
   background-position:50% 50%;
   color: #000000;
  text-decoration:none;
  padding: 13px 0px 13px 0px;
}


.menulist li ul li a:hover, .menulist li ul li a.highlighted {
   background-image: url('/Img/Icons/menuAction.gif');
   color: #000000;
  text-decoration:none;
}


.menulist li ul li span a:hover, .menulist li ul li span a.highlighted{
   background-image: url();
   text-decoration:underline;
}

.menulist ul li a {
   color:#000000;
   float:right;
   padding: 10px 0px 10px 0px;
   width:26px;
   background-repeat: no-repeat;
   background-position: bottom right;
}

.menulist ul li span a {
 vertical-align:middle;
 padding: 13px 0px 13px 53px; 
 float:left;
 width:188px;
 background-position: 7px 50%;
 display:block;
}

.menulist ul li ul li span{
  float:left;
}

.menulist ul li ul{
  width:230px;
}

.menulist ul li ul li span a {
  padding:8px 0px 8px 30px; 
  background-color: transparent;
  background-position: left center;
  width:200px;
  text-decoration: none;  
}

.menulist a {
 float: none;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}