#nav, #nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0px solid #000;
  float: left;
  width: 100%;
}
#nav li {
  float: left;
  position: relative;
  back\ground: none;
  height: 25px;
  background: #EDB800 url(/img/eventua/fone-tr.png)
}

#nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100px;
  padding: 3px 0px;
  border: 0px solid #EDB800; 
  border-right: 1px solid #EDECEC;
  border-bottom-color: #CCC;
  color: #036594;
  font: bold 10px/20px Tahoma,Arial,Helvetica,sans-serif;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
#nav li.srv a {width: 110px;}
#nav li.grn a {width: 107px;}
#nav a:hover {color: #000;  background: transparent url(/img/eventua/topmenu-left.gif) no-repeat left center;}
#nav li ul {
  display: none;
  position: absolute;
  padding: 0px 0;
  width: 160px;
}
#nav li li a {
  width: 160px;
  height: 30px;
  background: #EDECEC url(/img/eventua/fone-tr1.png) repeat center top;
  text-transform: none;
  font-size: 10px;
  color: #036594;
  text-align: left;
  padding: 0px 10px;
}
#nav li:hover ul, #nav li.jshover ul  {
  display: block;
}

#nav li:hover li ul, #nav li.jshover li ul {
  display: none;
  width: 158px;
  top: -9px;
  left: 118px;
  lef\t: 133px;
}
#nav li:hover li:hover ul, #nav li.jshover li.jshover ul {
  display: block;
}



/* common styling */
.menu {font-family: arial, sans-serif; width:175px; position:relative; font-size:11px; margin: 10px auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:175px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#F5FFE6; line-height:19px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
.menu ul li.green a{background: url(/img/eventua/fone-tr2.gif);}
.menu ul li.grey a{background:url(/img/eventua/fone-tr3.gif);}
/* specific to non IE browsers */
.menu ul li:hover a {color:#118FD2; background:#F5FFE6;}
.menu ul li:hover ul {display:block;  position:absolute; top:0; left:175px; width:175px;}
.menu ul li:hover ul li a.hide {background:#118FD2; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:170px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#118FD2; color:#000; width:170px;}
.menu ul li:hover ul li a:hover {background:#EDBE04; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:171px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#EDBE04; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#118FD2; color:#fff;}