@charset "UTF-8";
/* CSS Document */


body {
	/*background-color:#D9D7C5;*/
	/*background-color: #e1d8c4;*/
	background-color: #eeefdc;
	}

#container {
	position: relative;
	z-index: 0;
	width: 800px;
	height: 600px;
	background-color: #eeefdc;
	margin: auto;
	border: 0px solid green;
	color: #000000;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	


#topnav {
	position: absolute;
	top: 29px;
	left: 573px;
	width: 300px;
	height: 75px;
	}

	
/*#mainnavtext {
	position: absolute;
	z-index: 7;
	top: 4px;
	left: 35px;
	color: #FFFFFF;
	width: 800px;
	border: 1px solid green;
	} */
	

#mainnavtext2 {
	position: absolute;
	z-index: 7;
	top: 3px;
	left: 31px;
	color: #FFFFFF;
	width: 780px;
	bottom: -144px;
	} 


	
#mainnavbar {
	position: absolute;
	top: 128px;
	left: 0px;
	z-index: 6;
	padding: 0px;
	}
	

img {
	border: 0;
	}

/*HOME PAGE*/
#photo {
	position: absolute;
	top: 139px;
	z-index: 1;
	left: 1px;
	width: 800px;
	bottom: 213px;
	}
	

#lefttextbox {
	position: absolute;
	top: 209px;
	left: 8px;
	z-index: 2;
	width: 250px;
	height: 118px;
	padding-left: 10px;
	opacity: .27;
	filter: alpha(opacity=27);
	-moz-opacity: .27;
	background-color: black;
	}
	
#lefttext {
	width: 265px;
	height: 120px;
	position: absolute;
	z-index: 3;
	top: 213px;
	left: 8px;
	padding-left: 10px;
	font-size: 10px;
	font-weight: 650;
	}

#leftboxheader {
	color: #000000;
	font-size: 14px;
	margin-bottom: -2px;
	font-weight: 700;
	color: white;
	}

/*#righttextbox {
	position: absolute;
	top: 365px;
	left:585px;
	z-index: 3;
	width: 190px;
	height: 150px;
	padding-left: 10px;
	background-color: black;
	opacity: .27;
	filter: alpha(opacity=27);
	-moz-opacity: .27;
	}*/
	

#righttextbox {
	position: absolute;
	top: 176px;
	left:555px;
	z-index: -1;
	width: 230px;
	height: 376px;
	padding-left: 10px;
	background-color: black;
	opacity: .27;
	filter: alpha(opacity=27);
	-moz-opacity: .27;
	}
	
/*#righttext {
	position: absolute;
	top: 250px;
	left: 585px;
	z-index: 4;
	width: 180px;
	height: 200px;
	padding-left: 10px;
	font-size: 10px;
	font-weight: 650;
	color: white;
	text-align: right;
	}
	
#righttextbox {
	position: absolute;
	top: 250px;
	left:585px;
	z-index: 3;
	width: 190px;
	height: 150px;
	padding-left: 10px;
	background-color: black;
	opacity: .27;
	filter: alpha(opacity=27);
	-moz-opacity: .27;
	}*/
	
#righttext {
	position: absolute;
	top: 236px;
	left: 546px;
	z-index: 9;
	width: 246px;
	height: 377px;
	padding-left: 10px;
	font-size: 11px;
	font-weight: 700;
	color: white;
	text-align: right;
	bottom: -1px;
	}


.rightboxheader {
	color: #88AFDD;
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 5px;
	font-weight: 900;
	}


#rightboxlist li {
	margin-bottom: 2px;
	margin-left:-20px;
	list-style-type: none;
	
	}

	
#footer {
	margin-top: 420px;
	padding-left: 20px;
	}
	
#botbar {
	position: absolute;
	top: 563px;
	left: 110px;
	z-index: 7;
	}
	
#footer_text {
	position: absolute;
	top: 567px;
	left: 150px;
	z-index: 8;
	color:#FFFFFF;
	font-size: 12px;
	}
	
* html #footer_text {
	position: absolute;
	top: 568px;
	left: 137px;
	z-index: 8;
	color:#FFFFFF;
	font-size: 12px;
	}

