/* ------------- menu ----------------------------------- */
   
#menu{
  margin:0 0 10px 0;
  padding:0; 
  width:774px;
  overflow:hidden;
  background-color:#52B7E0;
  background-image: url(../images/menu-bg.gif);
  background-repeat: repeat-x;
}

#menu ul{
  list-style-type:none;
  font-family: tahoma, verdana, arial;
  margin:0;
  padding:0;
  background-image: url(../images/menu-bg.gif);
  background-repeat: repeat-x;
  width:774px;

}

#menu ul li{
  position: relative;
  padding:0;
  float:left;
  list-style-type:none;
  overflow:hidden;
  padding-left:1px;
  background-image: url(../images/menu-span.gif);
  background-repeat: repeat-y;
  background-position:left top;
}

#menu ul li.first{
  background-image: none;
  padding-left:12px;
}

#menu ul li a {
  display:block;
  font-family:"MyridiaPro Regular", tahoma, verdana, arial;
  font-size:1.1em;
  font-weight:bold;
  text-decoration:none;
  padding:0;
  margin:0;
  padding:8px 22px 9px 22px;
  color:white;
  background-color:#52B7E0;
  background-image: url(../images/menu-bg.gif);
  background-repeat: repeat-x;
  float:none;
  position:relative;

}

#menu ul li a:hover, #menu ul li a.active , #menu ul li a.active:hover, #menu ul li.active a, #menu ul li.active a:hover{
  background-color:#ED242D;
  background-image: url(../images/menu-bg-hover.gif);
}