    /* ------------- menu ----------------------------------- */
   
#menu{
  position:absolute;
  top:159px;
  width:958px;
  height:35px;
  background-color:#E7E7E7;
  background-image: url(../images/menu-bg.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-top: 5px;  
}

#menu ul{
  height:35px;
  list-style-type:none;
  width:913px;
  font-family: Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
}

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

#menu ul li a {
  display:block;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  height:35px;
  color:#31373F;
  background-color:#E7E7E7;
  padding: 0px 10px;
  margin:0px;
  float:left;
  overflow:hidden;
  position:relative;
  cursor: pointer;
  -moz-border-radius-topleft: 7px;
  border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-radius-topright: 7px;
  letter-spacing: -0.025em;
}

#menu ul li:hover a, #menu ul li.hover a{
  color:#6C87CC;
}

#menu ul li a.active:hover, #menu ul li a.hover{
  background-color:#2F2C38;
  background-position:0px -40px;
}
#menu ul li.active a {
  background-color: #32363f !important;
  color: white;
}
#menu ul li a span, #menu ul li.hover  span{
  height:40px;
  background-image: url(../images/menu.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  left:0;
  top:0;
  position:absolute;
  padding:0;
  display:block;
  padding:0;
  margin:0;
}


/*
#menu ul li a.mid1, #menu ul li a.mid1 span{
  width:158px;
  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{
  background-position:0px -40px;  
}
#menu ul li a.mid2, #menu ul li a.mid2 span{
  width:92px;
  background-position:-445px 0px;  
  overflow:hidden;
}

#menu ul li a.mid2:hover span, #menu ul li:hover a.mid2 span, #menu ul li.hover a.mid2 span{
  background-position:-445px -40px;  
}
#menu ul li a.mid3, #menu ul li a.mid3 span{
  width:158px;
  background-position:-537px 0px;
  overflow:hidden;  
}

#menu ul li a.mid3:hover span, #menu ul li:hover a.mid3 span, #menu ul li.hover a.mid3 span{
  background-position:-537px -40px;  
}
#menu ul li a.mid4, #menu ul li a.mid4 span{
  width:96px;
  background-position:-349px 0px;  
  overflow:hidden;
}

#menu ul li a.mid4:hover span, #menu ul li:hover a.mid4 span, #menu ul li.hover a.mid4 span{
  background-position:-349px -40px;  
}
#menu ul li a.mid5, #menu ul li a.mid5 span{
  width:90px;
  background-position:-259px 0px;
  overflow:hidden;  
}

#menu ul li a.mid5:hover span, #menu ul li:hover a.mid5 span, #menu ul li.hover a.mid5 span{
  background-position:-259px -40px;  
}
#menu ul li a.mid6, #menu ul li a.mid6 span{
  width:101px;
  background-position:-158px 0px;  
  overflow:hidden;
}

#menu ul li a.mid6:hover span, #menu ul li:hover a.mid6 span, #menu ul li.hover a.mid6 span{
  background-position:-158px -40px;  
}
#menu ul li a.mid7, #menu ul li a.mid7 span{
  width:88px;
  background-position:-695px 0px;  
  overflow:hidden;
}

#menu ul li a.mid7:hover span, #menu ul li:hover a.mid7 span, #menu ul li.hover a.mid7 span{
  background-position:-695px -40px;  
}
*/
/* level 2*/

#menu ul ul{
  position: absolute;
  z-index: 500;
  top:auto;
  width:192px;
  height:auto;
  border-top:1px solid #9EA093;
  float:left;
  margin:0;
  padding:0;
  display: none;
}


#menu ul li ul li{
  width:192px;
  float:left;
  position:relative;
  height:auto;
  margin:0;
  padding:0;
}

#menu ul li ul li a, #menu ul li:hover ul li a, #menu ul li.hover ul li a {
  display:block;
  color:#31373F;
  font-weight:normal;
  background-color:#DDDAA2;
  background-image:none;
  text-decoration:none;
  padding:4px 10px 4px 18px;
  width:162px;
  border:1px solid #9EA093;
  border-top:0;
  overflow:hidden;
  position:relative;
  height:auto;
  background-image: url(../images/menu-arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px -1px;
  margin:0;
}


#menu ul li ul li:hover a, #menu ul li ul li.hover a, #menu ul li ul li a:hover{
  background-color:#6C87CC;
  color:white;
  background-position:0 -51px;
}

/* level 3*/
/*
#menu ul ul ul {
  position:absolute;
  top:0;
  left:100%;
  width:100%;
  padding:0;
  margin:0;
  border-top:1px solid #9EA093;
  border-left:1px solid white;
  display:none;
  float:left;
  width:192px;
}



#menu ul li ul li ul li{
  margin:0;
  padding:0;
  height:auto;
  position:relative;
  width:210px;
  width:192px;
}

#menu ul li ul li ul li a, #menu ul li ul li:hover ul li a,  #menu ul li ul li.hover ul li a{
  display:block;
  color:#31373F;
  font-weight:normal;
  background-color:#DDDAA2;
  background-image:none;
  text-decoration:none;
  padding:4px 10px 4px 18px;
  width:162px;
  border:1px solid #9EA093;
  border-top:0;
  overflow:hidden;
  position:relative;
  height:auto;
  background-image: url(../images/menu-arrow.gif);
  background-repeat: no-repeat;
  background-position:0 -1px;
}

#menu ul li ul li ul li a:hover, #menu ul li ul li ul li a:hover, #menu ul li ul li ul li a.active{
  background-color:#6C87CC;
  color:white;
  background-position:0 -51px;
}
*/

/*-----------------------------------------*/
/*
#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul,
#menu ul li.hover ul ul,
#menu ul ul li.hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul li.hover ul,
#menu ul ul li.hover ul,
#menu ul ul ul li.hover ul
{display: block;}



#menu .id6 ul {
     left: -40px !important;
} 
#menu .id6 ul ul {
     left: -193px !important;
     border-right: 1px solid white;
     border-left: 0px;
}
  
#menu ul ul ul {
     margin-top: -1px;
}
#menu ul ul {
      line-height: 110%;
}
*/
#menu ul {
      line-height: 35px;
}

