@charset "utf-8";
/* CSS Document */
	
body {
	margin: 0px;
	font-family:  Helvetica, Arial, sans-serif;
	font-size:   12px;
	color: #616161;
	background-color: #FFFFFF;
}

img {
	border: 0px;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.cleaner {
	clear:both;
}
	
/* HEADER
**************************************************/
#header-cont {
	position:relative;
	height: 130px;
	background-color: #132E1D;
}
	
#header {
	position:relative;
	width: 1000px;
	height: 130px;
	margin: 0 auto;
	background:   url(/img/header-bg.jpg) no-repeat center;
	/*outline: 1px solid #FF0000;*/
}
	
	
/* LOGO
**************************************************/
.logo {
	float: left;
	margin: 20px 0 0 10px;
}
	
/* UTILITY LINKS
**************************************************/
.utility-cont {
	float: right;
	margin-top:   3px;
	height: 20px;
}
.utility-cont a {
	font-size:   12px;
	font-weight:  bold;
	text-decoration: none;
	color: #FFFF00;
}
.utility-left {
	width: 20px;
	height: 20px;
	margin-left:  -10px;
	float: right;
	background:   url('/img/nav/utility-left.png') no-repeat bottom left;
}
.utility-text {
	height: 20px;
	float: right;
	background:   url('/img/nav/utility-mid.png') repeat-x bottom;
}
.utility-rght {
	width: 20px;
	height: 20px;
	margin-right:  20px;
	float: right;
	background:   url('/img/nav/utility-right.png') no-repeat bottom right;
}
	
	
	
/* MAIN TABBED LINKS
**************************************************/
.tab-cont {
	height: 30px;
	float: left;
	margin-left:  10px;
	position:   absolute;
	left: inherit;
	top: 100px;
}
.tab-cont a {
	font-size:   14px;
	font-weight:  bold;
	text-decoration: none;
	color: #FFFFFF;
}
.tab-left, .nav-left {
	width: 20px;
	height: 30px;
	margin-left:  5px;
	float: left;
	background:   url('/img/nav/tab-left.png') no-repeat top left;
} .nav-left { background: url('/img/nav/nav-left.png') no-repeat top left; }
.tab-text, .nav-text {
	height: 22px;
	padding-top:  8px;
	float: left;
	background:   url('/img/nav/tab-mid.png') repeat-x top;
}
	.nav-text {
		background: url('/img/nav/nav-mid.png') repeat-x top;
	}
	.nav-text a {
		color: #000000;
	}
.tab-rght, .nav-rght {
	width: 20px;
	height: 30px;
	margin-right:  5px;
	float: left;
	background:   url('/img/nav/tab-right.png') no-repeat top right;
} .nav-rght { background: url('/img/nav/nav-right.png') no-repeat top right; }
	
	
	
/* SEARCH
**************************************************/
#search-cont {
	height: 20px;
	position:absolute;
	top: 100px;
	left: 800px;
}
.search-left {
	width: 10px;
	height: 20px;
	float: left;
	background:   url('/img/nav/search-left.png') no-repeat top left;
}
.search-text {
	width: 150px;
	height: 16px;
	padding-top:  4px;
	float: left;
	background:   url('/img/nav/search-mid.png') repeat-x top;
}
.search-text input[type='text'] {
	margin: 0px;
	padding:   0px;
	border: 0px none;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:   12px;
	font-weight:  bold;
	text-align:   left;
	color: #DBDBDB;
	background-color: transparent;
	
}
.search-rght {
	width: 10px;
	height: 20px;
	margin-right:  20px;
	float: left;
	background:   url('/img/nav/search-right.png') no-repeat top right;
}
	
	
	
	
/* MIDDLE
**************************************************/
.middle-cont {
	background-color: #FFFFFF;
}
.middle {
	width: 1000px;
	margin: 0 auto;
	background:			url('/img/page-bg.png') repeat-x top;
/*outline: 1px solid #FFFF00;*/
}
	
	
/* ELEMENTS */
.middle a.grey {
	font-size:			10px;
	font-weight:		bold;
	color:				#999999;
} .middle a.grey:hover { text-decoration: underline }

.middle a.green {
	font-size:			10px;
	font-weight:		bold;
	color:				#00AE42;
} .middle a.green:hover { text-decoration: underline }


/* DIV */
.middle .left-side {
	width:				750px;
	float:				left;
	background:			url('/img/right-edge.png') repeat-y right;
	/* outline: 1px solid #00FF00; */
}

.middle .rght-side {
	width:				250px;
	float:				left;
	background:			url('/img/left-edge.png') repeat-y left top;
	/*background-color:	#FFFFFF;*/
	/*outline: 1px solid #00FF00;*/
}

