

/*columns for better content separation*/
.one_fifth	{	overflow: hidden; margin-left: 4%; width:16.5%; float:left;	position:relative; display:inline;}
.one_fourth	{	overflow: hidden; margin-left: 4%; width:22%;  float:left; 	position:relative; display:inline;}
.one_third	{	overflow: hidden; margin-left: 4%; width:30%; float:left; 	position:relative; display:inline;}
.two_fifth	{	overflow: hidden; margin-left: 4%; width:38.5%; float:left;	position:relative; display:inline;}
.one_half	{	overflow: hidden; margin-left: none; margin-right: none; width:49%; float:left; position:relative; display:inline;}
.three_fifth{	overflow: hidden; margin-left: 4%; width:57%; float:left; 	position:relative; display:inline;}
.two_third	{	overflow: hidden; margin-left: 4%; width:66%; float:left; 	position:relative; display:inline;}
.three_fourth{	overflow: hidden; margin-left: 4%; width:74%; float:left; 	position:relative; display:inline;}
.four_fifth	{	overflow: hidden; margin-left: 4%; width:79%; float:left; 	position:relative; display:inline;}



* {

	margin: 0px;

	padding: 0px;

}



body {

	background: #FFF;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



p {

	padding: 5px 0 5px 0;

	font-size: 12px;

	line-height: 20px;

}

p.board {
	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9.5px;
	line-height: 12px;

}

h1 {

	font-family: Impact, Charcoal, sans-serif;

	font-size: 30px;

	font-weight: lighter;

	color: #FFFFFF;

	margin: 5px 5px 20px 5px;

}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}



#wrapper {

	position:absolute;

	overflow: hidden;

	left:50%;

	width:1000px;

	margin-left:-500px;

	

}

	#innerwrapper {

		float: right;

		width: 1000px;

	}

	#finalwrapper {

		float: left;

		width: 1000px;

		padding: 0 0 30px 0;

	}



#header {

	width: 258px;

	height: 140px;

	float: left;

	background: url(images/bg_logo.jpg) no-repeat;

	cursor: pointer;

}





#email_signup {

	width: 665px;

	height: 100px;

	margin: 0 0 0 0;

	float: right;

}

		



#nav {

	width: 727px;

	height: 40px;

	margin: 0 0 0 0;

	float: right;

}

	.page_item {

		list-style-type: none;	

	}

	#nav_items ul {

		float: left;

		

	}

	#nav_items li {

		display: inline;

		float: left;

		color: #606060;

		margin: 0 6px 0 3px;

		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

		font-size: 12px; 

		letter-spacing : -1px;

	}

	#nav_items a, #nav_items a:visited {

		color: #606060;

		text-decoration: none;

	}

	#nav_items a.activelink {

		color: #000000;

		font-weight: bolder;

		text-decoration: none;

	}

	#nav_items a:hover {

		color: #000;

		text-decoration: underline;

	}

#subnav {

	width: 650px;

	height: 20px;

	margin: 0 0 0 0;

	float: right;

}

	.subpage_item {

		list-style-type: none;	

	}

	#subnav_items ul {

		float: left;

		

	}

	#subnav_items li {

		display: inline;

		float: left;

		color: #606060;

		margin: 0 8px 0 8px;

		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

		font-size: 14px; 

		letter-spacing : -1px;

	}

	#subnav_items a, #subnav_items a:visited {

		color: #606060;

		text-decoration: none;

	}

	#subnav_items a.activelink {

		color: #000000;

		font-weight: bolder;

		text-decoration: none;

	}

	#subnav_items a:hover {

		color: #000;

		text-decoration: underline;

	}



#home_content {

	width: 1000px;

	float: left;

}

	#home_rotator {

		width: 670px;

		height: 268px;

		float: left;

		background: url(images/rotator.jpg) no-repeat;

	}

	#home_mission {

		width: 330px;

		height: 268px;

		float: left;

		background: url(images/bg_home_mission.jpg) no-repeat;

	}

	#home_donate {

		width: 335px;

		height: 175px;

		float: left;

	}

	#home_links {

		width: 665px;

		height: 175px;

		float: left;

	}







#allcontent{

	width: 1000px;

	float: left;

	overflow: hidden;

	padding: 0 0 0 0;

	padding: 0 0 30px 0;

}



