/* ------------------------------ Environmental Defence Main Styles ------------------------------ */

@charset "UTF-8";

html, body {
	margin:0;
	padding:0;
}

body{
	background:  url(../images/build/body_bg.gif) repeat-x;
}
a img { border: none; }

body, div, ul, li, p, input, dl, dt, dd, td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
}
#wrap{
	margin: 0 auto;
	padding: 0;
	width: 800px;
	border-left: 1px solid #97c83f;
	border-right: 1px solid #97c83f;
	text-align:left;
	background: #fff url(../images/build/wrap_bg.gif) repeat-y top left;
}
#header{
	margin:0;
	padding:0;
}
#header_img h1 {
	padding:0;
	margin:0;
	width:800px;
	height:112px;
	background: url(../images/build/header_img.jpg) no-repeat;
}
#header_img h1 a {
	display: block;
	width: 350px;
	height: 112px;
}

#header_img h1 a span {
	display: none;
}

#header_inner{
	float: left;
	margin:0;
	width:800px;
	height: 25px;
	background: url(../images/build/header_inner_bg.jpg) no-repeat top left;
}

#top_nav{
	float:left;
	width:150px;
	margin:0;
	vertical-align:middle;
	background: url(../images/build/home_nav_bg.jpg) no-repeat top left;
}
#top_nav a {
	padding-top: 5px;
	height: 20px;
	display: block;
	padding-left:45px;
	background: url(../images/build/home_nav_bg_off.jpg) no-repeat top left;
	font-weight: bold;
	text-shadow: #fff 2px 2px 2px;
	filter: dropShadow(color=#ffffff, offx=1, offy=1); /*For IE*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color: #5f9a00 !important;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing:1px;
}
#top_nav a:hover {
	background: url(../images/build/home_nav_bg_on.jpg) no-repeat top left;
}

#top_button{
	float:right;
	margin:0;
	width:650px;
	padding:4px 0 3px 0;
	vertical-align:middle;
	background: url(../images/build/header_right_bg.jpg) no-repeat top left;
}

.button_nav {
	margin:0;
	list-style:none;
}
.button_nav li{
	float:right;
	margin:0 10px 0 0;
	height:16px;
}

#button_sitemap a {
	display: block;
	height: 16px;
	width: 72px;
	background: url(../images/build/button_sitemap_off.gif) no-repeat;
	text-indent: -3000px;
	margin-right: 15px;
}
#button_sitemap a:hover {
	background: url(../images/build/button_sitemap_on.gif) no-repeat;
}

#button_contact a {
	display: block;
	height: 16px;
	width: 88px;
	background: url(../images/build/button_contact_off.gif) no-repeat;
	text-indent: -3000px;
}
#button_contact a:hover {
	background: url(../images/build/button_contact_on.gif) no-repeat;
}

.search_button {
	float:right;
	margin:0 10px 0 0;
	padding:0;
}

.search_button_inner {
	margin:0;
	padding:0 20px 0 0;
}

.search_button form.search{
	float:left;
	margin:0;
	padding:0;
}

form.search input.form_textfield{
	float:left;
	margin:0;
	padding:0;
	width:140px;
	line-height:16px;
}
form.search input.submit_search{
	float:left;
	margin:0;
	padding:0;
}
.clear_left{
	clear:left;
}
.clear_right{
	clear:right;
}
.form_textfield{
	font-size:90%;
	color: #999;
	background-color:#FFFFCC;
}

.clear_box{
	clear:both;
}

#left_sidebar{
	float:left;
	width:151px;
	margin: 0 0 25px 0;
	padding:0;
}

ul#left_nav {
	list-style:none;
	margin: 0;
	padding: 0;
}
ul#left_nav li a {
	display: block;
	padding-top: 10px;
	height: 25px;
	border-bottom: 1px solid #fff;
	padding-left: 45px;
	text-shadow: #fff 2px 2px 1px;
	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color: #5f9a00 !important;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing:1px;
}

ul#left_nav #join_now_menu a {
	background: #e0f2c1 url(../images/build/menu1_icon.jpg) no-repeat top left;
	border-right: 1px solid #aad271;
}
ul#left_nav #join_now_menu a:hover { background-color: #ebf7d7; }

ul#left_nav #faq_menu a {
	background: #e5f4ca url(../images/build/menu2_icon.jpg) no-repeat top left;
	border-right: 1px solid #b2d680;
}
ul#left_nav #faq_menu a:hover { background-color: #eef8dc; }

ul#left_nav #resources_menu a {
	background: #e9f6d3 url(../images/build/menu3_icon.jpg) no-repeat top left;
	border-right: 1px solid #c1de98;
}
ul#left_nav #resources_menu a:hover { background-color: #f1f9e2; }