#footer_text a:link {
	text-decoration: none;
	color: white;
	}
	
#footer_text a:visited {
	text-decoration: none;
	color: white;
	}	
		
#bottomcontactinfo {
	position: absolute;
	top: 590px;
	width: 800px;
	font-size: 10px;
	text-align: center;
	}
	
a:link {
	color: black;
	}
	
a:visited {
	color: black;
	}
/*END home page*/



/*INSIDE TEMPLATE*/
	
#donatebutton {
	position:absolute;
	z-index: 20;
	top: 200px;
	heigt: 50px;
	width: 165px;
	}


#leftnavbar {
	position: absolute;
	top: 183px;
	height: 307px;
	width: 165px;
	z-index: 22;
	left: -2px;
	}
	
#navboxmiddle {
	background-image:url(images/navbox_middle.gif);
	background-repeat: repeat-y;
	margin-top: -28px;
	margin-bottom: -20px;
	width: 165px;
}


#leftnavbardonate {
	position: absolute;
	top: 235px;
	height: 400px;
	width: 165px;
	z-index: 22;
	}

#leftnavbar h3 {
	font-size: 12px;
	font-weight: normal;
	height: 18px;
	padding: 3px;
	padding-left: 12px;
	padding-right: 5px;
	}

#leftnavbardonate h3 {
	font-size: 12px;
	font-weight: normal;
	height: 12px;
	padding: 3px;
	padding-left: 12px;
	padding-right: 5px;
	}

#leftnavbar h4 {
	font-size: 12px;
	font-weight: normal;
	height: 32px;
	padding: 3px;
	padding-left: 12px;
	padding-right: 5px;
	}

#leftnavbardonate h4 {
	font-size: 12px;
	font-weight: normal;
	height: 43px;
	border: none;
	padding: 3px;
	padding-left: 12px;
	}
	
#leftnavbar #space {
	padding-bottom: 19px;
	}
	
#leftnavbardonate #space {
	padding-bottom: 19px;
	}

	
#leftnavbar a:link {
	text-decoration: none;
	color: #FFFFFF;
	}

#leftnavbardonate a:link {
	text-decoration: none;
	color: #FFFFFF;
	}
	
#leftnavbar a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
	
#leftnavbardonate a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
	
#hotheader {
	color:#FF9900;
	}

#subdropdown {
	
	margin-top: -20px;
	font-size: 10px;
	padding: 5px;
	padding-left: 20px;
	}

#hotsubhead {
	color:#FF9900;
	}

	
#pagehead {
	float: left;
	margin-top: 60px;
	margin-left: 180px;
	font-size: 30px;
	color: #b23428;
	font-weight: 900;
	}
	
#pagehead2 {
	position: relative;
	z-index: 28;
	top: 60px;
	left: 170px;
	padding: 4px 0 0 13px;
	font-size: 30px;
	color: #b23428;
	font-weight: 900;
	margin-bottom: -5px;
	}


#largephoto {
	float: right;
	padding: 0 0 0 0;
	width: 620px;
	height: 298px;
	}
	
#introtext {
	position: absolute;
	top: 18px;
	left: 360px;
	z-index: 13;
	width: 244px;
	height: 270px;
	background-color: white;
	padding-left: 10px;
	opacity: .77;
	filter: alpha(opacity=77);
	-moz-opacity: .77;
	}
	
.introwords {
	padding: 1em;
	font-size: 10px;
	position: absolute;
	top: 13px;
	left: 361px;
	z-index: 14;
	width: 240px;
	height: 270px;
	}
	
#textcontent {
	float: right;
	width: 600px;
	padding: 0 10px 0 10px;
	background-color: white;
	font-size: 11px;
	margin-bottom: -22px;
	padding-top:20px;
	padding-bottom: 20px;
	}

.bullet {
	font-size: 8px;
	}

#footerb {
	float: right;
	width: 700px;
	height: 65px;
	}
	
	
#footer_textb {
	color:#FFFFFF;
	font-size: 12px;
	position: relative;
	z-index: 12;
	top: -19px;
	left: 46px;
	}

#footer_textb a:link {
	text-decoration: none;
	color: white;
	}
	
