#menu{ 
  border: none; 
  background: none; 
  margin: 10px 0px 0px;
  height: 21px; 
}

#menu a{ 
  color: #000;
  background: transparent url('../images/mn_left.gif') left top no-repeat;
  text-decoration: none;
  padding-left: 6px 
}

#menu a span{
  background: transparent url('../images/mn_right.gif') right top no-repeat;
  padding: 4px 21px 0px 15px;
  height: 17px;
  font: bold 10pt Arial Rounded MT Bold,Verdana,Arial,sans-serif;
}

#menu a, #menu a span{
  display: block;
  float: left
}


#menu a:hover{
  color: #888;
}

#menu ul{
  list-style: none;
  padding: 0;
  margin: 0
}

#menu li{
  float: left;
  margin: 0;
} 


#menu a.active{ 
  background-image: url('../images/mn_act_left.gif');
}

#menu a span.active{
  background-image: url('../images/mn_act_right.gif');
}


/* Hide from IE5-Mac \*/
#menu a, #menu a span{  
  float: none;
}
/* End hide */