h1 a, h2 a {
	text-decoration: none;
}
h1 a:hover, h2 a:hover {
	text-decoration: none;
}


	/* LEFT SIDE
	**************************************************/
	/* ELEMENTS */
	.left-side .txt {
		line-height:		16px;
	}
	
	.left-side h1 {
		font-size:			48px;
		color:				#000000;
		display:			inline;
		font-weight:		normal;
		/*00AE42*/
	}

	.left-side h2 {
		display:			inline;
		font-size:			30px;
		line-height: 30px;
		padding: 0px;
		margin: 0px;
		color:				#00AE42;
	}

	.left-side h3 {
		display:			inline;
		font-size:			30px;
		line-height: 30px;
		font-weight:		normal;
		color:				#000000;
	}

	.left-side h4 {
		display:			inline;
		font-size:			14px;
		font-weight:		bold;
		color:				#000000
	}


	.left-side .col a.green {
		font-size:			16px;
		font-weight:		normal;
		color:				#00AE42;
	} .left-side .col a.green:hover { text-decoration: underline }

	.left-side a.green-sm {
		font-size:			12px;
		font-weight:		bold;
		color:				#00AE42;
	} .left-side a.green-sm:hover { text-decoration: underline }


	/* DIV */
	.left-side .dotted-line {
		width:				100%;
		height:				20px;
		float:				left;
		background:			url('/img/dotted-line.png') repeat-x 0;
	}

	.left-side .entire {
		width:				750px;
		padding:			20px 0 0 20px;
		float:				left;
		/* outline: 1px solid #FF0000; */
	}

	.left-side .row {
		width:				750px;
		float:				left;
		background:			url('/img/page-bg.png') repeat-x top;
		/* outline: 1px solid #FF0000; */
	}
		.left-side .row .block {
			padding:			20px 0 0 20px;
			float:				left;
			/* outline:			1px solid #0000FF; */
		}
		.left-side .row .wd-475 { width: 455px; float:left; }
		.left-side .row .wd-275 { width: 235px; float:left; }


	.left-side .col {
		float:				left;
		padding:			20px 0 0 20px;
		/*outline: 1px solid #FF0000;*/
	}
		.left-side .col .wd-500 { width: 480px }
		.left-side .col .wd-250 { width: 230px }


	/* NEW COLUMNS */
	/* LEFT COL */
	.middle .col-475 {
		float:				left;
		width:				435px;
		padding:			20px;
		/* outline: 1px solid #FF0000; */
	}

	/* MIDDLE COL */
	.middle .col-275 {
		float:				left;
		width:				235px;
		height:				550px;
		padding:			20px;
		/* outline: 1px solid #00FF00; */
	}

	/* RIGHT COL */
	.middle .col-250 {
		float:				left;
		width:				250px;
		height:				550px;
		/* outline: 1px solid #0000FF; */
	}





	/* RIGHT SIDE
	**************************************************/
	/* ELEMENTS */
	.rght-side h4 {
		display:			inline;
		font-size:			14px;
		font-weight:		normal;
		color:				#00AE42
	}
	.rght-side h4 a {
		color: #00AE42;
	}

	.rght-side .block img {
		margin:				2px 5px 0 0;
		float:				left;
	}
	.rght-side .block-2 img {
		margin:				0 5px 0 0;
		float:				left;
	}
	.rght-side .block b, .rght-side .block-2 b {
		font-size:			14px;
	}


	/* DIV */
	.rght-side .row {
		width:				210px;
		float:				left;
		padding:			20px 20px 20px 20px;
		background:			url('/img/right-top.png') no-repeat top center;
		/*outline: 1px solid #FF0000;*/
	}

	.rght-side .block {
		width:				210px;
		float:				left;
	}

	.rght-side .block-2 {
		margin:				0 0 10px 0;
	}

	.rght-side .dotted-line {
		width:				100%;
		height:				16px;
		float:				left;
		background:			url('/img/dotted-line.png') repeat-x 0;
	}

	
	
	
