body, table { color: #606060; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans serif; text-align: left; margin: 0px; padding: 0px; }

a, a:link, a:visited { color: #606060; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #606060; text-decoration: underline; font-weight: bold; }

.menu a:link, .menu a:active, .menu a:visited { margin: 1px 0 0 1px; display: block; color: #fff; }
.menu, .title { color: #06EA5; text-align: center; height: 27px; background: url('background.gif'); border-top: 2px solid #06EA5; border-bottom: 2px solid #bed8f9; }
.menu2, .title2 { color: #FFFFFF; text-align: center; height: 27px; background: url('background.gif'); border-top: 2px solid #fb9809; border-bottom: 2px solid #bed8f9; }
.title { text-align: left; padding-left: 10px; }
.white { color: #ffffff; margin-top: -14px; margin-left: -1px; }
.content { background: #e9f2f9; border: 1px solid #cedeee; padding: 10px; }
.content2 { background: #FFFFFF; border: 1px solid #cedeee; padding: 10px; }
.spacer { height: 10px; width: 10px; }
.copyright { background: #d8e4f2; padding: 10px; color: #96a0aa; font-weight: bold; }

/* ==== Menu ==== */

.arrowlistmenu{
width: 100%; /*width of accordion menu*/
}

.arrowlistmenu img {border: none; padding-right: 5px; vertical-align: middle;}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
/* ======== */
.title2 { font: bold 14px Arial; 
color: white; height: 27px; background: url('titlebar.png') repeat-x center left; border: none; text-transform: uppercase; text-align: left; padding-left: 10px;}

/* ======= */
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}