/* ------------- menu ----------------------------------- */
   
#menu{
  position:absolute;
  top:233px;
  width:968px;
  height:50px;
  background-color:#DADADA;
  background-image: url(../images/menu-bg.jpg);
  background-repeat: no-repeat; 
  margin:0;
  padding:0; 
  font-size:0.7em;
}

#menu ul{
  height:49px;
  list-style-type:none;
  width:901px;
  font-family: tahoma, verdana, arial;
  margin:0 0 0 2px;
  padding:0;
}

#menu ul li{
  position: relative;
  padding:0;
  float:left;
  list-style-type:none;
}

#menu ul li a {
  display:block;
  font-size:1.25em;
  font-weight:bold;
  text-decoration:none;
  height:49px;
  color:#464646;
  background-color:#DADADA;
  padding:0;
  margin:0;
  float:none;
  overflow:hidden;
  position:relative;
}

#menu ul li:hover a, #menu ul li.hover a{
  text-decoration:underline;
  padding:0;
  margin:0;
}

#menu ul li a.active, #menu ul li a.active:hover, #menu ul li a.active.hover{
  color:red;
  background-position:0px -49px;
}

#menu ul li a span{
  height:49px;
  width:93px;
  background-image: url(../images/menu.jpg);
  background-repeat: no-repeat;
  background-position:0 0px;
  left:0;
  top:0;
  position:absolute;
  padding:0;
  display:block;
  padding:5px 0 5px 45px;
  margin:0;
  color:#07405B;
}



#menu ul li a.mid1, #menu ul li a.mid1 span{
  width:93px;
  background-position:0px 0px;  
  overflow:hidden;
}

#menu ul li a.mid1:hover span, #menu ul li:hover a.mid1 span, #menu ul li.hover a.mid1 span, #menu ul li.active a.mid1 span{
  background-position:0px -49px;  
}

#menu ul li a.mid2, #menu ul li a.mid2 span{
  width:93px;
  background-position:-93px 0px;  
  overflow:hidden;
}

#menu ul li a.mid2:hover span, #menu ul li:hover a.mid2 span, #menu ul li.hover a.mid2 span, #menu ul li.active a.mid2 span{
  background-position:-93px -49px;  
}

#menu ul li a.mid3, #menu ul li a.mid3 span{
  width:93px;
  background-position:-186px 0px;
  overflow:hidden;  
}

#menu ul li a.mid3:hover span, #menu ul li:hover a.mid3 span, #menu ul li.hover a.mid3 span, #menu ul li.active a.mid3 span{
  background-position:-186px -49px;  
}

#menu ul li a.mid4, #menu ul li a.mid4 span{
  width:93px;
  background-position:-279px 0px;  
  overflow:hidden;
}

#menu ul li a.mid4:hover span, #menu ul li:hover a.mid4 span, #menu ul li.hover a.mid4 span, #menu ul li.active a.mid4 span{
  background-position:-279px -49px;  
}

#menu ul li a.mid5, #menu ul li a.mid5 span{
  width:93px;
  background-position:-372px 0px;  
  overflow:hidden;
}

#menu ul li a.mid5:hover span, #menu ul li:hover a.mid5 span, #menu ul li.hover a.mid5 span, #menu ul li.active a.mid5 span{
  background-position:-372px -49px;  
}

#menu ul li a.mid6, #menu ul li a.mid6 span{
  width:93px;
  background-position:-465px 0px;
  overflow:hidden;  
}

#menu ul li a.mid6:hover span, #menu ul li:hover a.mid6 span, #menu ul li.hover a.mid6 span, #menu ul li.active a.mid6 span{
  background-position:-465px -49px;  
}

#menu ul li a.mid7, #menu ul li a.mid7 span{
  width:93px;
  background-position:-558px 0px;  
  overflow:hidden;
}

#menu ul li a.mid7:hover span, #menu ul li:hover a.mid7 span, #menu ul li.hover a.mid7 span, #menu ul li.active a.mid7 span{
  background-position:-558px -49px;  
}