* {
  text-align: left;
  vertical-align: top;	
}

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  background-color: #dbdbdb;
  font-size: 14px;
}


h1 {
  font-size: 18px;
  font-weight:normal;
  color:#006600;
}


#info_box {
   font-size:12px;
   border-color:#00CC66;
   background-color:#CAFFD8;
   border-style:solid;
   border-width: 1px;
   margin-right: 23px;
   margin-left: 2px;
}


ul {
   margin: 0;
   padding: 0;
   list-style: none;
   width: 150px; /* Width of Menu Items */
   border-bottom: 1px solid #ccc;
}

ul li {
   position: relative;
}
     
li ul {
   position: absolute;
   left: 149px; /* Set 1px less than menu width */
   top: 0;
   display: none;
}

/* Styles for Menu Items */
ul li a {
   display: block;
   text-decoration: none;
   color: #777;
   background: #e3eed0; /* IE6 Bug */
   padding: 5px;
   border: 1px solid #fff;
   border-bottom: 0;
}

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

ul li a:hover { 
   background: #c5d99a;
   color: #333;	 
} /* Hover Styles */
          
li ul li a { 
   padding: 2px 5px; 
} /* Sub Menu Styles */
          
li:hover ul, li.over ul { 
   display: block; 
} /* The magic */