ul#left_nav #guidelines_menu a {
	background: #eef8dd url(../images/build/menu4_icon.jpg) no-repeat top left;
	border-right: 1px solid #d2e7b3;
}
ul#left_nav #guidelines_menu a:hover { background-color: #f4fae9; }

ul#left_nav #submit_menu a {
	background: #eef8dd url(../images/build/menu5_icon.jpg) no-repeat top left;
	border-right: 1px solid #d2e7b3;
}
ul#left_nav #submit_menu a:hover { background-color: #f4fae9; }

ul#left_nav #educators_menu a {
	background: #f3fae6  url(../images/build/menu6_icon.jpg) no-repeat top left;
	border-right: 1px solid #e3f0d0;
}
ul#left_nav #educators_menu a:hover { background-color: #f7fcef; }

ul#left_nav #contact_menu a {
	background: #f7fcef url(../images/build/menu7_icon.jpg) no-repeat top left;
	border-right: 1px solid #f1f8e7;
}
ul#left_nav #contact_menu a:hover { background-color: #fafdf5; }

ul#left_nav #affiliations_menu a {
	background: #f7fcef url(../images/build/menu8_icon.jpg) no-repeat top left;
	border-right: 1px solid #f1f8e7;
}
ul#left_nav #affiliations_menu a:hover { background-color: #fafdf5; }

ul#left_nav li ul {
	margin: 0;
	padding: 0;
	background: #f7fcef url(../images/build/subnav_bg_repeat.gif) repeat-y top left;
}
ul#left_nav li ul li {
	list-style:none;
	padding-left: 35px;
}
ul#left_nav li ul li a {
	display: block;
	height: 20px;
	margin: 0;
	padding: 7px 0px 0px 10px;
	border-top: 1px dotted #c9dea7;
	border-bottom: none;
	background: none !important;
	text-decoration: none;
	text-transform: none;
	letter-spacing:0;
}
ul#left_nav li ul li.first {
	background: url(../images/build/subnav_bg_first.gif) no-repeat top left;
	/* border-top: none; */
}
ul#left_nav li ul li.first a {
	border-top: none;
}

ul#left_nav li ul li a:hover {
	background-color: #e8f2d7 !important;
}

#left_menu_img{
	clear:left;
	float:left;
	margin-top: 25px;
	width:150px;
}

#left_sidebar .left_box {
	clear:left;
	float:left;
	margin-top: 25px;
	width:150px;
	padding-bottom:6px;
}

#left_sidebar .left_box h3 {
	font-size: 16px;
	color: #558B00;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	text-align: left;
	margin: 0;
	/* margin-bottom: -4px; */
	/* height: 25px; */
	padding: 5px 3px 5px 5px;
	border-bottom:1px solid #88CE24;
	background: url(../images/build/left_box_top_bg.gif) no-repeat top left;
}

#left_sidebar .left_box  p {
	margin:0;
	padding: 0 5px 0 5px;
}


#left_sidebar .left_box p.last{
	padding:0;
	font-size:6px;
	background: url(../images/build/right_round_buttom.jpg) no-repeat bottom left;
}


#left_sidebar #stay_informed {
	float:left;
	width:150px;
	padding:0;
	text-align:right;
}
#left_sidebar #stay_informed .box_content {
	background: url(../images/build/stay_informed_content_bg.gif) no-repeat top left;
	height: 90px; 
}
#left_sidebar #stay_informed form.signupForm {
	text-align:right;
	position: relative;
	top: 35px;
	margin: 0px 10px 10px 10px;
}
#left_sidebar form.signupForm input.form_textfield{
	margin:0;
	padding:0;
	width:125px;
	margin-bottom: 10px; 
}

.left_menu_space{
	clear:left;
	margin:0;
	line-height:15px;	
}
#content{
	float:right;
	margin:0;
	padding: 30px 0px 0 20px;
	background: url(../images/build/content_top_shadow.gif) repeat-x top right;
}
#breadcrumbs {
	color: #9a9a9a;
	font-weight: bold;
	font-size: 9px;
	position: relative;
	top: -18px;
}
#breadcrumbs a {
	color: #6fafff;
}

#home #breadcrumbs {
	display: none;
}

#main_content {
	float:left; 
	margin: 0 0 20px 0;
	padding:0;
	width:629px;
}
body#inside #main_content{
	float:left; 
	margin: 0 0 20px 0;
	padding: 0 30px 0 0;
	width:599px;
}

#footer {
	clear:both;
	width:800px;
	height: 76px;
	margin: 0;
	padding:0;
	background: #79b5ff url(../images/build/footer_bg.gif) no-repeat top left;
}
#footer_content {
	position: relative;
	top: 17px;
}

