/* CSS Document */

* { margin:0; padding:0; }

a { outline:none; }
a img { border:0; outline:0; }
.clear { width:100%; clear:both; height:0; overflow:hidden;}
.clear_tabs { clear:both; height:0; margin-left: 500px;}

#nav_links li {
	margin-top: -3px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#a4a4a7;
	}

body#homepage {
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}
body#subpage {
	background-image:url(../images/subpage_body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}

#wrapper_outer_homepage {
	width:100%;
	height:auto;
	float:left;
	background-image:url(../images/homepage_wrapper_outer_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
#wrapper_outer_subpage {
	width:100%;
	height:auto;
	float:left;
	background-image:url(../images/subpage_wrapper_outer_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}

#wrapper {
	width:960px;
	height:auto;
	margin:auto;
	}
/* Header */
#header {
	width:100%;
	float:left;
  padding-left: 10px;
  padding-right: 10px;
  height: 145px;
}

/* Content container
------------------------------------------*/

#content_container {
	height:auto;
	float:left;
}

.box_text {font-size:12px;}

/* left content */
#content_container div.left_content {
	width:632px;
	height:auto;
	float:left;
  padding-left: 20px;
  padding-top: 20px;
  color: #97979a;
	}
#content_container div.left_content h1 {
	width:100%;
	height:auto;
	float:left;
	font-size:36px;
	color:#18606b;
	padding-bottom:18px;
	}
#content_container div.left_content p {
	width:100%;
	height:auto;
	float:left;
	font-size:14px;
	padding-bottom:20px;
	}

#content_container div.left_content {
	width:632px;
	height:auto;
	float:left;
	}
#content_container div.left_content div.each_row_with_icon {
	width:100%;
	height:auto;
	float:left;
	padding-bottom: 5px;
	margin-top: 20px;
}
#content_container div.left_content div.each_row_with_icon div.left_column {
	width:60px;
	float:left;
  text-align: center;
	}
#content_container div.left_content div.each_row_with_icon div.right_column {
	width:563px;
	float:left;
  padding-left: 5px;
	}
#content_container div.left_content div.each_row_with_icon div.right_column h2 {
	clear:both;
	width:100%;
	font-size:24px;
	color: #18606B;
	padding-top:14px;
	padding-bottom:12px;
	font-weight:normal;
	}
#content_container div.left_content div.each_row_with_icon div.right_column p {
	clear:both;
	width:100%;
	font-size:13px;
	line-height:14px;
	padding:0;
	}
#content_container div.left_content div.content_bottom_image {
	width:611px;
	height:119px;
	float:left;
	padding:20px 0 0 15px;
	display:inline;
	margin-bottom:35px;
	background-image:url(../images/content_bottom_image.jpg);
	background-repeat:no-repeat;
	}

#content_container div.left_content div.content_bottom_image.second {
	background-image:url(../images/content_bottom_image_2.jpg);
	}
#content_container div.left_content div.content_bottom_image p {
	width:431px;
	height:auto;
	display:block;
	float:left;
	padding:0 0 10px 10px;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	}
#content_container div.left_content div.content_bottom_image.second p {
	width: 550px;
	}

.more_button {
	width:213px;
	height:58px;
	float:right;
	background-image:url(../images/blue_green_button_small.png);
	background-repeat:no-repeat;
	}
.more_button h4 {
	width:100%;
	height:auto;
	float:left;
	margin-top:18px;
	/margin-top:18px; /* for ie7 */
	_margin-top:16px; /* for ie6 */
	text-align:center;
	}

.more_button h4 a {
	font-size:14px;
	color:#ebf5f6;
	font-weight:bold;
	text-decoration:none;
	}
.more_button h4 a:hover {
	color:#7cc1ca;
}

.blue-long-cutoff-button,
.orange-long-cutoff-button {
	background-image: url(../images/content_box/blue_long_cutoff_button.png);
	width:245px;
	height:40px;
	margin-right: -6px;
	margin-top: -20px;
}

.orange-long-cutoff-button {
	background-image: url(../images/content_box/orange_long_cutoff_button.png);
}

.blue-long-cutoff-button h4,
.orange-long-cutoff-button h4 {
	margin: 9px 0 5px 0;
}

.blue-long-cutoff-button h4 a,
.orange-long-cutoff-button h4 a {
	color: #ffffff;
}

.blue-long-cutoff-button h4 a:hover,
.orange-long-cutoff-button  h4 a:hover {
	color: #7cc1ca;
}

/* right sidebar */

#content_container div.right_content {
	width:309px;
	height:auto;
	float:right;
	}
