.applemenu {
margin: 0px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 0px solid #9A9A9A;
text-align: left;
}
.applemenu div.silverheader a{
background: black url(../images/graygradient.gif) repeat-x center left;
font: normal 11px Trebuchet MS;
color: #606060;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 8px;
font-weight: bolder;
text-decoration: none;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #404040;
text-align: left;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(../images/greengradient.gif);
color: #404040;
text-align: left;
}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 0px;
font: normal 11px Trebuchet MS;
padding-left: 3px; 
text-align: left;
color: #808080;
height: 275px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

/*this section for the popup */

.popupcontent{
      position: absolute;
      visibility: hidden;
      overflow: hidden;
      border:1px solid #CCC;
      background-color:#FFFFFF;
      border:1px solid #333;
      padding:5px;
      }
      .popupcontentmoc{
      position: absolute;
      visibility: hidden;
      overflow: hidden;
      border:1px solid #CCC;
      background-color:#FFFFFF;
      border:1px solid #333;
      padding:5px;
      }
      .popupcontenttaxi{
      position: absolute;
      visibility: hidden;
      overflow: hidden;
      border:1px solid #CCC;
      background-color:#FFFFFF;
      border:1px solid #333;
      padding:5px;
      }
      .popupcontenthotel{
      position: absolute;
      visibility: hidden;
      overflow: hidden;
      border:1px solid #CCC;
      background-color:#FFFFFF;
      border:1px solid #333;
      padding:5px;
      }