/* CSS Document */

html, body {
	margin: 0 auto;
	background-color: #f0f0f0;
}

body {
	font-family: Arial, Helvetica, sans-serif; 	
	font-size: 12px; 							
	color: #000;
	line-height: 17px;
}

#whitebg {
	background: #fff url(/images/bg_main.gif) repeat-x;
		}
		
a, a:visited {
	color: #004e69;
	text-decoration: underline;
}

a:hover, a:active {
	color: #004e69;
	text-decoration: none;
}

#container {
	width: 850px;
	text-align: center;
	margin: 0 auto;
	overflow: auto;
}

	#logo {
		width: 300px;
		padding-top: 10px;
		float: left;
	}

	#tagline {
		float: right;
		width: 500px;
		padding: 82px 30px 0 0;
		text-align: right;
	}
	
#nav {
	clear: both;
	padding-top: 7px;
	}


	#nav ul {
	margin: 0;
	list-style: none;
	}

		#nav ul li {
			margin: 0;
			padding: 0 3px;
			display: inline;
		}	
		
		
#main {
	text-align: left;
	width: 820px;
	}
	
	#main-left {
		float: left;
		width: 525px;
		padding: 20px 0;
		}
		
	#main-right {
		float: right;
		padding: 9px 0 0 10px;
		width: 261px;
		}			
		
	#main-left ul {
			margin: 0;
			padding: 10px 0 0 20px;
			list-style: none;
			}
			
	#main-left ul li {
			background: url(/images/i_arrow-blue.gif) no-repeat;
			background-position: 0 .45em;
			padding: 0 0 0 18px;
			margin: 0;
			line-height: 20px;
			}
			
			
		.top-of-block {
			background: url(/images/bg_boyellow.gif) top left no-repeat;
			height: 20px;
			padding: 0;
			margin: 0;
			width: 261px;
		}
		
		.bottom-of-block {
			background: url(/images/bg_boyellow.gif) bottom left no-repeat;
			height: 20px;
			padding: 8px 0 0 0;
			margin: 0 0 10px 0;
			clear: both;
			width: 261px;
		}
		
		.block-text {
			background-color: #fcf5d5;
			font-size: 11px;
			clear: both;
	width: 261px;
	overflow: auto;
		}
		
				.block-text ul {
					margin: 0;
					padding: 0;
					list-style: none;
				
					}
			
				.block-text ul li {
					padding: 13px 0;
					margin: 0;
					line-height: 14px;
					background: none;
					border-bottom: dotted #417b1c 1px;
					margin: 0 16px;
					}
												
				.block-text  a, .block-text  a:visited {
					color: #3f791a;
					text-decoration:underline;
					}
		
				.block-text  a:hover, .block-text  a:active {
					color: #75b14e;
					text-decoration:underline;
					}
					
				.block-text .left {
					float: left;
					padding: 13px 0 0 16px;
					}

				.block-text .right {
					float: right;
					padding: 13px 16px 0 16px;
					}
		
			.news-title {
				color: #3f7a1a;
				font-size: 14px;
				text-align: center;
				font-weight: bold;
				}
				
#brochure {
	padding: 10px 0;
	}
	
	#blog {
		float: right;
		padding: 12px 14px 0 0;
		}


h1 {
		font-size: 15px;
		color: #004e69;
		display: block;
		font-weight: bold;
		padding: 20px 0 2px 0;
		margin: 0 0 15px 0;
		border-bottom: 1px #7fa6b4 solid;
		width: 95%;
	
		}
		
h2 {
		font-size: 15px;
		color: #004e69;
		display: block;
		font-weight: bold;
		padding: 20px 0 2px 0;
		margin: 0 0 15px 0;
		border-bottom: 1px #7fa6b4 solid;
		width: 65%;
		float: left;
		}
		
		
.top-of-pink {
		background: url(/images/bg_bopink.gif) top left no-repeat;
		height: 14px;
		padding: 0;
		margin: 0;
		width: 261px;
		margin-top: 10px;
		}
		
.bottom-of-pink {
		background: url(/images/bg_bopink.gif) bottom left no-repeat;
		height: 14px;
		padding: 8px 0 0 0;
		margin: 0 0 20px 0;
		clear: both;
		width: 261px;
		}
		
.pink-text {
			background-color: #e9d6cf;
			font-size: 11px;
			clear: both;
			width: 261px;
			overflow: auto;
				}
				
.pink-title {
				color: #914932;
				font-size: 14px;
				text-align: center;
				font-weight: bold;
				}
				
				.pink-text ul {
					margin: 0;
					padding: 0;
					list-style: none;
				
					}
			
				.pink-text ul li {
					padding: 8px 0;
					margin: 0;
					line-height: 12px;
					background: none;
					margin: 0 16px;
					}
												
				.pink-text  a, .pink-text  a:visited {
					color: #914932;
					text-decoration:none;
					}
		
				.pink-text  a:hover, .pink-text  a:active {
					color: #bb765f;
					text-decoration:underline;
					}
					
		.top-of-block2 {
			background: url(/images/bg_boyellow.gif) top left no-repeat;
			height: 20px;
			padding: 0;
			margin: 0;
			width: 261px;
		}
		
		.bottom-of-block2 {
			background: url(/images/bg_boyellow.gif) bottom left no-repeat;
			height: 20px;
			padding: 8px 0 0 0;
			margin: 0;
			clear: both;
			width: 261px;
		}
		
		.block-text2 {
			background-color: #fcf5d5;
			font-size: 11px;
			clear: both;
	width: 261px;
	overflow: auto;
		}
		
				.block-text2 ul {
					margin: 0;
					padding: 0;
					list-style: none;
				
					}
			
				.block-text2 ul li {
					padding: 8px 0;
					margin: 0;
					line-height: 12px;
					background: none;
					margin: 0 16px;
					}
												
				.block-text2  a, .block-text2  a:visited {
					color: #3f791a;
					text-decoration:none;
					}
		
				.block-text2  a:hover, .block-text2  a:active {
					color: #75b14e;
					text-decoration:underline;
					}
		

#footer {
	clear: both;
	width: 100%;
	text-align: center;
	color: #424242;
	font-size: 11px;
	padding: 10px 0 50px 0;
	}
	
.padleft {
	padding: 0 0 20px 10px;
	float: right;
	}
	
.bio-pics {
	float: left;
	padding: 0 7px 0 0;
	}
	
div.hr {
    clear: both;
    padding-top: 5px;
}

div.hr hr {
    display: none;
}

.donate-details {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 15px;
    text-align: right;
}