html {
	height: 100%;
}

body {
	background:#70a754 url(../images/bg.jpg) repeat-x top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	color: #145772;
}

h1 {
	font-family: Arial Narrow, Verdana, Helvetica, sans-serif;
	font-size: 23px;
	color: #3f8544;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

h1.home_bnr {
	font-family: Arial Narrow, Verdana, Helvetica, sans-serif;
	font-size: 31px;
	width:385px;
	color: #3f8544;
	text-transform:uppercase;
	margin:0 0 6px 0;
}
	
h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #530000;
	padding:0;
	margin: 0;
}

p {
	margin: 0 25px 20px 0;
}

a {
	color: #145772;
	font-weight:bold;
	text-decoration: underline;
}

a:hover {
	color: #3f8544;
	font-weight:bold;
	text-decoration: underline;
}

strong {
	font-weight:bold;
}

input {
	border:1px solid #447c86;
	padding:2px 6px 2px 6px;
	color:#447c86;
	font-size:11px;
}

select, textarea {
	border:1px solid #447c86;
}

.button {
	width:auto;
	border:0;
	padding:5px;
	background:#145772;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}

.left {
	float:left;
	margin:0 10px 10px 0;
}

.border {
	border:1px solid #447c86;
	padding:1px;
}

.partner {
	border:1px solid #cccccc;
	padding:10px;
	width:178px;
	float:left;
	margin:0 5px 5px 0;
}

.noborder {
	border:0;
	padding:0;
	margin:0;
}

.nav_text {
	display:none;
}

.label {
	font-weight:bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

.col_2 .hr {
	background:url(../images/hr.gif) repeat-x;
	height:1px;
	width:100%;
	line-height: 2px;
	position:relative;
	text-align:left;
	margin: 3px 0 5px 0;
	padding: 0;
	border: 0;
}

.col_1 .hr {
	background:url(../images/hr_1.gif) repeat-x;
	height:1px;
	width:100%;
	line-height: 2px;
	position:relative;
	text-align:left;
	margin: 20px 0 20px 0;
	padding: 0;
	border: 0;
}

.hr hr {
	display:none;
}

.datetime {
	font-size: 10px;
	color:#999999;
	font-style:italic;
}

/********************* MAIN BODY *************************/

#main_body {
	margin: auto;
	position:relative;
	z-index:100;
	background:#70a754 url(../images/bg_main.jpg) no-repeat top center;
	width:960px;
}

/********************* HEADER STYLES *************************/



/********************* LAYOUT STYLES *************************/

#col_logos {
	position:relative;
	float:left;
	width:240px;
	height:613px;
	background:url(../images/bg_col_logo.jpg) no-repeat top;
	left:30px;
}

a.home_link {
	position:absolute;
	top:10px;
	left:30px;
	font-family: Arial Narrow, Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

a.logo {
	display:block;
	width:209px;
	height:275px;
	margin:auto;
	background:url(../images/logo.jpg) no-repeat;
	text-indent:-2000px;
}

.sponsors {
	position:relative;
	top:50px;
	background:url(../images/bg_sponsors.jpg) no-repeat;
	margin:auto;
	width:149px;
	height:206px;
	padding:29px 0 0 0;
}

a.cts {
	display:block;
	width:133px;
	height:94px;
	margin:auto;
	background:url(../images/btn_cts.jpg) no-repeat;
	text-indent:-2000px;
}

a.consolidated {
	display:block;
	position:relative;
	top:6px;
	width:133px;
	height:94px;
	margin:auto;
	background:url(../images/btn_consolidated.jpg) no-repeat;
	text-indent:-2000px;
}

a.cts:hover, a.consolidated:hover {
	background-position:0 -94px;
}


#col_main {
	position:relative;
	float:left;
	width:622px;
	left:44px;
	top:42px;
}

#main_nav {
	position:relative;
	height:72px;
}

#content {
	position:relative;
	background:#ffffff;
	width:620px;
	padding-bottom:10px;
	border-left:1px solid #99d1da;
	border-right:1px solid #99d1da;
	border-bottom:1px solid #99d1da;
}

.bnr_home {
	position:relative;
	top:22px;
	background:#C9E18D url(../images/bnr_home.jpg) no-repeat top;
	margin:auto;
	width:582px;
	/*height:300px;*/
	padding: 0px 0 22px 15px;
}

a.logo_ehm {
	display:block;
	width:130px;
	height:70px;
	text-indent:-2000px;
	position:absolute;
	top:0;
	right:10px;
}

.two {
	color:#7ab239;
}

.three {
	color:#aace51; 
}

.bnr_home p {
	margin: 0 210px 0 0;
}

.announcement {
	position:relative;
	top:13px;
	background:#e0f0f8;
	border:1px solid #ace5f2;
	width:596px;
	margin:auto;
}

