@charset "UTF-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}

#container {
	width: 890px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#spacer { height: 12px; width: 890px;}

#header {
	padding: 0;
	clear: both;
	}

#reverseorange	{
	border-top: 0px;
	padding: 0 0 0 0;
	text-align: right;
	color: #fff;
	width: 890px;
	font-size: 12px;
	margin: 0 0 0 0;
	height: 17px;
	background-color: #ff9933;
}


#reverseorange a:link {
	border-top: 0px;
	padding: 0px 0 0 0;
	text-align: right;
	color: #fff;
	width: 890px;
	font-size: 12px;
	margin: 0 0 0 0;
	height: 17px;
	text-decoration: none;
}

#reverseorange a:visited {
	text-decoration: none;
	color: #ffffff;
}

#reverseorange a:hover, a:active, a:focus {
   text-decoration: underline;
}



#clearfloats { clear: both;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX section break XXXXXXXXXXXXXXXXXXXXXXXXXXX */


#mainContent {
	height: 401px;
	width: 890px;
	border-top: solid #fff 12px;
	border-bottom: solid #fff 7px;
}

#centerstuff {
	height: 401px;
	width: 498px;
	border-top: 0;
	border-bottom: 0;
	overflow: auto;		
}


#centerstuff-leftfloat  {
	float: left;	
	margin: 0 12px 0 12px;
}

#centerstuff-rightfloat  {
	float: right;	
	margin: 0 22px 0 12px;
	width: 112px
}

#centerstuff-rightfloat-alt  {
	float: right;	
	margin: 0 0px 0 0px;
	width: 270px
}
#centerstuff h1 {
	text-align: left;
	color: #488267;
	font-size: 13px;
	margin-bottom: -5px;
	margin-top: -2px;
}

#centerstuff h2 {
	text-align: left;
	width: 650px;
	color: #999;
	font-size: 12px;
	margin-bottom: -5px;
	margin-top: 5px;
	font-style: italic;
}

#centerstuff h3 {
	text-align: left;
	padding: 2px 0 0px 6px;
	height: 16px;
	width: 455px;
	background-color: #ff9933;
	color: #fff;
	font-size: 12px;
}

#centerstuff h4 {
	font-weight: 200;
	text-align: left;
	color: #000; 
	font-size: 13px;
	padding: 0 0px 0 0px;
	margin-bottom: -5px;
	margin-top: 5px;
	}

#centerstuff h5 {
	font-weight: 200;
	text-align: right;
	color: #000; 
	font-size: 13px;
	padding: 0 0px 0 0px;
	margin-bottom: -5px;
	margin-top: 5px;
	}

#centerstuff p {
	text-align: left;
	color: #000; 
	font-size: 13px;
	padding: 0 12px 0 12px;
	}

.center {margin-left:250px; width: 200px;}

.grey {color: #999;}

#centerstuff ul li {
	text-align: left;
	color: #000; 
	font-size: 13px;
	padding: 0 12px 0 12px;
	
	}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX section break XXXXXXXXXXXXXXXXXXXXXXXXXXX */

#fullspan-centerstuff {
	height: 401px;
	width: 690px;
	border-top: 0;
	border-bottom: 0;
	overflow: auto;		
}

#fullspan-centerstuff-leftfloat  {
	width: 400px;
	float: left;	
	margin: 0px 12px 0 12px;
}

#fullspan-centerstuff h1 {
	text-align: left;
	color: #488267;
	font-size: 13px;
	margin-bottom: -5px;
	margin-top: -2px;
}

#fullspan-centerstuff h2 {
	text-align: left;
	color: #999;
	font-size: 12px;
	margin-bottom: -5px;
	margin-top: 5px;
	font-style: italic;
}

#fullspan-centerstuff h3 {
	text-align: left;
	padding: 2px 0 0px 6px;
	height: 16px;
	width: 650px;
	background-color: #ff9933;
	color: #fff;
	font-size: 12px;
}


#fullspan-centerstuff h4 {
	font-weight: 200;
	text-align: left;
	color: #000; 
	font-size: 13px;
	padding: 0 0px 0 0px;
	margin-bottom: -5px;
	margin-top: 5px;
	}

#fullspan-centerstuff h5 {
	font-weight: 200;
	text-align: right;
	color: #000; 
	font-size: 13px;
	padding: 0 0px 0 0px;
	margin-bottom: -5px;
	margin-top: 5px;
	}
	