#footer_textb a:visited {
	text-decoration: none;
	color: white;
	}	
	
#designcredit {
	height: 40px;
	width: 800px;
	margin-top: -8px;
	letter-spacing: .8px;
	margin-left: 4px;

	}

.designers {
	font-size: 17px;
	border: 1px solid #336699;
	width: 267px;
	margin-top: -5px;
	padding: 20px;
	line-height: 2;
	}
	
.designteam {
	width: 400px;
	font-size: 15px;
	color: #336699;
	font-weight: bold;
	}
	
#recycleimage {
	float: left;
	padding-right: 10px;
	}

#bottomredbar {
	float: right;
	margin-top: 20px;
	}

#bottomcontactinfob {
	float: right;
	width: 800px;
	height: 35px;
	margin-top: -17px;
	margin-right: -85px;
	padding-bottom: 10px;
	font-size: 10px;
	text-align: center;
	}
	
#bottomcontactinfoc {
	float: right;
	width: 800px;
	height: 35px;
	margin-top: -17px;
	padding-bottom: 10px;
	font-size: 10px;
	text-align: center;
	}
	

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #footer_textb {
	font-size: 11px;
	top: -25px;  
	left: 50px;
}
 
 
/* End hide from IE5/mac */

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #pagehead {
	margin-left: 90px;
}
 
 
/* End hide from IE5/mac */

.largebluetext a:link {
	color: #336699;
	}
	
.largebluetext a:visited {
	color: #336699;
	}
	
/*HMEA2_1*/
.largebluetext {
	font-size: 15px;
	color: #336699;
	font-weight: bold;
	}
	

.largeredtext {
	font-size: 15px;
	color: #b23428;
	font-weight: bold;
	}
	
.bold {
	font-weight: bold;
	}
	
.bigbold {
	font-size: 13px;
	font-weight: bold;
	}
	
#righttextdiv {
	float: left;
	width: 290px;
	}
	
#lefttextdiv {
	float: left;
	width: 290px;
	}

#righttextdiv h4 {
	margin-bottom: -8px;
	}

#lefttextdiv h4 {
	margin-bottom: -8px;
	}
	
.italic {
	font-style: italic;
	}
	
#recyclingdiv {
	width: 600px;
	clear: both;
	border-top: 1px solid #b23428;
	text-align: center;
	}
	
#recyclingdiv h4 {
	margin-bottom: -8px;
	}

.roadmapsmalltext {
	font-size: 10px;
	}
	

.largeseniortext {
	width: 600px;
	border-bottom: 1px solid #b23428;
	}

.largeseniortext .largebluetext {
	font-size: 25px;
	}
	
#bottommargin {
	margin-bottom: 30px;
	}
	

.diversitynewsa {
	float: left;
	width:400px;
	padding-left: 150px;
	clear: both;
	}
	
.diversitynewsb {
	float: left;
	width: 200px;
	padding-left: 150px;
	}
		
.diversitynewsc {
	float: left;
	width: 200px;
	}

.bottom border {
	border-bottom: 1px solid #b23428;
	}
	
#responsecontainer {
	/*background-color: #b23428;*/
	background-color: white;
	padding-top: 30px;
	height: 500px;
	width: 800px;
	margin-bottom: 30px;
	margin-top: 5px;
	}

#responsetext {
	padding: 20px;
	}	
	
#responseimagediv {
	width: 760px;
	text-align: center;
	margin-top: 50px;
	}

#responselarge {
	font-size: 20px;
	}

.star {
	color: red;
	font-size: 10px;
	}

.requiredfield {
	font-weight: normal;
	font-size: 11px;
	}
	
.textsizebuttons {
	width: 200px;
	margin-left: 520px;
	font-size: 9px;
	line-height: 14px;
	}
/*END 2_1*/

/*HMEA2_2*/
/** {border: 1px solid black}*/

/*#res_indent1 {
	margin-left: 40px;
	margin-bottom: 20px;
	float: left;
}*/
/*
#res_indent2 {
	margin-left: 40px;
	margin-bottom: 20px;
	width: 500px;
	float: left;
}*/

#res_indent1 {
	margin-left: 40px;
	margin-bottom: 20px;
	width: 520px;
}

