.applemenu{
margin: 5px 0;
padding:5px 0 5px 0;
width: 620px; /*width of menu*/
}

.applemenu ul {
	list-style: decimal;
	padding:0px 0 0px 25px;
	color:#34383B;
	margin-bottom:30px;
}

.applemenu ul li{
       background: none;
       line-height:18px;
       margin:0 0 20px 0;
       padding:0;
}

.applemenu ul li a, .applemenu ul li a:visited{
	color:#1e6ed0;
	text-decoration:none;
}

.applemenu ul li a:hover{
	color:#1e6ed0;
	text-decoration:underline;
}

.applemenu ul li ul {
	background-color:#f8f8f8;
	border-left:solid 1px #e1e1e1;
	margin-top:10px;
	padding:3px 10px 5px 10px;
	list-style: none;
}

.applemenu ul li ul li{
	background:url(../images/applemenu/green_arrow.jpg) 0px 3px no-repeat;
	padding-left:16px;
	margin:10px 0 5px 0;
	line-height:15px;
	font-size:12px;
	color: #666666;
}
.applemenu div.silverheader {
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#000000;
	display: block;
	width: auto;
	padding:0;
	text-decoration: none;
}
.applemenu div.silverheader a{
background: #f5f5f5 url(../images/applemenu.jpg) bottom center repeat-x ;
font: bold 15px Arial, Helvetica, sans-serif;
color:#000000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
border-bottom:#bcbcbc solid 1px;
}


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

.applemenu div.silverheader a:hover{
background-image: url(../images/applemenuhover.jpg);
color: #666;
}

.applemenu div.selected a, .applemenu div.selected a:visited, .applemenu div.selected a:hover{
border-top:solid 1px #fff;
background-image: url(../images/applemenuhover.jpg);
color: #266bbf;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
}
.applemenu .Assestment {
margin-top:20px;
background: white;
padding: 0px;
/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}