body {
	background: url(images/home-header-gradient.jpg) #D8D8D8 repeat-x top left;
	color: #000;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	behavior: url(hover.htc);
	vertical-align: middle;
}

#container {width: 834px; margin-left: auto; margin-right: auto;}

a {color: #680700; text-decoration: underline;}
a:hover {color: #000000;}
img {border: none;}
h3 {
	color: #680700;
	font-size: 13px;
}
h4 {
	color: #680700;
	font-size: 16px;
}


h5 {font-size: 17px;}


	#left-column {width: 155px; margin-right: 15px; float: left; color: #fff; font-size: 14px; font-weight: bold;}
	#left-column a {color: #fff; text-decoration: none;}
	#left-column a:hover {text-decoration: underline;}
	#left-column ul {list-style-type: none; margin-left: -35px;}
	#left-column li {
	margin-bottom: 10px;
}
	#center-column {
	width: 434px;
	float: left;
	color: #000;
	font-size: 15px;
	background: #fffbcc;
	padding: 30px;
	margin-bottom: 30px;
}
	#center-column h2 {color: #680700; text-align: center; font-size: 17px; margin: 0;}
	#center-column li {margin-bottom: 5px;}
	#right-column {width: 155px; margin-left: 15px; float: right; font-size: 15px; color: #fecc5d;}
	#right-column ul {
	margin-left: -35px;
	margin-top: 0;
	list-style-type: none;
}
	li#first {background: url(images/dotted-line.gif) repeat-x top left; padding-top: 10px;}
	li#last {background: url(images/dotted-line.gif) repeat-x bottom left; padding-bottom: 10px;}
	#right-column li, #right-column li a {margin-bottom: 25px;}
	.center {text-align: center;}
	#audio {margin-bottom: 150px;}
	.tour { width: 134px; float: left; margin-right: 10px; margin-top: 15px;}
	.tour p {text-align: center;}
	.number {
	font-size: 19px;
}
	#center-column h2.table-title {font-size: 15px; text-align: center; color: #000;}



/* About Styles */

#aboutsection {
	background: #296667;
}

	#aboutsection #home em, #aboutsection #about em, #aboutsection #programs em, #aboutsection #referrals em, #aboutsection #resources em, #aboutsection #help em, #aboutsection #contact em { 
		background: url(images/nav-about.jpg) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	
	 #aboutsection .roundedbox {float: left; width: 155px; height: 155px; background: url(images/yellow-box.jpg) no-repeat top left; margin-bottom: 15px;}
	 .roundedbox img {margin-left: 10px; margin-top: 10px;}
	 
	 #aboutsection #footer-wrap { clear:both; width: 100%; background: #1c4c4c; height: 80px;}
	 #aboutsection #right-column, #aboutsection #right-column a {color: #fecc5d;}
	 #aboutsection #copy, #aboutsection #footer-links, #aboutsection #footer-links a {color: #fff;}


/* Program Styles */

#programsection {
	background: #52171d;
}

	#programsection #home em, #programsection #about em, #programsection #programs em, #programsection #referrals em, #programsection #resources em, #programsection #help em, #programsection #contact em { 
		background: url(images/nav-program.jpg) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	
	 #programsection .roundedbox {float: left; width: 155px; height: 155px; background: url(images/green-box.jpg) no-repeat top left; margin-bottom: 15px;}
	 .roundedbox img {margin-left: 10px; margin-top: 10px;}
	 
	 #programsection #footer-wrap { clear:both; width: 100%; background: #3e1013; height: 80px;}
	 #programsection #copy, #programsection #footer-links, #programsection #footer-links a {color: #fff;}
	 #programsection #right-column, #programsection #right-column a {color: #fecc5d;}
	 
/* Referral Styles */

#referralsection {
	background: #e1e0b2;
}

	#referralsection #home em, #referralsection #about em, #referralsection #programs em, #referralsection #referrals em, #referralsection #resources em, #referralsection #help em, #referralsection #contact em { 
		background: url(images/nav-referral.jpg) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	
	 #referralsection .roundedbox {float: left; width: 155px; height: 155px; background: url(images/green-box2.jpg) no-repeat top left; margin-bottom: 15px;}
	 .roundedbox img {
	margin-left: 10px;
	margin-top: 10px;
}
	 #referralsection #left-column, #referralsection #left-column a {color: #000;}
	 #referralsection #footer-wrap { clear:both; width: 100%; background: #cbcca4; height: 80px;}
	 #referralsection #copy, #referralsection #footer-links, #referralsection #footer-links a {color: #000;}
	 #referralsection #right-column, #referralsection #right-column a {color: #000;}
	 
	#referralsection li#first {background: url(images/dotted-line2.gif) repeat-x top left; padding-top: 10px;}
	#referralsection li#last {background: url(images/dotted-line2.gif) repeat-x bottom left; padding-bottom: 10px;}
	
	#referralsection table
{
    border-color: #fff;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

#referralsection tr.emphasis {background:#52171D; color: #fff;}
#referralsection tr.emphasis .table-title {color:#fff;}

#referralsection td
{
    border-color: #fff;
    border-width: 1px 1px 0 0;
    border-style: solid;
	padding-left: 5px;
}


/* Resource Styles */

#resourcesection {
	background: #504d00;
}

	#resourcesection #home em, #resourcesection #about em, #resourcesection #programs em, #resourcesection #referrals em, #resourcesection #resources em, #resourcesection #help em, #resourcesection #contact em { 
		background: url(images/nav-resource.jpg) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	
	 #resourcesection .roundedbox {
	float: left;
	width: 155px;
	height: 155px;
	background: url(images/yellow-box2.jpg) no-repeat top left;
	margin-bottom: 15px;
}
	 .roundedbox img {margin-left: 10px; margin-top: 10px;}
	 #resourcesection #left-column, #resourcesection #left-column a {
	color: #fff;
}
	 #resourcesection #footer-wrap { clear:both; width: 100%; background: #494100; height: 80px;}
	 #resourcesection #copy, #resourcesection #footer-links, #resourcesection #footer-links a {color: #fff;}
	 #resourcesection #right-column, #resourcesection #right-column a {color: #FECC5D;}
	 
	 #resourcesection #container #right-column ul #nonprofit-of-week a {
	color: #FFF;
}

