.applemenu
{
	margin: 0;
	padding: 0;
	border: 1px solid #9A9A9A;
}
.applemenu div.silverheader,.applemenu div.silverheader div.submenu a
{
	border-bottom: 1px dotted #aaa;
	margin-right: 0px;
}

.applemenu div.silverheader a
{
	/*background: black url(Images/silvergradient.gif) repeat-x center left;*/
	background-color: #ECFCE0;
	font: bolder 11px Tahoma,Arial, 'Times New Roman' , Verdana, Helvetica, sans-serif;
	color: #444;
	display: block;
	width: auto;
	padding: 5px 0;
	padding-left: 8px;
	text-decoration: none;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active
{
	color: #444;
}
.applemenu div.selected a,.applemenu div.selected a:visited, .applemenu div.silverheader a:hover
{
	background-image: url(Images/glossyback2.gif);
	/*background-image: url(Images/silvergradientover.gif);*/
	color: white;
}

.applemenu div.submenu a, .applemenu div.submenu a:visited
{
	background-image: none;
	background-color: #ECFCE0; /*background-image: url(Images/silvergradientover.gif);*/
	color: #444;
	width:180px;
}
.applemenu div.submenu a:hover
{
	background-image: url(Images/glossyback2.gif);
	color: #fff;
}
.applemenu div.submenu
{
	/*DIV that contains each sub menu*/
	border: 1px solid #9A9A9A;
	
	background: white;
	padding: 0px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}