/* Accordion pannels CSS */
.applemenu{
margin: 5px 0;
padding: 0;
width: 130px; /*width of menu*/
border: 0px solid #ffffff;
}

.applemenu div.silverheader a{
background: black url(images/silvergradient.gif) repeat-x center left;
font: bold 12px Arial;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
border: 1px solid #ffffff;
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/bluebackground.jpg);
color: white;
}

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


/* Expanding text CSS */
.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font: normal 10px;
}

.eg-bar{
background-color: #ebebeb;
font-weight: bold;
border: 0px solid black;
padding: 2px;
}

div.eg-bar{
width: 650px;
}

.icongroup1{
width: 650px;
}

/* Body headings */
h1
{
font: bold 20px arial
}
h2
{
font: bold 15px arial
}
p
{
font: 13px arial
}

a:link {color: #0000ff; text-decoration: none}
a:visited {color: #0000ff; text-decoration: none}
a:hover {color: #0000ff; text-decoration: underline}