#onTop ul li a {

  padding-left: 3px;

}

html, body, ul, li { padding: 0; margin: 0; list-style: none;}

.dropdown { /* rules for dropdown */
	width: 200px;
	position: absolute;		
	visibility: hidden;
	top: auto; /* puts dropdowns directly under top onTop */
	text-align: left; /* needed because IE misapplies text centering to boxes */
        padding-left: 0px;
        padding-bottom:5px;
        /* border: 1px solid #ff0088; */
	}

.dropdown ul { 
  width: 200px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0px 0px 0px 0px; /* creates "sticky hovering" zones for dropdowns */
  border-width: 1px 1px 0; 
  padding-left: 0px;
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
	
.dropdown li {
  position: relative; 
  vertical-align: bottom; /* IE5/win bugfix */
  }
	


.parent:hover {background-image: url(images/bgfix.gif);} 
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any 
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image 
file so that your site error logs will not fill with failed image calls. */



/* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

#dropdown1 li:hover {background: #red;} /* hover color effect on dropdown links */





.menu {
        /*  border: 1px solid #bbbbbb; */
        padding-top: 10px;
        padding-left:0px;
	width: 120px;
	float: left;
        background: #ffffff;
        text-align:left;
        
	}

.menu a {
  padding-left: 16px;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif;
  line-height:1.75em;
  font-size:12px;
  color: #196674;
  border-right: 1px solid #bbbbbb; 
  padding-right: 30px;
}




.menu:hover a{

  color: #ffffff;
}
				
.menu:hover div.dropdown1 {

  visibility: visible;
  background: #0a3a4a;

} 



.menu:hover div.dropdown a {

  font-family: verdana,arial,helvetica,sans-serif;
  font-size : 11px;
  font-weight: normal;
  border: 0px;

} 


#menu1:hover {
  
  background: #0a3949;

}

#menu1:hover #dropdown1 {

  visibility: visible;
  background: #0a3949;

}
#menu1 #dropdown1 li:hover {

background: #2a5969;

}


#menu2:hover {

  background: #196774;

}

#menu2:hover #dropdown2 {
  
  visibility: visible;
  background: #196774;

}
#menu2 #dropdown2 li:hover {

background: #398794;

}

#menu3:hover {
  
  background: #34a6b1;
}

#menu3:hover #dropdown3 {

  visibility: visible;
  background: #34a6b1;

}
#menu3 #dropdown3 li:hover {

background: #54c6d1;

}


#menu4:hover {
  
  background: #9bc837;

}

#menu4:hover #dropdown4 {

  visibility: visible;
  background: #9bc837;

}
#menu4 #dropdown4 li:hover {

background: #bbe857;

}