#navbar {
   margin: 0;
   padding: 0;
   height: 1em; }
#navbar li {

   list-style: none;
   float: left;
    }
#navbar li a {
   display: block;
   padding: 4px 18px;
   background-color: #56a8c3;
   color: #abd4e1;   
   text-decoration: none; }
#navbar li ul {
   display: none; 
   /*width: 10em; /* Width to help Opera out */
   max-width: 40ex;   
   background-color: #69f;
   color: #abd4e1;    
   text-align:left;
   }
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   margin-left:0.7em;
   padding: 0;
   color: #abd4e1; 
   }
#navbar li:hover li, #navbar li.hover li {
   float: none; 
   color: #abd4e1;
   }
#navbar li:hover li a, #navbar li.hover li a {
   /*
   border-bottom: 1px solid #fff;
   */
   color: #000;
   color: #fff;
   color: #abd4e1;
   }
#navbar li li a:hover {
   color: #8db3ff;
	color: #fff;
   }
#navbar li a:hover {
   color: #8db3ff;
	color: #fff;
   }