@charset "UTF-8";
/* CSS Document */


body		{
	background: url(../images/global/color-bar.gif) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #232323;
	margin-top: 0px;
	margin-left: 0px;
}

h3			{
	color: #666666;
}


/* div structure */

#container	{
	left: 0px;
	top: 0px;
	width: 952px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

#header		{
	height: 378px;
}

#sidebar		{
	width: 218px;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
}

#nav		{
	background: #FFF url(../images/global/navbar-top.gif) no-repeat;
	width: 152px;
	clear: left;
	float: left;
	margin-top: 32px;
	margin-left: 36px;
	display: inline;
}

#feature	{
	width: 734px;
	float: right;
	clear: none;
	height: 378px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

.sub-feature p	{
	margin-top: 0px;
	margin-bottom: 15px;
}

.sub-feature	{
	width: 689px;
	background-color: #FFF;
	font-size: 14px;
	background-image: url(../images/give/give-header.jpg);
	background-repeat: no-repeat;
	position: relative;
	padding: 135px 25px 0px 20px;
	}

#donate-now		{
	position: absolute;
	width: 126px;
	margin: 0px;
	top: 165px;
	padding: 0px 0px 0px 22px;
	clear: none;
	z-index: 1;
	left: 0px;
}

#contentwrapper	{
	clear: none;
	width: 734px;
	float: right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-color: #FFFFFF;
}

#content	{
	width: 714px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#networkgood	{
	width: 249px;
	float: left;
	padding: 0px;
	margin: 0px 25px 15px 0px;
}

#profile	{
	display: inline;
	float: left;
	padding-left: 40px;
	width: 150px;
	text-align: left;
}
#profile p{
	font-size: 11px;
}

#midcol		{
	width: 330px;
	float: left;
	border-left: 1px solid #cbcbcb;
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 0px -20px;
}

#rightcol	{
	width: 320px;
	float: right;
	margin-top: 10px;
	border-left: 1px solid #cbcbcb;
	padding-right: 30px;
	padding-left: 20px;
}



#footer		{
	background: #FFF url(../images/global/footer-bg2.gif) repeat-x;
	clear: both;
	height: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

#footer-content		{
	margin-right: auto;
	margin-left: auto;
	width: 1100px;
	font-size: 9px;
	color: #636363;
	text-align: center;
	padding-top: 20px;
}

#footer-nav		{
	float: left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	font-size: 11px;
}

#copyright		{
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 11px;
}

#address		{
	float: left;
	font-size: 11px;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}

#donate			{
	float: left;
	font-size: 11px;
	padding-right: 20px;
	padding-left: 20px;
}

#email			{
	float: left;
	padding-right: 0px;
	font-size: 11px;
	padding-left: 20px;
}

#apply		{
	width: 316px;
	background-image: url(../images/resident/apply-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

.directors-pic		{
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	width: 200px;
	display: inline;
}

.directors-text		{
	float: right;
	width: 420px;
	padding: 0px;
	display: inline;
	margin: 0px 40px 0px 0px;
	clear: none;
}

.directors		{
	clear: none;
	display: inline;
	float: left;
	margin-bottom: 20px;
}

hr			{
	border: 0;
	background-color:#999;
	color:#999;
	height: 1px;
	width: 685px;
	float: left;
}

/* target page indicator */

#about #nav .aboutus a:link, #about #nav .aboutus a:visited	{
	background: url(../images/global/nav_button.gif) no-repeat right top;
	font-weight: bold;
	color: #FFF;
}

#give #nav .whygive a:link, #give #nav .whygive a:visited	{
	background: url(../images/global/nav_button.gif) no-repeat right top;
	font-weight: bold;
	color: #FFF;
}

#programs #nav .programs a:link, #programs #nav .programs a:visited	{
	background: url(../images/global/nav_button.gif) no-repeat right top;
	font-weight: bold;
	color: #FFF;
}

#resident #nav .resident a:link, #resident #nav .resident a:visited	{
	background: url(../images/global/nav_button.gif) no-repeat right top;
	font-weight: bold;
	color: #FFF;
}