#content_container div.right_content h1 {
	width:100%;
	height:auto;
	float:left;
	font-size:22px;
	color:#b8b9bf;
	padding-bottom:8px;
	font-weight:normal;
}

/* right content blue box */
div.long_blue_box .content,
div.long_yellow_box .content {
	padding: 10px;
}

div.blue_box {
	width:309px;
	height:197px;
	float:left;
	display:inline;
	margin-bottom:20px;
	background-image:url(../images/blue_box.png);
	background-repeat:no-repeat;
	}
div.blue_box p.title, .long_blue_box p.title, .long_yellow_box p.title {
	font-size:16px;
	color:#076B79;
	padding:15px 16px 0 16px;
	}
div.blue_box p.title span, .long_blue_box p.title span, .long_yellow_box p.title span {
	float:left;
	display:block;
	font-size:14px;
	color:#fff;
	word-spacing:-2px;
	}
div.blue_box div.horizontal_separator, .long_blue_box .horizontal_separator, .long_yellow_box .horizontal_separator {
	width:282px;
	height:2px;
	overflow:hidden;
	margin:15px 0 15px 15px;
	background-image:url(../images/sidebar_horizontal_bar.png);
	background-repeat:no-repeat;
	}
div.blue_box div.additional_info, .long_blue_box .additional_info, .long_yellow_box .additional_info {
	width:auto;
	height:auto;
	padding:0 20px 15px 15px;
}
div.blue_box div.additional_info p, .long_blue_box .additional_info p, .long_yellow_box .additional_info p {
	font-size:14px;
	color:#076b79;
	font-weight:bold;
	}
div.blue_box div.additional_info span, .long_blue_box .additional_info span, .long_yellow_box .additional_info span {
	font-size:12px;
	color:#076b79;
	}


div.blue_box div.button {
	width:295px;
	height:58px;
	margin-left:7px;
	background-image:url(../images/blue_green_button.png);
	background-repeat:no-repeat;
	}
div.blue_box div.button h4 {
	width:100%;
	height:auto;
	float:left;
	margin-top:22px;
	/margin-top:18px; /* for ie7 */
	_margin-top:16px; /* for ie6 */
	text-align:center;
	}

div.blue_box div.button h4 a {
	font-size:14px;
	color:#ebf5f6;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
	}
div.blue_box div.button h4 a:hover {
	color:#54c4e6;
	}

/* right content green box */
div.green_box {
	width:309px;
	height:197px;
	float:left;
	display:inline;
	margin-bottom:20px;
	background-image:url(../images/green_box.png);
	background-repeat:no-repeat;
	}
div.green_box p.title {
	font-size:18px;
	color:#617E0C;
  font-weight: bold;
	padding:15px 16px 0 16px;
	}
div.green_box p.title span {
	float:left;
	display:block;
	font-size:14px;
	color:#fff;
	word-spacing:-2px;
	}
div.green_box div.horizontal_separator {
	width:282px;
	height:2px;
	overflow:hidden;
	margin:15px 0 15px 15px;
	background-image:url(../images/sidebar_horizontal_bar.png);
	background-repeat:no-repeat;
	}
div.green_box div.additional_info {
	width:auto;
	height:auto;
	padding:0 20px 15px 20px;

	}
div.green_box div.additional_info p {
	font-size:14px;
	color:#617e0c;
	font-weight:bold;
	}
div.green_box div.additional_info span {
	font-size:12px;
	color:#617e0c;
	}
div.green_box div.button {
	width:295px;
	height:58px;
	float:left;
	display:inline;
	margin-left:7px;
	background-image:url(../images/green_button.png);
	background-repeat:no-repeat;
	}
div.green_box div.button h4 {
	width:100%;
	height:auto;
	margin-top:22px;
	/margin-top:18px; /* for ie7 */
	_margin-top:16px; /* for ie6 */
	text-align:center;
	}
div.green_box div.button h4 a {
	font-size:14px;
	color:#ebf5f6;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
	}
div.green_box div.button h4 a:hover {
	color:#c4dd77;
	}


	div.brown_box {
		width:309px;
		height:197px;
		float:left;
		display:inline;
		margin-bottom:20px;
		background-image:url(../images/brown_box.png);
		background-repeat:no-repeat;
		}
	div.brown_box p.title {
		font-size:18px;
		color:#18606B;
	  font-weight: bold;
		padding:15px 16px 0 16px;
		}
	div.brown_box p.title span {
		float:left;
		display:block;
		font-size:14px;
		color:#fff;
		word-spacing:-2px;
		}
	div.brown_box div.horizontal_separator {
		width:282px;
		height:2px;
		overflow:hidden;
		margin:15px 0 15px 15px;
		background-image:url(../images/sidebar_horizontal_bar.png);
		background-repeat:no-repeat;
		}
	div.brown_box div.additional_info {
		width:auto;
		height:auto;
		padding:0 20px 15px 20px;

		}
	div.brown_box div.additional_info p {
		font-size:14px;
		color:#18606B;
		font-weight:bold;
		}
	div.brown_box div.additional_info span {
		font-size:12px;
		color:#617e0c;
		}

