@import url(reset.css);

body{ 
	text-align: center; 
	background-image: url(i/main_bg.jpg); 
	background-repeat:repeat-y;
	background-position: center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

a img{
	border:none;
}

#wrapper{ 
	margin:0 auto; 
	text-align: left;
	width: 850px;
	position: relative; 
	overflow:auto; 
}

#header{
	float: left;
	width: 850px;
	height: 158px;
	background-repeat:no-repeat;
	background-image: url(i/aftw_banner.jpg);
}

/*#header .homeImage{
	margin-top: 151px;
}*/

#header .logo{
	position: absolute;
	padding: 21px 0 10px 28px;
}

/* NAVIGATION */

#nav{
	float: left;
	margin: 0px 15px;
	width: 170px;
	height: 324px;
	background-image: url(i/nav_bg.jpg);
	background-repeat: repeat-x;
	background-color:#fff;
}

#nav ul{
	display: block;
	float:left;
}

#nav ul li a{
	display:block;
	height:20px;
	width: 160px;
	text-indent: -9009px; 
	background-position: top left;
	margin: 5px 0 0 5px;
}

#nav ul li#nav0 a{
	background-image: url(i/nav_home.png);
}

#nav ul li a:hover{
	background-position: bottom left;
}

#nav ul li#nav1 a{
	background-image: url(i/nav_ourPurpose.png);
}

#nav ul li#nav2 a{
	background-image: url(i/nav_ourStaff.png);
}

#nav ul li#nav3 a{
	background-image: url(i/nav_photos.png);
}

#nav ul li#nav4 a{
	background-image: url(i/nav_events.png);
}

#nav ul li#nav5 a{
	background-image: url(i/nav_contactUs.png);
}

#nav ul li#nav6 a{
	background-image: url(i/nav_donate.png);
}

#nav ul li.current a{
	background-position: bottom left;
}

/* HOME */
#homeMainContent{
	float: left;
	width: 635px;
	margin-right: 15px;
	margin-bottom: 40px;
	background-color: #fff;
}

#homeMainContent h1{
	color:#889f7d;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:lighter;
	line-height:22px;
	padding: 0px 15px 20px 0px;
}

#homeMainContent .homeColA, #homeMainContent .homeColB {
	width: 195px;
	height: 375px;
	float: left;
	margin-right: 25px;
	line-height:17px;
	color:#3d2d00;
}

/*#homeMainContent .homeColA p, #homeMainContent .homeColB p, #homeMainContent .homeColC p {
	padding: 0 0 10px 16px;
}*/

#homeMainContent .homeColC {
	width: 195px;
	height: 375px;
	float: left;
	line-height:17px;
	color:#3d2d00;
}

#homeMainContent .homeFlashText {
    float: left;
    width: 140px;
    margin-top: 15px;
	line-height:17px;
	color:#3d2d00;
}

#homeMainContent .homeFlash {
    float: right;
    width: 484px;
}

#homeMainContent .homeFlash #flashcontent{
    margin-top: 0px;
}

#homeMainContent .homeFlash p {
    color:#3D2D00;
    float:left;
    font-size:11px;
    font-style:italic;
    line-height:1.2em;
    padding: 0px 15px;
}

#subnav{
	float: left;
	width: 237px;
	background-color: #999;
}

#footer{
	float:left;
	background-color: #a8c399;
	clear: both;
	width:850px;
}

#footer p{
	text-align: right;
	padding: 10px 15px;
	color:#3d2d00;
}
/* SECONDARY */

#mainContent{
	float: left;
	width: 650px;
	margin-bottom: 40px;
	background-color: #fff;
}

#mainContent h2, #mainContent h3, #mainContent h4 {
	color:#3d2d00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	padding: 0px;
}

#mainContent h2{
	font-size:20px;
	line-height:24px;
	margin-bottom: 15px;
}

#mainContent table{
	margin-left: 0px;
	padding-top: 5px;
}

#mainContent table tr td{
	padding: 3px;
}

#mainContent h3{
	font-size:15px;
	line-height:18px;
	padding-bottom: 2px;
	font-weight:bold;
}

#mainContent h4, #mainContent strong{
	font-size:13px;
	line-height:17px;
	font-weight:bold;
}

#mainContent .colA{
	width: 490px;
	float: left;
	line-height:19px;
	color:#3d2d00;
}

#mainContent .colA p, #mainContent .colA ul, #mainContent .colA blockquote{
	padding: 0 10px 15px 0px;
}

#mainContent .colA blockquote{
	font-style:italic;
	color:#8B603F;
	margin-left: 20px;
}

#mainContent .colA ul li{
	list-style:square;
	margin-left: 30px;
}

#mainContent .colB{
	width: 160px;
	float: left;
}

#mainContent .colB img{
	padding: 47px 0 0 0;
}

#mainContent h3 a{
	color: #889f7d;
	text-decoration:none;
	font-size:15px;
}

#mainContent h3 a:hover{
	text-decoration:underline;
}

#mainContent .colA .post h4, #mainContent .colA .singleDate{
	padding: 8px 25px 5px 16px;
	font-weight: normal;
}

.entry a{
	text-decoration:none;
	color: #889f7d;
}

.entry a:hover{
	text-decoration:underline;
	color: #889f7d;
}

#pics {
    position: relative;
    clear: both;
    margin-left: 90px;
}

.pic1 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 318px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.pic2 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 323px;
    padding-bottom: 10px;
}

.pic3 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 320px;
    padding-bottom: 10px;
}

.pic1, .pic2, .pic3 {
    clear: both;
}

.caption {
    width: inherit;
    text-align: center;
    font-size: 10px;
    line-height: 13px;
}