#partners #nav .partners a:link, #partners #nav .partners a:visited	{
	background: url(../images/global/nav_button.gif) no-repeat right top;
	font-weight: bold;
	color: #FFF;
}

#news #nav .news a:link, #news #nav .target a:visited	{
	background: url(../images/global/nav_button.gif) no-repeat right top;
	font-weight: bold;
	color: #FFF;
}

#contact #nav .contact a:link, #contact #nav .contact a:visited	{
	background: url(../images/global/nav_button.gif) no-repeat right top;
	font-weight: bold;
	color: #FFF;
}

/* Navigation */

#nav ul		{
	padding: 0px 0px 0px 2px;
	margin: 30px 0px 0px;
}

#nav ul li	{
	list-style: none;
	font-size: 14px;
	width: 148px;
	height: 31px;
	margin: 0px;
	padding: 0px;
}

#nav li a:link, #nav a:visited	{
	width: 148px;
	height: 29px;
	color: #232323;
	background: #fff url(../images/global/nav_button.gif) no-repeat left top;
	display: block;
	text-decoration: none;
	text-align: right;
	line-height: 29px;
	margin: 0px;
	padding: 0px;
}

#nav li a:hover	{
	background-color: #fff;
	background-position: right top;
	color:#fff;
	font-weight: bold;
}
/* class - id */

#home #profile	{
	margin-top: 80px;
}

.intro	{
	font-size: 16px;
	color: #666666;	
}

#partners #content	{
	width: 714px;
	margin: 0px 0px 0px 20px;
	padding: 20px 0px 0px;
}
#partners  .directors {
	clear: none;
	float: left;
	padding: 0px;
	margin: 0px 0px 20px;
}

.topmargin	{
	padding-top: 25px;
}

#feature img p	{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.float-right	{
	float: right;
	margin-right: 40px;
}

.float-left	{
	float: left;
	clear: none;
}

.float-left-clear	{
	float: left;
}

#networkgood p		{
	margin: 0px;
	padding: 0px;
}

.feature-image	{
	margin: 15px 25px 20px 0px;
	padding: 0px;
	float: left;
}

#resident-feature	{
	width: 237px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 210px;
}

.logo		{
	margin-top: 20px;
	margin-left: 25px;
	float: left;
	margin-right: 0px;
}

.story		{
	left: 460px;
	top: 53px;
	position: absolute;
	width: 142px;
}

.feature-header		{
	margin-top: 85px;
	margin-left: 20px;
}

.content-header		{
	padding: 0px;
	margin: 15px 0px 0px;
}

.official-pic		{
	margin-left: 40px;
	margin-top: 10px;
	clear: both;
	float: left;
}

.official-quote	{
	font-size: 10px;
	margin-right: 10px;
	margin-left: 40px;
	clear: both;
	/*float: left;*/
	padding: 0px;
}

.official-caption	{
	font-size: 12px;
	margin-right: 8px;
	margin-left: 40px;
	margin-top: 0px;
	clear: both;
	float: left;
}

.p-header		{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
}

.p-header-top-margin		{
	margin-top: 25px;
	padding-top: 0px;
	margin-bottom: 5px;
}

#contentwrapper	ul	{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#contentwrapper li	{
	background: url(../images/global/bullet.jpg) no-repeat;
	padding-left: 20px;
	margin-top: 12px;
}

#re-logo		{
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 10px 0px 0px;
}

.more		{
	float: right;
	clear: none;
	margin-top: 30px;
}

.more a:link, .more a:visited	{
	font-style: italic;
	font-weight: bold;
	color: #959595;
	text-decoration: none;
	}

.more a:hover		{
color: #f7941d;
}

#clear p		{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.network-good	{
	margin-left: 43px;
	margin-top: 15px;
	clear: both;
	float: left;
}

#resident .top-rule		{
	border-top: 1px solid #999;
	margin-top: 0px;
	padding-top: 0px;
}

.top-rule		{
	border-top: 1px solid #999;
	margin-top: 0px;
	padding-top: 15px;
}


.top a:link, .top a:visited	{
	color: #666;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
}

.top a:hover		{
	color: #f7941d;
	text-decoration: underline;
	font: 14px Arial, Helvetica, sans-serif;
}