div.brown_box div.button {
	  width:295px;
	  height:58px;
	  float:left;
	  display:inline;
	  margin-left:7px;
	  background-image:url(../images/brown_button.png);
	  background-repeat:no-repeat;
	  }
div.brown_box div.button h4 {
	  width:100%;
	  height:auto;
	  float:left;
	  margin-top:22px;
	  /margin-top:18px; /* for ie7 */
	  _margin-top:16px; /* for ie6 */
	  text-align:center;
	  }
div.brown_box div.button h4 a {
	  font-size:14px;
	  color:#ebf5f6;
	  font-weight:bold;
	  text-decoration:none;
	  letter-spacing:-1px;
	  }
div.brown_box div.button h4 a:hover {
	  color:#b1a77d;
	  }

.front_page_right_block {
	float: right;
	width: 267px;
	margin-left: 10px;
}

.front_page_right_block h1 {
	font-size: 16px;
}

.front_page_onehalf_block {
	float: left;
	width: 479px;
}

.front_page_onehalf_block h1 {
	color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.featured_partner,
.featured_member {
	height: 140px;
	text-align: center;
}

.featured_partner h1,
.featured_member h1 {
	text-align: left;
}

.featured_partner .image_wrap,
.featured_member .image_wrap {
	vertical-align: middle;
}

div.kind_words_block {
	background-image: url(../images/content_box/brown_block_right_side.png);
	margin-top: 10px;
	width: 245px;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.kind_words a {
  font-size: 14px;
	color: #fff;
}

/* right content brown box */
#content_container div.right_content div.brown_box_small {
	width:309px;
	height:131px;
	float:left;
	margin-top:10px;
	display:inline;
	background-image:url(../images/brown_box_sidebar.png);
	background-repeat:no-repeat;
	}
#content_container div.right_content div.brown_box_small img.eco_flicks {
	display:inline;
	float:left;
	margin-top:15px;
	margin-left:20px;
	}


/* footer
---------------------------------*/

#footer_outer {
	width:100%;
	height:148px;
	padding:105px 0 0 0;
	float:left;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
#footer_inner {
	width:961px;
	height:auto;
	margin:auto;
	}
#footer_inner div.left_column {
	width:302px;
	height:auto;
	float:left;
	padding-left:25px;
	padding-top:10px;
	}
#footer_inner div.left_column div.logo_footer {
	width:auto;
	height:auto;
	float:left;
	padding-bottom:15px;
	}

#footer_inner div.left_column div.links1 {
	width:100%;
	height:auto;
	float:left;
	font-size:14px;
	color:#a6a6a6;
	padding-bottom:4px;
	}
#footer_inner div.left_column div.links1 a {
	font-size:14px;
	color:#a6a6a6;
	text-decoration:none;
	}
#footer_inner div.left_column div.links1 a:hover {
	text-decoration:underline;
	color:#000;
	}

#footer_inner div.left_column div.links2 {
	width:100%;
	height:auto;
	float:left;
	font-size:14px;
	color:#cacaca;
	}
#footer_inner div.left_column div.links2 a {
	font-size:14px;
	color:#cacaca;
	text-decoration:none;
	}
#footer_inner div.left_column div.links2 a:hover {
	text-decoration:underline;
	color:#000;
	}

#footer_inner div.we_support {
	width:auto;
	height:auto;
	float:left;
	font-size:12px;
	color:#bcbcbc;
	padding-top:10px;
	}
#footer_inner div.we_support img {
	vertical-align:middle;
	margin-left:4px;
	}
#footer_inner div.social_media {
	width:428px;
	height:58px;
	float:right;
	display:inline;
	margin-right:5px;
	background-image:url(../images/social_media_bg.png);
	background-repeat:no-repeat;
	}

#footer_inner div.social_media a.twitter {
	width:106px;
	height:58px;
	float:left;
	}
#footer_inner div.social_media a.linkedin {
	width:121px;
	height:58px;
	float:left;
	}
#footer_inner div.social_media a.youtube {
	width:86px;
	height:58px;
	float:left;
	}
#footer_inner div.social_media a.facebook {
	width:115px;
	height:58px;
	float:left;
	}