.mainDiv
{
  width:222px;
} 

.topItem {
  text-indent:25px;
  font: 11px helvetica,geneva,sans-serif;
  letter-spacing: 0;
  background: url("title-up.png") no-repeat 0 0;
  border: none;
  width: 222px;
  font-weight: bold;
  line-height: 47px;
  height: 47px;
  color: #dddddd;
  cursor:pointer;
}

.topItemOver {
  text-indent:25px;
  font: 11px helvetica,geneva,sans-serif;
  letter-spacing: 0;
  background: url("title-up-over.png") no-repeat 0 0;
  height: 47px;
  width: 222px;
  font-weight: bold;
  line-height: 47px;
  color: #dddddd;
  cursor:pointer;
}

.topItemClose {
  text-indent:25px;
  font: 11px helvetica,geneva,sans-serif;
  letter-spacing: 0;
  background: url("title-down.png") no-repeat 0 0;
  height: 47px;
  width: 222px;
  font-weight: bold;
  line-height: 47px;
  color: #dddddd;
  cursor:pointer;
}
.topItemCloseOver {
  text-indent: 25px;
  font: 11px helvetica,geneva,sans-serif;
  letter-spacing: 0;
  background: url("title-down-over.png") no-repeat 0 0;
  height: 47px;
  width: 222px;
  font-weight: bold;
  line-height: 47px;
  color: #dddddd;
  cursor:pointer;
}
.dropMenu {
  font: 11px helvetica,geneva,sans-serif;
  background: #b0b1b1;
  color: #000;
  border: 0px;
}
.subMenu {
   display:block;
}
.subItem {
   font: 11px helvetica,geneva,sans-serif;
   text-decoration:none;
   height:30px;
   color: #551a57;

}
.subItem a {
   display:block;
   font: 11px helvetica,geneva,sans-serif;
   height:30px;
   line-height:30px;
   text-decoration:none;
   font-weight:bold;
   color: #551a57;
   text-indent: 15px;
}
.subItemOver {
   font: 11px helvetica,geneva,sans-serif;
   height:30px;
   line-height:30px;
   background-color:#58595b;
   color: #ffffff;
}
.subItemOver a {
   display:block;
   font: 11px helvetica,geneva,sans-serif;
   cursor:pointer;
   font-weight:bold;
   height:30px;
   line-height:30px;
   color: #ffffff;
   text-decoration:none;
   cursor:pointer;
   text-indent: 15px;
}