/* Help Styles */

#helpsection {
	background: #D46924;
}

	#helpsection #home em, #helpsection #about em, #helpsection #programs em, #helpsection #referrals em, #helpsection #resources em, #helpsection #help em, #helpsection #contact em { 
		background: url(images/nav-help.jpg) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	
	 #helpsection .roundedbox {
	float: left;
	width: 155px;
	height: 155px;
	background: url(images/purple-box2.jpg) no-repeat top left;
	margin-bottom: 5px;
}
	 .roundedbox img {margin-left: 10px; margin-top: 10px;}
	 #helpsection #left-column, #helpsection #left-column a {color: #fff;}
	 #helpsection #footer-wrap { clear:both; width: 100%; background: #B7591A; height: 80px;}
	 #helpsection #copy, #helpsection #footer-links, #helpsection #footer-links a {color: #fff;}
	 #helpsection #right-column, #helpsection #right-column a {color: #fff;}
	 
/* Contact Styles */

#contactsection {
	background: #efdb82;
}

	#contactsection #home em, #contactsection #about em, #contactsection #programs em, #contactsection #referrals em, #contactsection #resources em, #contactsection #help em, #contactsection #contact em { 
		background: url(images/nav-contact.jpg) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	
	 #contactsection .roundedbox {
	float: left;
	width: 155px;
	height: 155px;
	background: url(images/purple-box.jpg) no-repeat top left;
	margin-bottom: 15px;
}
	 .roundedbox img {
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
}
	 #contactsection #left-column, #contactsection #left-column a {color: #000;}
	 #contactsection #footer-wrap { clear:both; width: 100%; background: #eac461; height: 80px;}
	 #contactsection #copy, #contactsection #footer-links, #contactsection #footer-links a {color: #000;}
	 #contactsection #right-column, #contactsection #right-column a {
	color: #000;
}
	#contactsection li#first {background: url(images/dotted-line2.gif) repeat-x top left; padding-top: 10px;}
	#contactsection li#last {background: url(images/dotted-line2.gif) repeat-x bottom left; padding-bottom: 10px;}
	#contactsection li#goals {
	list-style-position: inside;
	list-style-type: circle;
	margin: 0px;
	padding: .2em;
}

#header { width: 834px; margin-top: 25px; margin-bottom: 30px; margin-left: auto; margin-right: auto; }


/* Nav Styles */

#nav-wrap { width: 880px;  margin-top: 30px; margin-left: -40px; margin-bottom: 0; padding: 0;}


.nav a:hover { text-decoration: none; }
	
	.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clear { display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clear { height: 1%; }
	.clear { display: block; }
	/* End hide from IE-mac */
	
	/* image replacement general properties */
	ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		font-size: 12px;
		z-index: 100;
	}
			
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the 
																			  sub menus don't disappear before selecting them */
	.nav li, .nav li em {  height: 18px;}
	
	* html>body ul.nav li em { margin-bottom: -18px; } /* for ie5.x/mac only */
	
	#home em, #about em, #programs em, #referrals em, #resources em, #help em, #contact em { 
		background: url(images/nav.jpg) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	#home { left: 0; }
	.nav li#home, .nav li#home em {
	width: 51px;
	text-align: center;
}
	#home em { background-position: 0 0; }
	#home:hover em { background-position: 0 0px; }
	
	#about { left: 37px; }
	.nav li#about, .nav li#about em {width: 79px;}
	#about em, #aboutsection #about em, #programsection #about em, #referralsection #about em, #resourcesection #about em, #helpsection #about em, #contactsection #about em { background-position: -88px 0; }
	#about:hover em { background-position: -88px 0;}
	
	#programs { left: 74px; }
		.nav li#programs, .nav li#programs em {width: 176px;}
	#programs em, #aboutsection #programs em, #programsection #programs em, #referralsection #programs em, #resourcesection #programs em, #helpsection #programs em, #contactsection #programs em { background-position: -204px 0; }
	#programs:hover em { background-position: -204px 0px; }
	
	#referrals { left: 111px; }
		.nav li#referrals, .nav li#referrals em {width: 151px;}
	#referrals em, #aboutsection #referrals em, #programsection #referrals em, #referralsection #referrals em, #resourcesection #referrals em, #helpsection #referrals em, #contactsection #referrals em { background-position: -418px 0; }
	#referrals:hover em { background-position: -418px 0px; }
	
	#resources { left: 148px; }
		.nav li#resources, .nav li#resources em {width: 88px;}
	#resources em, #aboutsection #resources em, #programsection #resources em, #referralsection #resources em, #resourcesection #resources em, #helpsection #resources em, #contactsection #resources em { background-position: -608px 0; }
	#resources:hover em { background-position: -608px 0px; }

	#help { left: 185px; }