/* footer elements */

#footer-nav ul	{
	list-style: none;
}

#footer-nav li	{
	list-style: none;
	display: inline;
	padding-left: 5px;
	border-left: 1px solid #CCC;
	border-right: 0;
}

#footer-nav #about		{
	border-left: 0px none;
}

#footer-content p, #footer-content ul	{
	margin-top: 5px;
	padding-top: 0px;
}

#footer-content a:link, #footer-content a:visited	{
	color: #232323;
	text-decoration: none;
}

#footer-content a:hover		{
	color: #f7941d;
	text-decoration: underline;
}
/* header background switch */
#programs .sub-feature		{
	background-color: #FFF;
	background-image: url(../images/programs/programs-header.jpg);
	background-repeat: no-repeat;
}

#resident .sub-feature		{
	background-color: #FFF;
	background-image:url(../images/resident/resident-header.jpg);
	background-repeat: no-repeat;
}

#contact .sub-feature		{
	background-color: #FFF;
	background-image:url(../images/contact/contact-header.jpg);
	background-repeat: no-repeat;
}

#partners .sub-feature		{
	background-color: #FFF;
	background-image:url(../images/partners/partners-header.jpg);
	background-repeat: no-repeat;
}

#stories .sub-feature		{
	background-color: #FFF;
	background-image:url(../images/stories/stories-header.jpg);
	background-repeat: no-repeat;
}

#statistics .sub-feature		{
	background-color: #FFF;
	background-image:url(../images/statistics/statistics-header.jpg);
	background-repeat: no-repeat;
}

#statistics #midcol a:link, #statistics #midcol a:visited		{
	color: #000000;
}

#statistics #midcol a:hover		{
	color: #EA8E1A;
}

#statistics #rightcol a:link, #statistics #rightcol a:visited		{
	color: #000000;
}

#statistics #rightcol a:hover		{
	color: #EA8E1A;
}
/* about-page elements */

#about .sub-feature		{
	background: #FFF url(../images/about/about-header.jpg) no-repeat;
}

#about #feature		{
	background: #FFF url(../images/about/about-header.jpg) no-repeat;
	height: auto;
	font-size: 14px;
}

#about #feature	p	{
	margin-right: 20px;
	margin-left: 20px;	
}


#about #midcol, #about #rightcol, #give #midcol, #give #rightcol, #programs #midcol, #programs #rightcol, #resident #midcol, #resident #rightcol, #contact #midcol, #contact #rightcol,
#statistics #midcol, #statistics #rightcol
{
	border-width: 0px;
	border-style: none;
}



/* `Clear Floated Elements 
----------------------------------------------------------------------------------------------------*/ 

/* http://sonspring.com/journal/clearing-floats */ 

.clear { 
clear: both; 
display: block; 
overflow: hidden; 
visibility: hidden; 
width: 0; 
height: 0; 
} 

/* http://www.positioniseverything.net/easyclearing.html */ 

.clearfix:after { 
clear: both; 
content: '.'; 
display: block; 
visibility: hidden; 
height: 0; 
} 

.clearfix { 
display: inline-block; 
} 

* html .clearfix { 
height: 1%; 
} 

.clearfix { 
display: block; 
} 

/* apply div elements (on resident page) */

#apply	#blue	{
	color: #1d1f5d;
	font-size: 14px;
}

#apply p, #apply ul	{
	margin-left: 20px;
	margin-right: 15px;
	list-style-image: none;
	list-style-type: none;
}

#contentwrapper #apply li	{
	background: none;
	list-style-image: url(../images/global/blue-bullet.gif);
	list-style-type: none;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

 #contact #networkgood		{
	float: right;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}

#contact .sub-feature p	{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#contact .sub-feature hr	{
	margin-top: 10px;
}

#contact #midcol	{
	font-size: 16px;
	color: #4f4e4e;
	line-height: 26px;
}

#contact #midcol a:link, #contact #midcol a:visited	{
	color: #4f4e4e;
	text-decoration: underline;
	}

#contact #midcol a:hover	{
	color: #000000;
}
.bold{
	font-weight: bold;
}
#click-for-stories{
	margin: 0px;
	padding: 0px;
}