.mainDiv
{
  width:150px;
}
.topItem
{
  width:150px;
  height:18px;
  cursor:pointer;
  background: #333399;
  text-decoration: none;
  color: #CCCCFF; 
  font-weight:none;
  font-family:"Architecture CE", "Arial Narrow";
 
}


.dropMenu
{
  background:#333399;
  border-top:1px solid #333399;
  border-left:1px solid #333399;
  border-right:1px solid #333399;
  border-bottom:1px dotted #92B1F8;
}

.subMenu
{
   display:none;
}
.subItem
{
   padding-left:5px;
   cursor:pointer;
   font-weight:none;
   text-decoration:#CCCCFF;
   color:#CCCCFF;
   font-family:"Arial Narrow";
}

.subItem a
{
   text-decoration:none;
   color:#CCCCFF;
}

.subItemOver
{
   cursor:pointer;
   color:#CCCCFF;
   text-decoration:none;
   font-weight:none;
   padding-left:5px;
   font-family:"Arial Narrow";
}

.subItemOver  a
{
   color:none;
}


.drop
{
   border-left:1px solid black;
   border-right:1px solid black;	
}

<!--
  @font-face {
    font-family: Arial Narrow;
    font-style:  normal;
    font-weight: normal;
    src: url(ARIALNA0.eot);
  }
  @font-face {
    font-family: Architecture CE;
    font-style:  normal;
    font-weight: normal;
    src: url(ARCHITE0.eot);
  }
a:link, a:visited    {text-decoration: none}
-->