/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

.applemenu{
margin: 5px 0px;
margin-left: 10px;
padding: 1px;
width: 96%; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background:  #C0C0C0 url("./bk_close.jpg") no-repeat;
font: bold 12px sans-serif, Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica ;
color: white;
display: block;
line-height: 16px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
width: auto;
padding: 4px 1px 2px;
padding-left: 26px;
text-decoration: none;
}


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

.applemenu div.silverheader a:hover{
background: white url("./bk_over.jpg") no-repeat;
color: blue; 
}

.applemenu div.selected a{
background: blue url("./bk_selected.jpg") no-repeat;
color: white; 
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
/* background: white; */
background: #FCFFFF url("./group_bg.gif") repeat-y right;
padding: 5px;
 /*height: 400px;*/ /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}