ul.menu {list-style:none; margin:0; padding:0; font-size: 15px; font-family: Arial, Helvetica, sans-serif;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#31728d; text-decoration:none}
ul.menu li {position:relative; float:left; border-right: 1px solid #397994;}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border-bottom: 1px solid #75a1b4; border-left: 1px solid #397994; width:148px; margin-left: -1px;}
ul.menu ul li a {display:block; padding:2px 5px 5px; background-color:#397994; color: #fff;}
ul.menu ul li a:hover {background-color:#aecb30; color: #fff;}
ul.menu ul ul {left:84px; top:-1px}
ul.menu .menulink { padding:3px 6px 6px; width:72px; text-align: center;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color: #397994; color: #fff;}
ul.menu .sub {background:#d1d1d1 146px 8px no-repeat}
ul.menu .topline {border-top:1px solid #75a1b4;}

  @media (max-width: 758px) {
	ul.menu li {position:relative; float:none; border-right: 1px solid #397994;}  
  }