.piechart {
	color: #FFF;
	background-color: #000;
}

		.nav li#help, .nav li#help em {width: 80px;}
	#help em, #helpsection em, #aboutsection #help em, #programsection #help em, #referralsection #help em, #resourcesection #help em, #helpsection #help em, #contactsection #help em { background-position: -734px 0; }
	#help:hover em { background-position: -734px 0px; }

	#contact { left: 185px; }
		.nav li#contact, .nav li#contact em {width: 100px;}
	#contact em, #aboutsection #contact em, #programsection #contact em, #referralsection #contact em, #resourcesection #contact em, #helpsection #contact em, #contactsection #contact em { background-position: -852px 0; }
	#contact:hover em { background-position: -852px 0px; }
	
	/* suckerfish styles */
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 26px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
	}
	
	.nav li:hover ul { left: -40px; }
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 110%;
	}
	
	.nav li ul a {
		padding: 10px;
		color: #444337;
		background: #fffdcd;
		border: 1px solid #e1e0b2;
		width: 150px;
		text-decoration: none;
	}
	.nav li ul a:hover {
		color: #fffbcc;
		background: #52171d;
	}


/* Index Page Styles */

#home-middle-wrap { background: #52171d; width: 100%; height: 248px; }

#home-middle { width: 1190px; margin: 0px auto; padding-top: 10px; }

#home-middle img {float: left; width: 226px;}

#home-middle .greenbox, #home-middle .yellowbox {float: left; width: 227px; height: 225px; margin-left: 10px; background: url(images/green-bg.gif) no-repeat top left;}

#home-middle .yellowbox {background: url(images/yellow-bg.gif) no-repeat top left;}
#home-middle .whitebox h1 {
	font-size: 23px;
	color: #52171d;
	font-weight: normal;
	padding-left: 20px;
	padding-top: 10px;
}
#home-middle .whitebox p {
	color:#46525C;
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:140%;
	padding-left:20px;
	padding-right:20px;
	word-spacing:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #home-middle .whitebox p { word-spacing: -.5px; font-size: 17px; }
}
#home-middle .whitebox {float: left; width: 479px; height: 225px; margin-left: 10px; background: url(images/white-bg.gif) no-repeat top left;}

#home-middle .greenbox img, #home-middle .yellowbox img {width: 195px; height: 178px; margin-top: 26px; margin-left: 17px;}

#home-bottom-wrap {
	width: 100%;
	height: 503px;
	background: url(images/home-footer.gif) repeat-x bottom left;
	margin-top: 0;
	padding-bottom: 50px;
}

#home-bottom { width: 755px; margin: 0 auto; padding-top: 30px; font-size: 15px; color: #001822; text-align: center; }
#home-bottom h2 {font-size: 24px; color: #47535d; font-weight: normal; margin-top: 0px; text-align: center; font-style: italic;}
#home-bottom img {float: left; margin-bottom: 20px;}
#home-bottom .divider {margin-left: 30px; margin-right: 30px;}
#home-bottom-banner {
	width: 755px;
	font-size: 15px;
	color: #001822;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* Footer Styles */

#footer {
	width: 745px;
	font-size: 12px;
	color: #000;
	padding-top: 30px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer-home {
	width: 745px;
	font-size: 12px;
	color: #000;
	padding-top: 135px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#copy {
	float: left;
	width: 220px;
	padding-top: 29px;
}
#banner {
	float: left;
	width: 275px;
	text-align: center;
	left: 664px;
	top: 800px;
}

#footer-links {
	float: right;
	width: 250px;
	text-align: right;
	padding-top: 29px;
}
#footer-links a {color: #000; text-decoration: none;}

#footer-links a:hover {text-decoration: underline;}
#contactsection .badge {
	float: left;
	width: 155px;
	height: 50px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}
#badge {
	float: left;
	width: 275px;
	text-align: center;
}
#resourcesection .badge {
	float: left;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	width: 100%;
	vertical-align: middle;
	margin-bottom: 15px;
}

.roundedbox-alltop img {
	margin-left: 15px;
	margin-top: 10px;
}
#helpsection .badge {
	float: left;
	width: 155px;
	height: 50px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}

#bottom-text {
	width: 745px;
	font-size: 11px;
	text-align: justify;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}