@import url(reset.css);

body {
	background: #363 url(../images/bg.jpg) center 12px no-repeat;
	font: 100% Helvetica, Arial, sans-serif;
}

a { color: #07643c; }

h2 {
	color:#07643c;
	font-size: 1.5em;
	padding: .8em 0;
}

h3 {
	color: #07643c;
	font-size: 1.2em;
	padding: .6em 0 .4em;
}

p {
	line-height: 1.5em;
	padding-bottom: 1.3em;
}

small { font-size: .75em; }

ul, ol {
	padding: 0 0 1.2em;
	margin: 0 0 0 30px;
	}
	ul { list-style-type: disc; }
	ol { list-style-type: decimal; }
	ul li, ol li { padding-bottom: .8em; }

/*-----PAGE LAYOUT-----*/

#container {
	margin: 15px auto 0;
	padding-top: 152px;
	width:925px;
	position: relative;
	font-size: .8em;
}

#menu {
	position: absolute;
	top: 0;
	left: 0;
}

#content {
	margin:0 auto;
	width:800px;
}

#logo {
	position: absolute;
	top: 88px;
	left: 649px;
}


/*---layout_A---*/

	#leftCol_A {
		background: url(../images/pic_forests-large.jpg) no-repeat;
		float:left;
		width: 500px;
		height: 400px;
	}
	
	#rightCol_A {
		background: url(../images/bg_content_intro.jpg) no-repeat;
		float:left;
		width: 264px;
		height: 400px;
		padding: 0 18px;
		}
		#rightCol_A #header {
			height: 78px;
		}
		#rightCol_A #copy {
			height:300px;
		}

/*---layout_B---*/

	#leftCol_B {
		float:left;
		width: 310px;
		height: 400px;
		}
		.default_bg_B { background: url(../images/pic_forests-small.jpg) no-repeat; }
		.grasshead_bg_B { background: url(../images/pic_grasshead-small.jpg) no-repeat; }
		.mainefall_bg_B { background: url(../images/pic_mainefall-small.jpg) no-repeat; }
		.pinktree_bg_B { background: url(../images/pic_pinktree-small.jpg) no-repeat; }	
		.branch_bg_B { background: url(../images/pic_branch-small.jpg) no-repeat; }	
		.butterfly_bg_B { background: url(../images/pic_butterfly-small.jpg) no-repeat; }	
		.bigbird_bg_B { background: url(../images/pic_bigbird-small.jpg) no-repeat; }	
		.grassyhill_bg_B { background: url(../images/pic_grassyhill-small.jpg) no-repeat; }			
		.mountainview_bg_B { background: url(../images/pic_mountainview-small.jpg) no-repeat; }			
		.calgary_bg_B { background: url(../images/pic_calgary-small.jpg) no-repeat; }				
		.pledgecard_bg_B { background: url(../images/pic_pledgecard-small.jpg) no-repeat; }
		.redtree_bg_B { background: url(../images/pic_redtree-small.jpg) no-repeat; }			

	#rightCol_B {
		background: url(../images/bg_content.jpg) no-repeat;
		float:left;
		width: 454px;
		height: 400px;
		padding: 0 18px;
		}
		#rightCol_B #copy {
			height: 335px;
		}
		
/*---Program---*/
	#leftCol_program {
		float:left;
		width: 310px;
		}
		#leftCol_program #image {
			width: 305px;
			height: 400px;
			overflow: auto;
		}
		#leftCol_program #page_switch {
			color: #07643c;
			padding: 4px 30px;
			text-align: right;
			}
			#leftCol_program #page_switch a { color: #07643c; }
			#leftCol_program #page_switch a.active { text-decoration: none; cursor: default; }


#footer {
	width: 800px;
	margin: 0 auto;
	text-align: right;
	padding-top: 12px;
	font-size: .9em;
	color: #07643c;
}

#copy {
	color: #464545;
	overflow:auto;
	padding: 0 6px 0 0;
}


.staff_member {
	padding-bottom: 24px;
	float: left;
	}
	.staff_member .staff_pic { display: block; float: left; width: 120px; }
	.staff_member .staff_info { width: 308px; float: left; }
	.staff_member h3 {
		color: #07643c;
		font-size: 1.1em;
		padding: 0 0 .4em;
		}
		.staff_member h3 span { color: #464545; padding-left: 12px; font-size: .7em; }

#contact_form {
	font-size: .9em;
	}
	#contact_form label { display: block; padding-bottom: 2px; }
	#contact_form .form_fields {
		padding-bottom: 12px;
		}
		#contact_form .form_fields input,
		#contact_form .form_fields textarea { display: block; width: 220px; font-size: 1em; color: #444; margin-bottom: 8px; }
		#contact_form .form_fields textarea { height: 120px; font: 1.1em Helvetica, Arial, sans-serif; padding: 2px; }
		
#loading { display: none; }


		
/*-----UTILITY CLASSES-----*/

.clearBoth {
	clear:both;
}

.error { color: #c00; }

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.h3 {
	color:#07643c;
	font-size:12px;
	font-weight:bold;
}

dl#faq {
	line-height: 1.5em;
	}
	dl#faq dt {
		font-weight: bold;
		font-size: 1.1em;
		color: #07643c;
		padding-bottom: 3px;
	}
	dl#faq dd {
		padding-bottom: 1.4em;
	}


/* Placeholder nav - delete when flash is in place */
#placeholder_nav {
	clear: both;
	padding-top: 80px;
	font-size: 1.1em;
	}
	#placeholder_nav ul {
		margin-left: 30px;
		list-style-type: circle;
		}
		
/* popup styles */
#popup {
	background-image: none;
	padding: 2%;
	}
	#popup #popup_content {
		border: 2px solid #fff;
		padding: 2%;
		font-size: .8em;
		background-color: #DFC570;
		color: #fff;
		}