@charset "utf-8";
/* CSS Document */
.applemenu{ margin: 5px 0; padding: 10px; width: 195px; /*width of menu*/ border: 0px solid #9A9A9A; }

.applemenu div.silverheader a{
	background: black url(images/silvergradient.gif) repeat-x center left;
	font: normal 12px Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: inherit;
	padding: 5px 0;
	padding-left: 8px;
	text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(images/silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
font-size:12px;
height: 100px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
width: 200px
}

</style>