#fullspan-centerstuff h6 {
	text-align: left;
	padding: 2px 0 0px 6px;
	height: 16px;
	width: 650px;
	background-color: #ff9933;
	color: #fff;
	font-size: 12px;
}

#fullspan-centerstuff h7 {
	text-align: left;
	color: #488267;
	font-size: 13px;
	margin-bottom: -5px;
	margin-top: -2px;
}

#fullspan-centerstuff h8 {
	text-align: left;
	padding: 2px 0 0px 6px;
	height: 16px;
	width: 650px;
	background-color: #ff9933;
	color: #fff;
	font-size: 12px;
}

#fullspan-centerstuff h9 {
	text-align: left;
	color: #000; 
	font-size: 13px;
	padding: 0 0px 0 0px;
	margin-top: -3px;
	}







#fullspan-centerstuff p {
	text-align: left;
	color: #000; 
	font-size: 13px;
	padding: 0 0px 0 0px;
	margin-top: -3px;
	}

#fullspan-centerstuff ul li {
	text-align: left;
	color: #000; 
	font-size: 13px;
	padding: 0 12px 0 12px;
	
	}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX section break XXXXXXXXXXXXXXXXXXXXXXXXXXX */

#fullspan-donate {
	height: 401px;
	width: 690px;
	border-top: 0;
	border-bottom: 0;
	overflow: auto;		
}



#fullspan-donate p {
	text-align: left;
	color: #000; 
	font-size: 13px;
	padding: 0 0px 0 0px;
	margin-top: 0px;
}

#fullspan-donate ul li {
	text-align: left;
	color: #000; 
	font-size: 13px;
	padding: 0 12px 0 12px;
	
}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX section break XXXXXXXXXXXXXXXXXXXXXXXXXXX */

#float-left {
	height: 401px;
	width: 190px;
	border: 0px;
	float: left;
	padding: 0 4px 0 6px;		
}

#float-left h1 {
	text-align: left;
	color: #488267;
	font-size: 13px;
	margin-bottom: -2px;
	margin-top: -2px;
}

#float-left p {
	text-align: left;
	color: #488267;
	font-size: 13px;
	padding-left: 12px;
	margin-top: -2px;
	margin-bottom: -2px;
}


#float-left a:link {
	color: #488267;
	text-decoration: none;
}

#float-left a:visited {
	text-decoration: none;
	color: #488267;
}

#float-left a:hover, a:active, a:focus {
   text-decoration: underline;
}






/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX section break XXXXXXXXXXXXXXXXXXXXXXXXXXX */






#float-right {
	height: 401px;
	width: 170px;
	border: 0px;
	float: right;
			
}

#float-right h1 {
	text-align: left;
	color: #488267;
	font-size: 14px;
	padding: 0 4px 0 6px;
	margin-bottom: -3px;
}

#float-right h2 {
	height: 16px;
	width: 170px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background-color: #ff9933;
	padding: 2px 0 0 0;
}

#float-right h3 {
	text-align: left;
	color: #488267;
	font-size: 12px;
	padding: 0 0px 0 6px;
	margin-bottom: -3px;
}

#float-right h4 {
	text-align: left;
	color: #488267;
	font-size: 12px;
	padding-left: 12px;
	padding: 0 0px 0 12px;
	margin-top: -2px;
	margin-bottom: -2px;
	font-weight: 200;
}

#float-right p {
	text-align: left;
	color: #488267;
	font-size: 13px;
	padding-left: 12px;
	padding: 0 4px 0 6px;
	margin-top: -2px;
	margin-bottom: -2px;
}


#float-right a:link {
	color: #488267;
	text-decoration: none;
}

#float-right a:visited {
	text-decoration: none;
	color: #488267;
}

#float-right a:hover, a:active, a:focus {
   text-decoration: underline;
}


.blacktext {
	color: #000000;
	}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX section break XXXXXXXXXXXXXXXXXXXXXXXXXXX */








#footer {
	width: 890px;
	height: 18px;
	margin-top: 5px;
	border-top: solid #be4850 2px;
	padding-top: 4px; 
	background:#fff;
	text-align: center;
	font-size: 10px;
	color: #999;
}


#footer a:link {
	color: #999;
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #999;
}

#footer a:hover, a:active, a:focus {
   text-decoration: underline;
}