.acc{
background-color:#C9EDC9;
float:left;
margin: -9px 0 0 0;
padding: 0;
width: 204px; /*width of menu*/
height:auto;
min-height:210px;
margin-bottom:1px;}

.acc div.silverheader a,
.acc div.silverheader-nc a{
background: url(acc-menu/bg.gif) repeat-x center left;
font: bold 15px "Lucida Grande", Tahoma, Arial;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto; height:30px;
padding: 10px 0 0 12px;
text-decoration: none;
border-bottom: 1px solid #fff;}

.acc div.silverheader p{
text-decoration: none;}

.acc div.selected a,.acc div.silverheader a:hover, .acc div.silverheader-nc a:hover,acc div.silverheader a:active,acc div.silverheader-nc a:active{
background-image: url(acc-menu/bgover.gif);
color: white;}

.acc div.submenu{ /*DIV that contains each sub menu*/
padding: 0px; background: #fff000;
/*height: 150px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/}
.acc div.submenu div{ border-bottom:solid 1px #fff; font-weight:bold; text-decoration:none; padding: 5px 5px 5px 12px;}
.acc div.submenu a{ text-decoration:none; color:#00A54F;}
.acc div.submenu a:hover{ color:#000;}

