
<!-- Paste this code into an external file named xpMenu.css  -->
 
.topItem {
  background: #000066;
  background-image: url(close.gif);
  background-position:right center;
  background-repeat:no-repeat;
  padding-left:3px;
  height:22px;
  cursor:pointer;
  text-decoration: none;
  color: #FFFFFF;
  font-weight:bold;
  font-family:"GOTHIC";
}
 
.topItemOver {
  padding-left:3px;
  background: #000066;
  background-image: url(open.gif);
  background-position:right center;
  background-repeat:no-repeat;
  height:22px;
  cursor:pointer;
  text-decoration: none;
  color: #FFFFFF;
  font-weight:bold;
  font-family:"GOTHIC";
}
 
.dropMenu {
  background:#9999FF;
  filter:alpha(opacity=100);
  border:1px solid #000066;
}
 
.subMenu {
  display:block;
}
 
.subItem {
  height:21px;
  padding-left:10px;
  cursor:pointer;
  font-weight:bold;
  text-decoration:none;
  color:#FFFFFF;
}
 
.subItem a {
  text-decoration:none;
  color:#FFFFFF;
}
 
.subItemOver {
  height:21px;
  padding-left:10px;
  cursor:pointer;
  font-weight:bold;
}
 
.subItemOver  a {
  color:#000066;
  text-decoration:none;
}
 
.drop {
  border-left:1px solid black;
  border-right:1px solid black;
}
 
.topItem1 {
  background: #000066;
  background-image: url(close.gif);
  background-position:right center;
  background-repeat:no-repeat;
  padding-left:3px;
  height:22px;
  cursor:pointer;
  text-decoration: none;
  color: #FFFFFF;
  font-weight:bold;
  font-family:"GOTHIC";
}
 
.topItem1Over {
  padding-left:3px;
  background: #000066;
  background-image: url(open.gif);
  background-position:right center;
  background-repeat:no-repeat;
  height:22px;
  cursor:pointer;
  text-decoration: none;
  color: #FFFFFF;
  font-weight:bold;
  font-family:"GOTHIC";
}
 
.dropMenu1 {
  background:#9999FF;
  filter:alpha(opacity=100);
  border:1px solid #000066;
}
 
.subMenu1 {
  display:block;
}
.subItem1 {
  height:21px;
  padding-left:10px;
  cursor:pointer;
  font-weight:bold;
  text-decoration:none;
  color:#FFFFFF;
}
 
.subItem1 a {
  text-decoration:none;
  color:#FFFFFF;
}
 
.subItem1Over {
 
  height:21px;
  padding-left:10px;
  cursor:pointer;
  font-weight:bold;
}
 
.subItem1Over  a {
  color:#000066;
  text-decoration:none;
}
 
.topItem2 {
  background: #000066;
  background-image: url(close.gif);
  background-position:right center;
  background-repeat:no-repeat;
  padding-left:3px;
  height:22px;
  cursor:pointer;
  text-decoration: none;
  color: #FFFFFF;
  font-weight:bold;
  font-family:"GOTHIC";
}
 
.topItem2Over {
  padding-left:3px;
  background: #000066;
  background-image: url(open.gif);
  background-position:right center;
  background-repeat:no-repeat;
  height:22px;
  cursor:pointer;
  text-decoration: none;
  color: #FFFFFF;
  font-weight:bold;
  font-family:"GOTHIC";
}
 
.dropMenu2 {
  background:#9999FF;
  filter:alpha(opacity=100);
  border:1px solid #000066;
}
 
.subMenu2 {
  display:block;
}
 
.subItem2 {
  height:21px;
  padding-left:10px;
  cursor:pointer;
  font-weight:bold;
  text-decoration:none;
  color:#FFFFFF;
}
 
.subItem2 a {
  text-decoration:none;
  color:#FFFFFF;
}
 
.subItem2Over {
  height:21px;
  padding-left:10px;
  cursor:pointer;
  font-weight:bold;
}
 
.subItem2Over  a {
  color:#000066;
  text-decoration:none;
}