/* Main body */

body {
	/*background: #fff url(images/page_bg.jpg) bottom center repeat-x ;*/
	color: #4e4e4e; 
	font: 76% Helvetica, Arial, sans-serif; 
	margin: 0 auto; 
	padding: 0;
	}
	
#wrap {
	color: #404040;
	margin: 0 auto;
	width: 960px;
	}

/* Basic tags */
a {
	color: #090; 
	text-decoration: none;
	outline: none;
	}
	
a:hover {
	color: #690;
	}
	
a img {
	border: 0;
	}
	
p {
	margin: 0 0 1.4em 0;
	}

/* Header */
#header {
	height: 87px;
	margin: 40px 10px 30px 10px;
	padding: 0;
	width: 940px;
	}
	
#header h1 {
	background-color:inherit;
	color:#505050;
	float:left;
	font-size:2.5em;
	margin:0 0 10px;
	width:350px;
}
#header h1 a {background-color:inherit; color:#505050; text-decoration:none;}
#header p {float:right; font-weight:700; line-height:1.3em; margin:8px 0 0; text-align:center; width:400px;}
#frontphoto {border:0; margin:0 0 10px;}

ul#toplinks {
	height: 17px;
	width: 128px;
	margin: 40px 0 30px 0;
	float: right;
	list-style: none;
	padding: 0;
	overflow: auto;
	}

ul#toplinks li a {
	display: block;
	float: left;
	background-image: url(images/toplinks.png);
	text-indent: -9999px;
	}

ul#toplinks li a.home {
	width: 57px;
	background-position: 0 0;
	}

ul#toplinks li a.home:hover,
ul#toplinks li a.home:focus {
	width: 57px;
	background-position: 0 -17px;
	}

ul#toplinks li a.contact {
	width: 70px;
	background-position: -57px 0;
	}

ul#toplinks li a.contact:hover,
ul#toplinks li a.contact:focus {
	width: 70px;
	background-position: -57px -17px;
	}

#navcontainer {
	height: 70px;
	margin: 10px 0;
	width: 960px;
	float: left;
	}
	
#splash {
	height: 346px;
	margin: 0 0 31px 0;
	width: 960px;
	float: left;
	background: top left no-repeat url(images/splash.png);
	}
	
.slideshow {
	height: 277px;
	width: 450px;
	margin: 31px 21px 38px 489px;
	background: white;
	}

#banner {
	width: 960px;
	height: 305px;
	float: left;
	margin: 0 0 20px 0;
	}

/* Columns */

#left {
	width: 160px;
	float: left;
	margin: 0 0 0 10px;
	}

#middle {
	width: 520px;
	float: left;
	margin: 0 10px 20px 20px;
	}
	
#middle h1 {
	color: #090;
	font-size: 1.4em;
	margin: 0 0 0.5em 0;
	}
	
#middle h2 {
	color: #090;
	font-size: 1.2em;
	margin: 1.4em 0 1em 0;
	}

#middle h3 {
	color: #090;
	font-size: 1.1em;
	margin: 1.2em 0;
	}

#middle p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 1em 0;
	}

#middle li {
	font-size: 1.1em;
	line-height: 1.4em;
	}

.column {
	width: 240px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
.column h1 {
	color: #7c7c7c;
	font-size: 1.3em;
	margin: 0 0 10px 10px;
	}
	
.column h2 {
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 0 10px;
	font-style: italic;
	font-weight: bold;
	}
	
.column p {
	font-size: 1em;
	margin: 10px;
	line-height: 1.5em;
	}
	
#col1 h2,
#col1 h2 a,
#col1 h2 a:hover {
	color: #09f;
	}
	
#col2 h2,
#col2 h2 a,
#col2 h2 a:hover {
	color: #f90;
	}
	
#col3 h2,
#col3 h2 a,
#col3 h2 a:hover {
	color: #c00;
	}

.donate {
	margin: 0 0 15px 0;
	}

.front {
	margin-top: 30px;
	padding-bottom: 15px;
	}

.box { 
	margin-bottom: 20px;
	border: 4px solid #ccc;
	float: left;
	width: 472px;
	}

a.box:hover	  { 
	border: 4px solid #090;
	float: left;
	}

#middle .box h2 {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	}

#middle .box p {
	margin-bottom: 0;
	float: left;
	padding: 0;
	}
	
hr {
	color: #ccc;
	z-index: 100;
	margin: 1em 0;
	padding: 0;
	}

.pullquote {
	font-size: 1.1em;
	background: url(images/pull_quote.jpg) top left no-repeat;
	padding: 35px 35px 15px 35px;
	}

#middle .pullquote p {
	padding: 0;
	margin: 0 0 1em 0;
	}

.counties {
	width: 520px;
	float: left;
	}

.counties:after {
	content: '.';
	display: block;
	height: 1%;
	visibility: hidden;
	clear: both;
	}

.counties ul {
	float: left;
	margin: 0 50px 0 0;
	padding: 0;
	clear: right;
	}

.counties li {
	list-style: none;
	}
	
#logolist {
	padding: 0;
	margin: 0;
	width: 518px;
	float: left;
	}

#logolist li {
	list-style: none;
	display: inline;
	width: 172px;
	height: 135px;
	line-height: 135px; /* vertical centrering! */
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 0;
	}

#logolist li a {
	padding: 0;
	margin: 0;
	}

	
/*Left and right sidebar */
#leftside {clear:left; float:left; margin:0 0 5px; padding:0; width:140px;}
#rightside {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}
#leftside p,#leftside ul, #rightside p,#rightside ul {margin:0 0 16px; padding:0;}
#leftside p, #rightside p {font-size:0.9em; line-height:1.4em;}

#leftnav {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
	}

#leftnav li,
#left dt {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	border-top: 1px solid #ccc;
	font-size: 1.1em;
	line-height: 2.3em	
	}

#leftnav li a,
#left dt a { 
	font-weight: 700;
	color: #090; 
	text-decoration: none; 
	}

#leftnav li a:link { color: #090; }
#leftnav li a:visited { color: #090; }

#leftnav li a:hover {
	color: #690;
	}

#left dl,
#left dl dd {
	padding: 0;
	margin: 0;
	}

#left dl dd ul {
	padding-left: 10px;
	border-top: 1px solid #ccc;
	}

#left dl dd ul li {
	list-style: none;
	color: red;	
	padding: 8px 5px 7px 15px;
	}
	
#leftnav li ul a:link { color: red; font-size: 0.9em;}
#leftnav li ul a:visited { color: blue; }

#leftnav li ul a:hover {
	color: yellow;
	}
	
#sm { /* Social Media Icons Container Div */
	float: left;
	}

/*
#leftside li, #rightside li {line-height:1.2em; list-style:none; margin:0 0 6px; padding:0;}
#leftside ul ul, #rightside ul ul {margin:6px 0 0 10px; padding:0;}
#leftside ul ul li, #rightside ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #rightside ul ul li a {font-weight:400;}
#leftside h2,#leftside h3, #rightside h2,#rightside h3 {color:#505050; font-size:1.2em; margin:0 0 8px; padding:0;}
*/

/* 
Main menu 
#leftside ul.avmenu, #rightside ul.avmenu {display:block; list-style:none; margin:0 0 18px 0; padding:0; width:140px;}
#leftside ul.avmenu li, #rightside ul.avmenu li {display:inline; line-height:1.4em; padding:0; width:140px;}
#leftside ul.avmenu li a, #rightside ul.avmenu li a {background-color:#f4f4f4; border-left:4px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current, #rightside ul.avmenu li a:hover,#rightside ul.avmenu li a.current {background-color:#eaeaea; border-left:4px solid #286ea0; color:#505050;}
#leftside ul.avmenu ul, #rightside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
#leftside ul.avmenu ul a, #rightside ul.avmenu ul a {font-weight:400; padding:3px 1px 3px 5px; width:115px;}
#leftside ul.avmenu ul ul, #rightside ul.avmenu ul ul {width:113px;}
#leftside ul.avmenu ul ul a, #rightside ul.avmenu ul ul a {width:100px;}
*/

/* Main content 
#content {
}
#contentwide {border-left:1px solid #e0e0e0; line-height:1.5em; margin:0 0 5px 150px; padding:0 0 0 10px;}
#contentwide2 {border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 150px 5px 0; padding:0 10px 0 0;}
#content h2,#contentwide h2,#contentwide2 h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3,#contentwide2 h3 {font-size:1.3em; margin:0 0 8px;}
#content img,#contentwide img,#contentwide2 img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px;}
#content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol {margin:0 0 16px 20px; padding:0;}
#content li,#contentwide li,#contentwide2 li {margin:0; padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;}
*/
/* Footer */

#footer_wrapper {
	width: 100%;
	margin: 0 auto;
	float: left;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-color: #6ba618;
	padding: 50px 0 15px 0;
	}

#footer {
	clear:both;
	color: #fff;
	margin:0 auto;
	width: 940px;
	font-size: 1.1em;
	}
	
#footer h1 {
	font-size: 1.2em;
	margin: 0 0 5px 0;
	}

#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
	}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
	}

#footer p {
	margin: 0; 
	padding: 0; 
	line-height: 2em;
	text-align: center;
	}


#footer ul {
	list-style: none;
    float: left;
	margin: 0;
	padding: 0;
	}
	
#footer li {
	padding: 5px;
}

#footer hr {
	border-color: #fff;
	background-color: #fff;	
	}

/* Additional classes */

div.bg-image {
	padding: 0 0 0 169px;
	background: url(images/girl_smiling.jpg) top left no-repeat;
	border-bottom: 1px solid grey;
	}

div.hr {
	color: #fff;
	padding: 10px 0;
	}

.left {
	float:left;
	margin: 3px 15px 20px 0;
}
.left2 {float:left; margin: 3px 10px 0 0;}

.left3 {
	float:left;
	margin: 0 10px 0 0;
	}

.right {
	float:right; 
	margin:15px 0 2px 10px;
	}

.right2 {
	float:right; 
	margin: 0;
	}

.active {
	}

.caption {
	color: #666;
	font-size: 1em;
	display: block;
	padding: 5px 0;
	}

#middle p.caption {
	margin-top: 0;
	font-size: 1em;
	font-weight: bold;
	}

.textright {text-align:right; margin:5px 0;}
.center {text-align:center;}
.small {font-size:0.8em;}
.bold {font-weight:700;}
.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
.timestamp a {font-weight:400;}
.announce {background-color:#f4f4f4; border-left:4px solid #ccc; clear:left; color:#505050; font-size:0.9em; line-height:1.5em; margin:10px 0 15px; padding:7px 5px 2px 5px; width:126px;}
.announce p {margin:10px 0 0; padding:0;}
.postinfo {background-color:#f4f4f4; border-left:4px solid #ccc; color:#606060; font-size:0.9em; line-height:1.4em; margin:1px 0 20px; padding:8px 5px 8px 8px;}
.clearing {clear:left; margin:0; padding:0; visibility:hidden;}
.hide {display:none;}

#leftside {
	padding-left: 20px;
	width: 150px;
	background-color: #0F6;
	}


.announce {
	width: 106px;
	display: none;
	}

input.text, textarea, select { border: 1px solid #aaa; }

table, td, th {
	border-collapse: collapse;
	}

#middle table p {
	margin-top: 0;
	}

table.news_table tr td p {
	margin: 0 0 0.5em 0 !important;
	font-size: 1em !important;
	}

table.news_table tr td h2 {
	margin: 0 0 0.5em 0 !important;
	}

td, th
{
	vertical-align: top;
	padding: 0.5em 0.2em;
	margin: 0;
	}

table.news_table td,
table.news_table th {
	padding: 0;
	}

th
{
	text-align: left;
	vertical-align: bottom;
}

table.paypal td,
table.paypal tr {
	vertical-align: middle;
	}

table.paypal td.l {
	padding: 20px 10px 20px 20px;
	}

table.paypal td.r {
	padding: 20px 20px 20px 10px;
	}

#middle table.paypal h1 {
	margin: 0;
	}

form { margin: 0; }
form table { margin: 0 auto; }

form table, form th, form td
{
	border: none;
	vertical-align: bottom;
}

form th, form td
{
	padding: 0.5em;
	border: none;
	vertical-align: top;
}

form.request {
	float: left;
	}

label
{
	display: block;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}

label { text-align:left; display:inline-block;}

.expanded {
	width: 960px !important;
	margin-left: 10px !important;
	}


ul#news {
	margin: 0 !important;
	padding: 0 !important;
	padding-left: 0;
		list-style: none;
}

ul#news h2 {
	margin-top: 0;
	}

#middle #news li {
	font-size: 1em;
	list-style: none;
	margin:  0 0 15px 0;
	padding: 0;
	border-bottom:1px solid #CCCCCC;
	}

#videocontainer {
	position: relative;
	top: -10px;
	}

