.menu {

}
a, a:visited {  text-decoration: underline; color: #A30234}
.menu li {
  text-align: right;
  margin-left: -20px;
  margin-top: 15px;
  font: normal bold 12px Arial;
  text-transform: uppercase;
  padding-bottom: 2px;
  padding-right: 28px;   
}

.menu a, a:visited {
    text-decoration: none;
}
.menu div {
  padding-top: 3px;
}

.menu_off  { 
  list-style-type: none;
  background-image: url(./menu_off.gif);    
}

.menu_on, .menu_off:hover {
  list-style-type: none;
  background-image: url(./menu_on.gif);  
}

.menu2_off  { 
  list-style-type: none;
  background-image: url(./menu2_off.gif);    
}

.menu2_on, .menu2_off:hover {
  list-style-type: none;
  background-image: url(./menu2_on.gif);  
}

.menu2_on, .menu2_off:hover ul /* pro IE*/ {
  background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}