.mainDiv
{
  width:185px;
}

.genericTopitem 
{
    font: bold 18px "trebuchet ms"; /* tahoma,verdana,sans-serif; */
    letter-spacing: 0;
    border: none;
    width: 175px;
    height: 25px;
    cursor:pointer;
    text-indent:15px;
}

div.genericTopitem a:link     { text-decoration: none;      color: #cccccc; }   /* grey  */
div.genericTopitem a:visited  { text-decoration: none;      color: #cccccc; }   /* grey  */
div.genericTopitem a:hover    { text-decoration: underline; color: #00CC33; }   /* green */
div.genericTopitem a:focus    { text-decoration: none;      color: #cccccc; }   /* drey  */
div.genericTopitem a:active   { text-decoration: none;      color: #cccccc; }   /* grey  */

.topItem
{
  font: bold 18px "trebuchet ms"; /* tahoma,verdana,sans-serif; */
  letter-spacing: 0;
  background: url("../images/arrow-up.png"); /*  no-repeat 0 0; */
  background-position:right center;
  background-repeat:no-repeat;
  border: none;
  width: 175px;
  height: 25px;
  color: #cccccc; /* grey */
  cursor:pointer;
  text-indent:15px;
}

.topItemOver
{
  text-indent:15px;
  font: bold 18px "trebuchet ms"; /* tahoma,verdana,sans-serif; */
  letter-spacing: 0;
  background: url("../images/arrow-up.png"); /*  no-repeat 0 0; */
  background-position:right center;
  background-repeat:no-repeat;
  height: 25px;
  width: 175px;
  color: #00CC33;   /* deep warm blue #428eff; */
  cursor:pointer;
}

.topItemClose
{
  text-indent:15px;
  font: bold 18px "trebuchet ms"; /* tahoma,verdana,sans-serif; */
  letter-spacing: 0;
  background: url("../images/arrow-down.png"); /*  no-repeat 0 0; */
  background-position:right center;
  background-repeat:no-repeat;
  height: 25px;
  width: 175px;
  color: #cccccc; /* grey */
  cursor:pointer;
}


.topItemCloseOver
{
  text-indent:15px;
  font: bold 18px "trebuchet ms"; /* tahoma,verdana,sans-serif; */
  letter-spacing: 0;
  background: url("../images/arrow-down.png"); /*  no-repeat 0 0; */
  background-position:right center;
  background-repeat:no-repeat;
  height: 25px;
  width: 175px;
  color: #00CC33; /* green */
  cursor:pointer;
}



.dropMenu
{
     font: bold 11px "trebuchet ms";
    /* color: yellow ; /* don't see the change :( */
    filter:alpha(opacity=100);
    padding-top:0px;
    padding-bottom:0px;
}

.subMenu
{
   display:block;
}

div.subItem
{
   margin-left:10px;
   margin-top:2px;
   height:18px;
   font: 14px "trebuchet ms"; 
   text-decoration:none;
   color:#00CC33; /*#428eff;   lighter blue */
} 

/* this sets the properties of the items in the drop down menu */
.subItem a
{
   margin-left:23px;
   font: bold 18px "trebuchet ms"; /* tahoma,verdana,sans-serif;	 	*/
   text-decoration:none;
   color: #cccccc; /* grey */
}

.subItemOver
{
   margin-left:18px;
   margin-top:2px;
   font: bold 18px "trebuchet ms"; /* tahoma,verdana,sans-serif;	  */
   height:18px;
   color: #cccccc; /* grey  */
}

.subItemOver  a
{
   margin-left:18px; 
   font: bold 18px "trebuchet ms"; /* tahoma,verdana,sans-serif; */
   cursor:pointer;	
   color: #00CC33; /* #428eff;   Light blue */
   text-decoration:underline;
}


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