/* FOOTER
**************************************************/
.footer-cont {
	min-height:   80px;
	background:   url(/img/footer-bg.jpg) repeat-x center;
	background-color: #000201;
	margin-top: 20px;
}
.footer {
	width: 1000px;
	min-height:   30px;
	margin: 0 auto;
	padding-top:  20px;
	color: #FFFFFF;
/*outline: 1px solid #FFFF00;*/
}
.footer a {
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover { text-decoration: underline; }
	
	
/* HOME
**************************************************/
	
/* HOME - SUBCONTENT
**************************************************/
.banner-cont {
	height: 285px;
	background:   #FFFFFF;
	overflow: hidden;
}
.banner {
	width: 990px;
	height: 285px;
	margin: 0 auto;
	padding: 0 0 0 10px;
/*outline: 1px solid #FFFF00;*/
}
	
	
/* HOME - SUBCONTENT
**************************************************/
.subcontent-cont {

	background:   url('/img/subcontent-bg.jpg') repeat-x top; 
}
	
.subcontent {
	width: 1000px;
	margin: 0 auto;
	padding-top:  20px;
	/*outline: 1px solid #FFFF00;*/
}
.subcontent .pad {
	padding:   15px;
}
	
	
	
/* TWITTER
**************************************************/
.subcontent .twitter {
	width: 25%;
	float: left;
	background:   url('/img/first-bg.png') no-repeat top right;
	padding-right: 7px;
	/*outline: 1px solid #00FF00;*/
}
.twitter .block {
	padding:   10px 0px 10px 0px;
	border-bottom:  1px solid #CCCCCC;
}
.twitter .block a {
	text-decoration:none;
	color: #000000;
}
.twitter .date {
	font-size:   14px;
	font-weight:  bold;
	color: #235937;
}
	
/* UPCOMING EVETNS
**************************************************/
.subcontent .events {
	width: 25%;
	float: left;
	background:   url('/img/subcontent-spacer.jpg') no-repeat top left;
	padding-right: 7px;
	/*outline: 1px solid #00FFFF;*/
}
.events td.date {
	padding:   4px 10px 20px 10px;
	font-size:   9px;
	text-align:   center;
	line-height:  14px;
	color: #000000;
	background:   url('/img/date.png') no-repeat top center;
}
.events td.etitle {
	padding: 2px 0 0 0;
}
.events td.date b { font-size: 20px; }
	
.events h3 {
	display:   inline;
	font-size:   16px;
	line-height: 20px;
	margin-top: 10px;
	font-weight:  bold;
	color: #235937;
}
.events h3 a {
	color: #235937;
}
.events h4 {
	display:   inline;
	font-size:   16px;
	font-weight:  normal;
	color: #000000;
}
	
/* LASTEST NEWS
**************************************************/
.subcontent .news {
	width: 25%;
	float: left;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:   12px;
	font-weight:  bold;
	color: #8F8F8F;
	background:   url('/img/subcontent-spacer.jpg') no-repeat top left;
	padding-right: 10px;
	/*outline: 1px solid #0000FF;*/
}
.news .block {
	float: left;
	padding:   0 10px 10px 17px;
	background:   url('/img/green-dot.png') no-repeat top left;
}
.news h4 {
	display:   inline;
	font-size:   16px;
	font-weight:  normal;
	color: #000000;
}
.news .date {
	color: #235937;
}
.news .head {
	font-size:   14px;
	color: #000000;
}
	
/* FEATURED INITIATIVE
**************************************************/
.subcontent .initiative {
	width: 200px;
	height: 305px;
	float: left;
	color: #666666;
	background:   url('/img/subcontent-spacer.jpg') no-repeat top left;
	/*outline: 1px solid #FF00FF;*/
}
.more a {
	font-size:			10px;
	font-weight:		bold;
	color:				#999999;
}
.initiative h4 {
	display:   inline;
	font-size:   16px;
	font-weight:  normal;
	color: #000000;
}

.initiative h4 a {
	font-size: 14px;
}

/* GIVING
**************************************************/
input[type=button].donate {
	font-size:			20px;
	font-weight:		bold;
	color:				#FFFFFF;
	border:				0px none;
	background-color:	#00AE42;
}

input[type=text].donate {
	font-size:			12px;
	color:				#000000;
	border:				1px solid #878787;
}


.items {

}
.items_title {
	font-size:			24px;
	font-weight:		normal;
	color:				#000000;
}
.items_title a {
	text-decoration: none;
}
.item {
	margin-top: 10px;
	font-size: 12px;
}
.items a {
	text-decoration: none;
}

#events_listing {
	
}
#events_listing .event {
	margin-bottom: 20px;
}
#events_listing .event_title {
	font-size: 16px;
	color: #000000;
}
#events_listing .event_date {
	font-size: 15px;
	color: #00AE42;
	font-weight: bold;
}
#events_listing .event_text {
	color: #999999;
}

img.staffimage {
	float:left;
	margin: 0px 20px 20px 0px;
}
.stafftitle {
	font-size: 24px;
}
.staffname {
	font-size: 18px;
}
.staffblurb {
	color: #8F8F8F;
}
.staff-dotted-line {
		width:				100%;
		height:				10px;
		margin-bottom: 15px;
		float:				left;
		background:			url('/img/dotted-line.png') repeat-x 0;
	}
#map_frame {
	position:relative;
}

#map {
	position:absolute;
	top: 10px;
	left: 7px;
	width: 662px; 
	height: 427px;
}

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("/images/feed.png") no-repeat 0 50%;
} 

input.t_input {
	width: 200px;
}

.limae { display: none; }

#fontsize {
	float:right;
	color: #CCCCCC;
	font-weight: bold;
}
#fontsize a {
	margin-right: 8px;
}

.location {
	margin: 0px 10px 10px 0px;
	width:220px; 
	float: left;
}
.location_image {
	width: 150px;
	float: left;
	margin-right: 10px;
}
.location_text {
	font-weight: 100;
	float: left;
	font-size: 12px;
}

.e_list_item {
	margin-bottom: 20px;
}
.e_list_item a {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
.e_list_item a:hover {
	text-decoration: underline;
}
.e_list_info {
	margin-left: 10px;
}