body { font: normal 70% verdana;  }
 /* menu principal */
ul.menubar{
  margin: 0px;
  padding: 0px;
  background-color: #fff; /* IE6 Bug */
  font-size: 70%;
  margin-left: 0%; margin-right: 0%;
}
 
ul.menubar .submenu{
  margin: 0px;
  list-style: none;
  border: 1px solid #8299a5;
  float:left;
  padding: 3px;
}
 
ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin: 4px;
}
/* botao principal */
ul.menubar a{
  padding: 5px 2px 5px 2px;
  display:block;
  text-decoration: none;
  color: #3f7d9e;
}
/* botões submenu */ 
ul.menu, ul.menu ul{
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #ccc;
  width: 135px; /* Width of Menu Items */
  background-color: #fff; /* IE6 Bug */
  background: url(smenu1.png) ;
}
 
ul.menu li{
  list-style: none;
  border: 0px;
}
 
ul.menu li a{
	display: block;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: #1F3C4B;
	padding: 3px 1px 3px 2px;
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%;  }
* html ul.menu li a { height: 1%; }
/* End */
 
ul.menu ul{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
}
 
ul.menu li a:hover { color: #3f7d9e;  background: url(smenu2.png); }