#sidebar {

	float: left;

	width: 335px;

	margin: 8px 0 0 0;

}



	#sidebar h1 {

		font-family: Impact, Charcoal, sans-serif;

		font-size: 18px;

		font-weight: lighter;

		color: #000000;

		margin: 15px 5px 0 10px;

		}

		

	#sidebar h2 {

		font-family: Impact, Charcoal, sans-serif;

		font-size: 18px;

		font-weight: lighter;

		color: #0d84bb;

		margin: 15px 5px 5px 10px;

		}

	

	.sidebar_links {

		margin: 0 5px 0 15px;

		font-size: 11px;

	}

	#sidebar a, a:visited {

		color: #585858;

		text-decoration: none;

	}

	#sidebar a:hover {

		color: #540e0e;

		text-decoration: underline;

	}

	

	#left_nav {

		float: left;

		width: 175px;

	}

		#left_nav li {

			font-family: "Trebuchet MS", Verdana;

			font-size: 12px;

			font-weight: lighter;

			color: #FFFFFF;

			list-style-type: none;

			margin: 0 0 0 20px;

		}

		#left_nav h1 {

			font-family: Impact, Charcoal, sans-serif;

			font-size: 14px;

			font-weight: bolder;

			color: #FFFFFF;

			margin: 20px 0 0 15px;

		}

		#left_nav a, #left_nav a:visited {

			color: #FFFFFF;

			text-decoration: none;

		}

		#left_nav a:hover {

			color: #a29645;

			text-decoration: underline;

		}

		

	

	

#right_content {

	width: 650px;

	min-height: 874px;

	float: right;

	margin: 8px 0 0 0;

	padding: 0 0 100px 0;

	background: #e2287b;

}



#inner_content {

	width: 595px;

	float: left;

	margin: 10px 0 0 20px;

	font-size: 12px;

}

	#inner_content .post {

		margin: 10px 0 0 10px;

		padding: 0 0 10px 0;

		border-bottom: 1px dotted #999999;

		width: 575px;

	}

	#inner_content h1 {

		font-family: Impact, Charcoal, sans-serif;

		font-size: 30px;

		font-weight: lighter;

		color: #FFFFFF;

		margin: 5px 5px 20px 5px;

	}

	#inner_content h2 {

		font-family: Verdana, Arial, Helvetica, sans-serif;

		font-size: 18px;

		font-weight: lighter;

		color: #000000;

		margin: 20px 5px 0 15px;

		letter-spacing : -1px;

	}

	#inner_content h3 {

		font-size: 14px;

		font-weight: bolder;

		color: #FFFFFF;

		margin: 20px 5px 0 15px;

	}

	#inner_content p {

		margin: 5px 5px 0 15px;

	}

	

	#inner_content ul {

		margin: 10px 5px 0 15px;

	}

	#inner_content li {

		margin: 3px 5px 0 15px;

	}

	

	#inner_content .entry {

		margin: 10px 5px 0 15px;

		padding: 0 0 10px 0;

		width: 575px;

	}

	.postmetadata {

		font-family: Impact, Charcoal, sans-serif;

		font-size: 11px;

		font-weight: lighter;

		color: #0066CC;

		margin: 0 0 20px 0;

	}

	#inner_content a, #inner_content a:visited {

		color: #FFFFFF;

		text-decoration: underline;

		font-weight: bolder;

	}

	#inner_content a:hover {

		color: #000000;

		text-decoration: underline;

		font-weight: bolder;

	}

	

		#donna_james {

			width: 650px;

			height: 275px;

			float: left;

			background: url(images/donna-james.jpg) no-repeat;

		}

			#donna_james_inner {

				width: 640px;

				float: right;

				margin: 10px 0 0 0;

			}









#footer {

	width: 1000px;

	float: left;

	text-align: center;

	margin: 20px 0 0 0;

}

	#footer h3 {

		margin: 10px 0 50px 0;

		color: #767676;

		font-size: 12px;

		font-weight: lighter;

	}

	#footer a, a:visited {

		color: #767676;

		text-decoration: none;

	}

	#footer a:hover {

		color: #767676;

		text-decoration: underline;

	}

	#footer ul {

		margin: 15px 0 0 0;

	}

	#footer li {

		list-style-type: none;

		display: inline;

		margin: 0 15px;

	}

	

	





/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}

/* End Entry Lists */





/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* End Various Tags & Classes*/







/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */
