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

html {
	margin: auto;
	height: auto;
	}

body {
	margin: auto;
	position: relative;
	height: auto;
	background: #356798 url(images/background.jpg) repeat-x;
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	}
	
#container {
	position: relative;
	width: 820px;
 	margin: 20px auto;
	padding: 10px 20px 20px 0;
	height: 100%;
	overflow: hidden;
	background: #003f1a;
	border: 1px solid #253487;
	}
	
#container #header {
	width: 820px;
	height: 99px;
 	float: left;
	margin: 0;
	padding: 0;
	}
	
#container #header img {
	border: none;
	}
	
.donate {
	position: absolute;
	right: 25px;
	top: 37px;
	}
	
.donate img {
	border: none;
	}
	
#container #container2 {
	position: relative;
	width: 798px;
	height: 100%;
	margin: 0 0 0 20px;
	float: left;
	clear: both;
	overflow: hidden;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #fff;
	}

 * html #container #container2 {
	margin-left: 10px;
	}
	
#container #container2 #collage {
	width: 798px;
	height: 152px;
 	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #FFF;
	}
	
#container #container2 #leftcol {
	width: 198px;
 	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	}
	
#container #container2 #leftcol p {
	width: 188px;
 	float: left;
	clear: both;
	margin: 0;
	padding: 5px;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	}
	
#container #container2 #midcol {
	width: 365px;
 	float: left;
	margin: 0;
	padding: 10px 30px;
	font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
#container #container2 #midcol p {
	margin: 0 0 .8em 0;
	font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	}
	
#container #container2 #midcol h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #253487;
	margin-top: 2em;
	margin-bottom: 1em;
	}
	
#container #container2 #midcol h2.first {
	margin-top: 0;
	}
	
#container #container2 #midcol img {
	float: left;
	border: none;
	margin: 0 6px 6px 0;
	padding: 0;
	}
	
.announcement {
	width: 320px;
	margin: 20px 0;
	padding: 20px;
	border: 2px solid #253487;
	}	
	
#container #container2 #rightcol {
	width: 175px;
 	float: left;
	margin: 0;
	padding: 0;
	}
	
#container #container2 #rightcol p {
	margin: 0;
	font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
#container #container2 #rightcol .bar {
	width: 171px;
	margin: 10px 0 0 0;
	padding: 2px;
	text-align: center;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #253487;
	}
	
#container #container2 #rightcol .box1 {
	width: 161px;
	margin: 30px 0 20px 0;
	/*border: 2px solid #003f1a;*/
	padding: 0;
	font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #003f1a;
	}
	
#container #container2 #rightcol .box1 h2 {
	margin: 0 0 .2em 0;
	color: #003f1a;
	font: bold 1.5em/2em Verdana, Arial, Helvetica, sans-serif;
	}
	
#container #container2 #rightcol .box1 p {
	margin: 0 0 .6em 0;
	color: #003f1a;
	font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	}
	
/*NAV STYLES*/

#nav {
	width: 198px;
	float: left;
	}

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

#nav li {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #dcdcdc;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	background: #dcdcdc;
}

#nav li.on {
	margin: 0;
	padding: 5px;
	color: #000;
	font-weight: bold;
}

#nav a:link {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #dcdcdc;
	text-decoration: none;
	background: #003f1a;
	margin: 0;
	padding: 5px;
	display: block;
}

#nav a:visited {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #dcdcdc;
	text-decoration: none;
	background: #003f1a;
	margin: 0;
	padding: 5px;
	display: block;
}


#nav a:hover {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #dcdcdc;
	text-decoration: none;
	background: #253487;
	margin: 0;
	padding: 5px;	
	display: block;
	}
	
#nav a:active {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #dcdcdc;
	text-decoration: none;
	background: #253487;
	margin: 0;
	padding: 5px;
	display: block;
	}
	
.leftnav_pic_header {
	width: 192px;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
	padding: 0 3px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #003f1a;
	}

.leftnav_pic {
	width: 198px;
	float: left;
	clear: both;
	margin: 8px 0 0 0;
	}
	
.leftnav_pic_link {
	width: 192px;
	float: left;
	clear: both;
	margin: 2px 0 0 0;
	padding: 0 3px;
	font: normal 1em Arial, Helvetica, sans-serif;
	}

#blog {
margin-top: 20px;
}

#blog .feedburnerFeedBlock {
	margin: 20px 0 0 0;
	padding: 0;
	}
	
#blog p.headline {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
#blog p.headline a:link {
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	
#blog p.headline a:visited {
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	
#blog p.headline a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	
#blog p.headline a:active {
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	
#blog p.feedTitle {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
#blog p.feedTitle a:link {
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	
#blog p.feedTitle a:visited {
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	
#blog p.feedTitle a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	
#blog p.feedTitle a:active {
	font: bold 12px Arial, Helvetica, sans-serif;
	}

#blog p.date {
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #666;
	}
	
	
#blog ul {
	margin: 0;
	padding: 0 12px;
	}
	
#copyright {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	width: 800px;
	text-align: center;
	margin: 10px 0 0 0;
	}
	
#copyright a:link {
	color: #CCC;
	text-decoration: underline;
	}
	
#copyright a:visited {
	color: #CCC;
	text-decoration: underline;
	}
	
#copyright a:hover {
	color: #CCC;
	text-decoration: underline;
	}
	
#copyright a:active {
	color: #CCC;
	text-decoration: underline;
	}