#footer_content div, #footer_content a {
	font-size: 10px;
	color: #fff !important;
	font-weight: bold !important;
	text-decoration: none;
	line-height: 1.4em;
}
#footer_content a:hover {
	text-decoration: underline;
}
#footer_content #footer_navigate, #footer_content #footer_contact {
	position: relative;
	left: 30px;
}
#footer_content #footer_navigate {
	margin-bottom: 8px;
	background: url(../images/build/footer_navigate.gif) no-repeat 30px 5px;
	padding-left: 100px;
}
#footer_content #footer_contact {
	background: url(../images/build/footer_contact.gif) no-repeat 20px 5px;
	padding-left: 100px;
}



/* ------------------------------ Font Styles ------------------------------ */
/* Heading Tags */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	/* color: #5f9a00; */
	color:#558B00;
	font-weight: normal;
}
#main_content h1,  #main_content h2 {
	border-bottom: 1px solid #b9d989;
	padding-bottom: .1em;
	margin-bottom: -.2em;
}
#main_content h3, #main_content h4, #main_content h5,  #main_content h6 {
	border-bottom: 1px solid #dcecc4;
	padding-bottom: .1em;
	margin-top: 1.4em;
	margin-bottom: -.2em;
}
#home #main_content h1, #home #main_content h2, #home #main_content h3, #home #main_content h4, #home #main_content h5,  #home #main_content h6 {
	border-bottom: none;
	margin-top:0;
	margin-bottom:0;
}
h1 { font-size: 250%; }
h2 { font-size: 220%; }
h3 { font-size: 175%; }
h4 { font-size: 150%; }

.pNote{
	font-size:80%;
	letter-spacing:1px;
	font-weight:normal;
}

.note{
	font-size:90%;
}
#mainText{
	font-size:100%;
}

a:link {  color:#558B00;}
a:visited { color: #558B00; }
a:hover, a:active { color:#558B00; text-decoration: none; }

.blue_link{ font-weight:bold; font-size: 10px; }
a.blue_link:link {color: #6fafff;}
a.blue_link:visited { color: #6fafff;}
a.blue_link:hover, a.blue_link:active { color: #6fafff; text-decoration: none; }

a.pText{color: #558B00; }
a .pText{color: #558B00; }

.pTitle { 
	font-size: 175%;
	color:#558B00;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	@charset "UTF-8";
	font-weight: normal;
	padding-bottom: .1em;
	margin-top: .2em;
	margin-bottom: -.2em;
}
.pCamTitle { color: #6fafff; font-weight:bold}

.pCamText { font-size:95%; color: #3a3a3a}

.pText {
	font-size:100%; 
	line-height: 1.5em;
	color: #333;
}

.pTextUp { font-size: 80%; color: #000000 ; vertical-align: super}

.pTextSub { font-size: 80%; color: #000000 ; vertical-align: sub}

.para { list-style-image:  url(../images/a0.gif); margin-top: auto; list-style-position: inside}

.subTitle { font-size: 120%; font-weight: bold}

.BoldText { font-weight: bold}

.checkBullet { list-style-image:  url(../images/check.jpg); margin-top: auto; }

.uncheckBullet { list-style-image:  url(../images/x.jpg); margin-top: auto; }

.squareBullet { list-style-image:  url(../images/square.jpg); margin-top: auto; }

.nofill {
	background-color: #FFFFFF;
}
.note_text{
	font-size:110%;
	color:#999933;
}
.pWhiteText {
	color: #FFFFFF;
}
.pSubTitle {
	font-size: 130%;
	font-weight: bold;
}
.button_link{
	line-height:16px;
	text-decoration:none;
	font-size:70%;
	text-align:center;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.menu_nav {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color: #5f9a00 !important;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing:1px;
}
.box_textBlue{
	font-weight:bold;
	color:#6fafff;
}
.intro {
	color:#5f5f5f;
	font-size: 110%;
}
p.site_action_button a {
	display: block;
	height: 16px;
	width: 150px;
	background: url(../images/icons/takeaction_button.gif) no-repeat;
	text-indent: -3000px;
}
p.site_action_button a:hover {
	background: url(../images/icons/takeaction_button_over.gif) no-repeat;
}


/* ------------ small right box for page ------------------------- */
.smallright_box{
	clear:right;
	float:right;
	position:relative;
	margin: 25px 0 0 0;
	width:200px;
}
#main_content .smallright_box h3 {
	font-size: 16px;
	color: #558B00;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	text-align: left;
	margin:0;
	padding: 5px 3px 5px 10px;
	border-bottom:1px solid #C7E198;
	background: url(../images/build/smallright_box_top_bg.gif) no-repeat top left;
}
.smallright_box .box_content {
	margin:0;
	padding:10px;
	background: url(../images/build/smallright_box_content_bg.gif) no-repeat top left;
}
.smallright_box .box_content p {
	margin:0 0 3px 0;
	font-size: 10px;
	color: #5f5f5f;
}
.smallright_box .box_content ul {
	margin-top: 5px;
	margin-bottom:5px;
}

.smallright_box .box_content li {
	font-size: 10px;
	color: #9a9a9a;
}