#res_indent2 {
	margin-left: 40px;
	margin-bottom: 20px;
	width: 520px;
}

#listL {
	float: left;
	width: 200px;
}


#listR {
	float: left;
	width: 200px;
}

#list_facts {
	font-size:10px;
	padding-right: 30px;
}

#textcontent li {
	padding-bottom:8px;
}

#quote {
	font-style: oblique;
	margin-bottom: 2px;
	
}

#fam_position {
	margin-left: 200px;
	font-weight:bold;
}

.links_color {
	color:#990000;
	/*text-decoration: underline;*/
}




/*Form Styling*/
	   label {
	   		margin-bottom: 20px;
			text-align: left;
			width: 130px;
			float: left;
		}
		
		.label2 {
	   		margin-bottom: 20px;
			text-align: left;
			width: 30px;
			float: none;
		}
		
		
		br {
			clear: left;
		}
		
		.buttons {
			max-width:15px;
		}
		
		.button {
			padding: 10px;
			width: 500px;
		}
		
		.contact_form {
			max-width: 600px;
		}
/*end Form Styling*/


/* Service area map */

	#service_area {
		margin-left: 25px;
	}
	
/* end Service area map */

/*END 2_2*/

/*HMEA2_3*/
@charset "UTF-8";

#mission {
	float: left;
	width: 580px;
	}
#mission h3 {
	font-size: 18px;
	font-weight: bold;
	color: #336699;
	text-align: left;
	}
	
	
#newslettera {
	float: left;
	width: 200px;
	padding-left: 150px;
	}

#newslettera1 {
	float: left;
	width: 200px;
	padding-left: 150px;
	}

	
#newslettera h3 {
	font-size: 18px;
	font-weight: bold;
	color: #336699;
	text-align: left;
	}
		
#newsletterb {
	float: left;
	width: 200px;
	
	}
#newsletterb h3 {
	font-size: 15px;
	font-weight: bold;
	color: #336699;
	text-align: left;
	}
	
#textcontentb {
	float: right;
	width: 600px;
	padding: 0 10px 0 10px;
	background-color: white;
	font-size: 11px;
	margin-bottom: -22px;
	padding-bottom: 30px;
	}
#textcontentb h3 {
	font-size: 15px;
	font-weight: bold;
	color: #336699;
	text-align: left;
	}

#newsletterc {
	float: left;
	width: 200px;
	padding-left: 120px;
	}
	
#newsletterd {
	float: left;
	width: 200px;
	
	}

#newslettere {
	float: left;
	width: 280px;
	padding-left: 20px;
	}
	
#newsletterf {
	float: left;
	width: 280px;
	padding-left: 20px;
	
	}


#jobhead {
	background-color: #336699;
	color: #FFFFFF;
	}


td {
	
	padding: 5px;
	}
#lefttd {
	width: 125px;
	}
#ctrtd {
	width: 350px;
	}
#intro {
padding-left:15px;
padding-right:15px;
	}

	
.jobtitle {
	font-weight: bold;
	}
.jobdetails {
	font-style: italic;
	color: #336699;
	}
#arrow {
	position: relative;
	left: 580px;
	bottom: 425px;
	width: 40px;
	}
#arrowb {
	position: relative;
	left: -8px;
	bottom: 475px;
	}
#arrowc {
	position: relative;
	left: -8px;
	bottom: 425px;
	}
#leftawards {
	float: left;
	padding: 1px;
	width: 290px;
	border: solid 0px green;
	}
#rightawards {
	float: right;
	padding: 1px;
	width: 290px;
	border: solid 0px green;
	}
.box {
	width: 290px;	
	}
.boximg {
	text-align: center;
	border-bottom: solid black 2px;
	}
.boximg img {
	padding: 5px;
	}
	

.smalltext {
	font-size: 9px;

	}
/*END 2_3*/



/* X-FADE css */

@charset "UTF-8";
	/*#photo {		
		margin:auto;	
	}*/
	
/*	#photo img {
		display:none;
		position:absolute;
		margin-top: 40px;
	}*/
	
/*	* html #photo img {
		margin-left: 1px;
		margin-top: 35px;
	}*/
	

/* END x-fade*/
