
#applemenu .applemenu{
margin: 5px 0;
padding: 0;
width: 100%; /*width of menu*/
border: 0px solid #9A9A9A;
}

#applemenu .applemenu div.menuheader { background: url(menuheader.jpg) repeat-x center left #494949; }
#applemenu .applemenu div.menuheader a{ 
font: normal 16px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-top: 4px;
height:26px;
text-decoration: none;
}

#applemenu .applemenu div.menuheader a:visited, 
#applemenu .applemenu div.menuheader a:active{
color: white;
}


#applemenu .applemenu div.selected a, 
#applemenu .applemenu div.menuheader a:hover{
background-image: url(menuheader-over.jpg);
color: white;
}

#applemenu .applemenu div.submenu{ /*DIV that contains each sub menu*/

padding: 0px;
height: 300px auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

#applemenu .applemenu div.submenu div.itemlink {  }
#applemenu .applemenu div.submenu div.itemlink a { display:block; padding:5px; color:#8b8b8b;}
#applemenu .applemenu div.submenu div.itemlink a:hover  { 
	background:#b9b9b9; 
	color:#000000;
	text-decoration:none;
}