a.btn_announcements {
	display:block;
	position:relative;
	width:272px;
	height:46px;
	margin:0;
	background:url(../images/btn_announcements.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_donate_now {
	display:block;
	position:relative;
	width:275px;
	height:46px;
	margin:0;
	background:url(../images/btn_donate_now.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_announcements:hover, a.btn_donate_now:hover {
	background-position:0 -46px;
}

.happen {
	position:relative;
	top:23px;
	width:620px;
	height:373px;
	background:url(../images/bg_home_btm.jpg) no-repeat;
	margin:auto;
	padding-bottom:13px;
}

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

#content ul li {
	background:url(../images/bullet_home.gif) no-repeat 0 3px;
	padding-left:18px;
}

.make_it {
	position:relative;
	float:left;
	top:160px;
	left:40px;
	width:230px;
	height:120px;
}

.watch_it {
	position:relative;
	float:left;
	top:160px;
	left:120px;
	width:230px;
	height:120px;
}

.col_1 {
	position:relative;
	float:left;
	top:15px;
	left:28px;
	width:410px;
	padding-bottom:25px;
}

.breadcrumbs {
	color:#3f8544;
	margin:0 0 15px 0;
}

.breadcrumbs a {
	color:#3f8544;
}

.col_2 {
	position:relative;
	float:left;
	left:38px;
	top:4px;
	width:167px;
	margin:0 0 10px 0;
	background:#d2eab8;
}

.container {
	padding: 20px;
}

a.btn_time {
	display:block;
	position:relative;
	width:166px;
	height:46px;
	margin:0 0 15px 0;
	background:url(../images/btn_donate_time.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_materials {
	display:block;
	position:relative;
	width:223px;
	height:46px;
	margin:0 0 15px 0;
	background:url(../images/btn_donate_materials.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_money {
	display:block;
	position:relative;
	width:186px;
	height:46px;
	margin:0 0 15px 0;
	background:url(../images/btn_donate_money.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_partners {
	display:block;
	position:relative;
	width:166px;
	height:46px;
	margin:0 0 15px 0;
	background:url(../images/btn_partners.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_blog {
	display:block;
	position:relative;
	width:166px;
	height:46px;
	margin:0 0 15px 0;
	background:url(../images/btn_blog.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_photos {
	display:block;
	position:relative;
	width:223px;
	height:46px;
	margin:0 0 15px 0;
	background:url(../images/btn_photos.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_video {
	display:block;
	position:relative;
	width:223px;
	height:46px;
	margin:0 0 15px 0;
	background:url(../images/btn_video.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_average_joe {
	display:block;
	position:relative;
	width:166px;
	height:46px;
	margin:0 0 15px 0;
	background:url(../images/btn_average_joe.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_trades_person {
	display:block;
	position:relative;
	width:166px;
	height:46px;
	margin:0 0 15px 0;
	background:url(../images/btn_trades_person.gif) no-repeat;
	text-indent:-2000px;
}

a.btn_time:hover, a.btn_materials:hover, a.btn_money:hover, a.btn_blog:hover, a.btn_photos:hover, a.btn_video:hover, a.btn_partners:hover, a.btn_average_joe:hover,a.btn_trades_person:hover, a.btn_on  {
	background-position:0 -46px;
}

a.tpi {
	display:block;
	width:158px;
	height:41px;
	background:url(../images/logo_tpi.gif) no-repeat 0 0;
	text-indent:-2000px;
}

.col_full {
	position:relative;
	float:left;
	top:15px;
	left:28px;
	width:580px;
	padding-bottom:25px;
}

.thumb {
	float:left;
	border:1px solid #cccccc;
	margin:0 5px 5px 0;
	padding: 3px;
}

/* *************** VOLUNTEER FORM *************** */


table.volunteer_form {

}

table.volunteer_form input {
	margin-right: 5px;
	margin-bottom: 10px;
}

table.volunteer_form input.noborder {
	margin-right: 4px;
	margin-bottom: 5px;
	float: left;
	clear: both;
}

/* ***************  FOOTER STYLES *************** */

#footer {
	margin:auto;
	padding: 10px 0 20px 0;
	position:relative;
	font-size: 11px;
	color:#ffffff;
}

#footer a {
	color:#ffffff;
	text-decoration:none;
}


/* ***************  SUCKERFISH NAV STYLES *************** */

#nav li#btn_family { 	background-image: url("../images/btn_family.gif"); 	width: 112px;height: 72px;	}
#nav li#btn_team { 	background-image: url("../images/btn_team.gif"); 	width: 93px;height: 72px;	}
#nav li#btn_build { 	background-image: url("../images/btn_build.gif"); 	width: 92px;height: 72px;	}
#nav li#btn_getinvolved { 	background-image: url("../images/btn_getinvolved.gif"); 	width: 110px;height: 72px;	}
#nav li#btn_qa { 	background-image: url("../images/btn_qa.gif"); 	width: 51px;height: 72px;	}
#nav li#btn_media { 	background-image: url("../images/btn_media.gif"); 	width: 66px;height: 72px;	}
#nav li#btn_contact { 	background-image: url("../images/btn_contact.gif"); 	width: 98px;height: 72px;	}

.on {
	background-position: 0 -72px;
}


#nav li a {
	display:block;
	width:auto;
	height:100%;
	color:#195782;
	font-size:9px;
	text-decoration:none;
}

#nav li a:hover {
	display:block;
	width:auto;
	height:100%;
	text-decoration:none;
	color:#195782;
}