html {
     overflow: -moz-scrollbars-vertical;
}


ul.menubar
{
   margin: 0px;
   padding: 0px;
   background-color: #FFFFFF; /* IE6 Bug */
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: bold;
   z-index: 2;
}

ul.menubar .menuvertical
{
   margin: 0px;
     padding: 0px;
     list-style: none;
     background-color: #FFFFFF;
  /* border: 1px solid red;*/
   float:left;
   z-index: 2;
}

ul.menubar ul.menu
{
   display: none;
   position: absolute;
   margin: 0px;
   z-index: 2;
}

ul.menubar a
{
   padding: 5px;
   display:block;
   text-decoration: none;
   color: #777;
   padding: 5px;
   z-index: 2;
}


ul.menu, ul.menu ul
{
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #ccc;
   width: 150px; /* Width of Menu Items */
   background-color: #FFFFFF; /* IE6 Bug */
   z-index: 2;
}

ul.menu li
{
   position: relative;
   list-style: none;
   border: 0px;
   z-index: 2;
}

ul.menu li a
{
   display: block;
   text-decoration: none;
   border: 1px solid #ccc;
   border-bottom: 0px;
   color: #777;
   padding: 5px 10px 5px 5px;
   z-index: 2;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; z-index: 2;}
* html ul.menu li a { height: 1%; z-index: 2;}
/* End */

ul.menu ul
{
   position: absolute;
   display: none;
   left: 149px; /* Set 1px less than menu width */
   top: 0px;
   z-index: 2;
}

ul.menu li.submenu ul { display: none; z-index: 2;} /* Hide sub-menus initially */

ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; z-index: 2;}

ul.menu li a:hover { color: red; z-index: 2;}

ul.menubar a:hover { color: red; z-index: 2;}