/* default styles
   -------------- */
 
   
body
{
	padding: 0;
	margin: 0;
	font: 80% Arial, Helvetica, sans-serif;
	background: #fff ;
	color: #454545;
}


a:active, a:link, a:visited {color:#00c; text-decoration:none}
a:hover { color: #00c; text-decoration:underline;}




h1 {  font-size:14px; font-weight:bold; padding: 1px 0 0 0px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 14px Arial, Sans-Serif;  }


p {	margin: 0 0 5px 0; }

td { text-align:left; color: #454545;}

td.text { text-align:left; padding: 5px;}

ul {	margin: 5px 5px 5px 20px; padding: 5px; }


ol {	margin: 5px 5px 5px 20px; padding: 5px; }

ol.rules
{
	margin: 5px 5px 5px 40px;
	padding: 5px;
	list-style-type: decimal;
}




/* layout
   ------ */


#content 
{
	position: relative;
    top: 5px;
    left: 0;
    margin: auto;
	width: 970px;
	padding: 0px; 
	background: #fff;
	border: #cccccc 1px solid;
}

#menuHead
{
	position:relative;
	top: 0px;
	left: 0px;
	height: 90px;
	background: url(_images/header.jpg) #8E8E90 repeat;
	width: 970px;
	text-align:center;
}



/* Navigation */
#title
{
    width: 400px;
    height: 90px;
    margin: 0 0 0 0px;
    padding:0px;
    float:left;
}

#submenu
{
    position:absolute;
	top:35px;
	left:730px;
	width: 200px;
    margin: 0 0 0 0px;
    padding:0px;
}

#LogoHead
{
    position:relative;
    top: 0px;
    left: 0px;
    height: 82px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    width: 970px;
    text-align:left;
}



#bannerhead
{
	position:relative;
	top: 0px;
	left: 0px;
	height: 184px;
	width: 970px;
	padding:0px;
	margin: 0px;
}


#main
{
	position:relative;
	top: 0px;
	left: 0px;
	background: #fff no-repeat;
	margin: auto;
	width: 970px;
}

.arrowlistmenu
{
    position:relative;
    top: 5px;
    left: 0px;
width: 200px; /*width of accordion menu*/
font-size: 10px;
padding-top: 0px;
margin: 0px;

}

.menuTitle
{
    padding: 10px 0px 0px 0px;   
    
}

.arrowlistmenu{
width: 200px; /*width of accordion menu*/
font-size: 10px;
padding-top: 0px;
margin: 0px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: #014083;
background: #ffffff url(_images/left_menu_off.jpg) repeat-x center left;
margin-top: 0px;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
padding: 0px 0px 0px 50px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
font-size: 12px;
height: 38px;
}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #fff url(_images/left_menu_off.jpg);
color: #993333;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

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

.arrowlistmenu ul li a
{
	color: #cc6666;
	background: #FAFAFA url(_images/left_s_menu_off.jpg) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 5px 0px 4px 50px; /*header text is indented 10px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #993333;
background: #FAFAFA url(_images/left_s_menu_off.jpg) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.menuOn{    /*hover state CSS*/
background: url(_images/left_s_menu_off.jpg) no-repeat center left; /*custom bullet list image*/
color: #993333; }

.arrowlistmenu a.header{ /*CSS class to apply to expandable header when it's expanded*/
color: white;
margin-top: 0px;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
cursor: hand;
cursor: pointer;
font-size: 12px;

}

.arrowlistmenu a.header:hover{ /*CSS class to apply to expandable header when it's expanded*/
color: #993333;
text-decoration: none;
}


.arrowlistmenu div.headerOff
{ 
    position:relative;
    top: 0px;
    left: 0px;
    color: #014083;
    font-size: 12px;
    font-weight: bold;
    width: 200px;
    height: 38px;
    background: #ffffff url(_images/left_menu_off.jpg) repeat-x center left;
}


.arrowlistmenu div.headerOn
{ 
    position:relative;
    top: 0px;
    left: 0px;
    color: #993333;
	background: #ffffff url(_images/left_menu_off.jpg) repeat-x center left;
	font-size: 12px;
    font-weight: bold;
	height: 38px;
}


.arrowlistmenu .headerTitle
{ 
     padding: 10px 0px 0px 50px;   
     background-color: transparent;
}

.SectionHeader
{
	margin: 2px 0 0 5px;
	color: #993333;
	font-size: 15px;
	font-weight: bold;
	padding: 3px;
	border-bottom: solid 1px #ccc;
}

.Heading
{
	margin: 5px 0 0 5px;
	color: #cc6633;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
}

.RuleHeading
{
	margin: 5px 0 0 5px;
	color: black;
	font-size: 13px;
	font-weight: bold;
	padding: 3px;
}