@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------

	Style Reset
				
--------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, em, sub, sup, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}

/* remember to define focus styles! */
:focus {	outline: 0;}
body {	line-height: 1;	color: black;	background: white; 	font-size:70%;	font-family:Arial, Helvetica, sans-serif; 	background:url(../images/display-images/bg.gif) repeat; line-height:1.6em; color:#505050; }
ol, ul {	list-style: none;	margin:0; padding:0;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
strikethrough { text-decoration:line-through;}

a, a:link, a:active, a:visited, a:focus { color:#185f39; text-decoration:none; outline:none; -webkit-transition:color .2s ease-in;  -moz-transition:color .2s ease-in;    -o-transition:color .2s ease-in;  transition:color .4s ease-in;    }
a:hover { color:#07341c; }
a.orange { color:#d2a434;  }
a.orange:hover { color:#b38514;  }

/* ------------------------------------------------------------

	Headers
				
--------------------------------------------------------------- */
h1, h2, h3, h4, h5 { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; color:#126037; font-weight:normal; }
h1 {}
h2 { font-size:1.6em; font-style:italic; margin:6px 0;  }
h3 { font-size:12px; margin:5px 0; }
h4 {}
h5 { font-size:1.2em; color:#dee7e2; }
/* ------------------------------------------------------------

	Page Elements
				
--------------------------------------------------------------- */

.container { float:left; width:100%; }
.hold { position:relative; width:960px; margin:0 auto; }
.header-strip { height:109px; overflow:hidden; }

.cookie_container { width:100%; float:left; }
#cookies { background-color:#434343; width:982px; margin:10px auto -10px auto; }
#cookies-message { margin:0px auto; overflow:hidden; position:relative; width:940px; color:#FFFFFF; }
#cookies-message a { color:#FFFFFF; text-decoration:underline; }
#cookies-message h2 { color:#FFFFFF; font-weight:bold; }
.accept-btn { text-decoration:none !important; background-image:url(../images/display-images/agree.png); background-repeat:no-repeat; margin-top:5px; font-size:15px; font-weight:bold; float:left; height:35px; padding:10px 0px 0px 42px;}

#header { padding:10px 0 0 0; }

a.logo { float:left; margin:10px 0 0 0; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; }
a.logo:hover { opacity:0.7; }
.user-controls { float:left; font-size:1em; border:1px solid #d8e0ce; background:#f5f7ef; padding:7px 15px; margin:28px 0 0 48px; border-radius:3px; }
.user-controls a { margin:0 5px;  text-shadow:0 1px 0 #fff;}
.search { text-align:right; float:right; padding:5px 0; background:url(../images/display-images/search-bg-sml.gif) top right no-repeat ; height:90px; width:395px; }
.search h1 { font-size: 12px; color: #2B6B49; text-shadow: 0 1px 0 #FFF; line-height:12px; }
.search form { float:right; width:220px; margin:10px 0 0 0; }
.search form input { float:left; width:194px; color:#a7a7a7; border:1px solid #d8e0ce; padding:5px 3px; border-radius:3px; } 
.search form input.search-btn { cursor:pointer; float:right; text-indent:-9999em; background:url(../images/display-images/search-btn.png); border:none; padding:0; margin:-32px 0 0 0; width:35px; height:34px; font-size:1px; color:#fff; }
.language { margin-bottom:6px; }
.language img { margin-right:4px; top:2px; position:relative; }

.nav-strip { background:url(../images/display-images/nav-strip-bg.gif) repeat-x; height:62px; }

ul#nav { }
ul#nav li { float:left; background:url(../images/display-images/nav-divide.png) top right no-repeat;  }
ul#nav li a { float:left; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; padding:28px 25px 19px 25px; font-size:1.2em;  color:#e0e0e0;  text-shadow:0 -1px 0 #2f2f2f;  }
ul#nav li a:hover { background:url(../images/display-images/nav-highlight.png) no-repeat top; color:#fff; }

ul#nav li a.selected { float:left; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; background:#eff5e4; padding:22px 25px 35px 25px; font-size:1.2em; color:#e0e0e0;  text-shadow:0 1px 0 #fff; color:#244a36; -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.5); box-shadow: 0px -1px 2px rgba(0,0,0,0.5); border-radius:3px;    }
.slideshow-strip { background:#1C1C1C;  height:220px; overflow:hidden; } /*251px*/
#slideshow { position:relative; z-index:0; width:1300px; height:220px; overflow:hidden; margin:0px auto 0 auto; }

.social-links { float:right; width:115px; height:62px; background:url(../images/display-images/social-bg.png) no-repeat top left; padding:22px 0 0 20px; }
.social-links a.twitter { float:left; background:url(../images/display-images/twitter-icon.gif); width:29px; height:29px; text-indent:-9999em;  -webkit-transition:all 0.4s ease;  -moz-transition:all 0.4s ease;  transition:all 0.4s ease;  }
.social-links a.facebook { float:left; background:url(../images/display-images/facebook-icon.gif); margin:0 0 0 15px; width:28px; height:29px; text-indent:-9999em;  -webkit-transition:all 0.4s ease;  -moz-transition:all 0.4s ease;  transition:all 0.4s ease;  }
.social-links a.twitter:hover,  .social-links a.facebook:hover { opacity:0.7; }

#content { background:url(../images/display-images/content-bg.gif) right repeat-y #fff; width:960px; padding:10px; border:1px solid #d3d3d3; margin-top:-25px;  -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px -1px 2px rgba(0,0,0,0.5); border-radius:5px;  }
#internal-content { background:url(../images/display-images/internal-content-bg.gif) right repeat-y #fff; width:960px; padding:10px; border:1px solid #d3d3d3; margin-top:-25px;  -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px -1px 2px rgba(0,0,0,0.5); border-radius:5px;  }


.dot-divide { clear:both; width:100%; background:url(../images/display-images/dot-divide.png) no-repeat top left; height:6px; margin:0 0 5px 0; }

.clear { clear:both; }

.col12-1 { float:left; width:60px; margin:10px; }
.col12-2 { float:left; width:140px; margin:10px; }
.col12-3 { float:left; width:220px; margin:10px; }
.col12-4 { float:left; width:300px; margin:10px; }
.col12-5 { float:left; width:380px; margin:10px; }
.col12-6 { float:left; width:460px; margin:10px; }
.col12-7 { float:left; width:540px; margin:10px; }
.col12-8 { float:left; width:620px; margin:10px; }
.col12-9 { float:left; width:700px; margin:10px; }
.col12-10 { float:left; width:780px; margin:10px; }
.col12-11 { float:left; width:860px; margin:10px; }
.col12-12 { float:left; width:940px; margin:10px; }

.footer-strip { background:url(../images/display-images/footer-bg.gif); padding:20px 0 0 0; margin:20px 0 0 0; }

#footer ul { margin:10px 0 0 0;  }
#footer ul li a {  float:left;  width:140px; font-size:1.1em; padding:3px 0; color:#68947d; }
#footer ul li a:hover { color:#fff; }

#edit-cookieconsent-settings { font-size:1.1em; padding:3px 0; color:#68947d; margin-top:20px; float:left; }
#edit-cookieconsent-settings:hover { 
	color:#fff; 
	cursor:pointer; 
	-webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .4s ease-in;
}

a.footer-twitter { width:200px; float:left; background:url(../images/display-images/footer-twitter-icon.gif) top left no-repeat; margin:10px 0 0 0; color:#fff;  padding:9px 0 10px 35px;  -webkit-transition:all 0.4s ease;  -moz-transition:all 0.4s ease;  transition:all 0.4s ease;  }
a.footer-facebook { float:left; background:url(../images/display-images/footer-facebook-icon.gif) top left no-repeat; margin:10px 0 0 0; color:#fff;  padding:9px 0 10px 35px;  -webkit-transition:all 0.4s ease;  -moz-transition:all 0.4s ease;  transition:all 0.4s ease;  }
a.footer-twitter:hover,  a.footer-facebook:hover { opacity:0.6; }
.footer-logo { margin:20px 0 0 0;}
.legalese { margin-top: 0px; padding:10px 0; border-top:1px dotted #375d49; color:#68947d; }
.copyright { text-align:right; }
.copyright a { color:#68947d;}
#footer {}

.news-item { float:left; width:298px; padding:15px 10px; margin:0 -10px 0 -10px; border-top:1px solid #e2e2e2;  }
.news-item a { float:left; width:210px;  background:url(../images/display-images/bullet-icon.png) 0 5px no-repeat;  font-size: 14px; padding:0 0 5px 10px; margin:0 0 0 10px;   }

.news-item-left { float:left; width:308px; padding:15px 10px; margin:0 -10px 0 -20px; border-top:1px solid #e2e2e2; border-right:1px solid #dedede; }
.news-item-left strong { font-weight:bold; }
.news-item-left a { float:left; width:220px;  background:url(../images/display-images/bullet-icon.png) 0 5px no-repeat ;  font-size: 14px; padding:0 0 5px 10px; margin:0 0 0 10px;   }

.top a { float:left; width:97%; }


a.small-news-image { float:left; width:60px; /*height:50px;*/ border:1px solid #dedede; overflow:hidden; background:none; padding:3px 0px 0px 0px; margin:0; }


a.news-image  { padding:0; background:none;  -webkit-transition:all 0.4s ease;  -moz-transition:all 0.4s ease;  transition:all 0.4s ease;  }
a.news-image:hover { opacity:0.7; }
.top {  background: #f3f3f3; font-size: 12px; line-height:1.4em; text-shadow:0 1px 0 #fff;   }
.top a { font-size: 14px; } 
a.news-image { float:left;  width:144px; background:url(../images/display-images/news-image-bg.png) right bottom no-repeat; margin:0 10px 0 0 ; padding:0 0 8px 10px;   }
.news-image img { float:left; border-top:1px solid #dedede;  border-left:1px solid #dedede; }
.old a { color:#7d7d7d; }
.old a:hover { color:#5e5e5e; }

.leftcontent { float:left; width:640px; }
.rightcontent { font-size:12px; color:#616161; text-shadow:0 1px 0 #fff; }

.col12-4.rightcontent strong { font-weight:bold; }
.col12-4.rightcontent h3 { font-size: 16px; }

a.more { float:left; background:url(../images/display-images/findoutmore-btn.png); text-indent:-9999em; width:127px; height:44px; margin:10px 0 20px 0;  -webkit-transition:all 0.4s ease;  -moz-transition:all 0.4s ease;  transition:all 0.4s ease;  }
a.more:hover { opacity:0.7; }
.quote { float:left; background:url(../images/display-images/quote-bg.png) top left no-repeat; font-size:12px; margin:20px 0 0 0; line-height:1.4em; color:#7d7d7d; padding:0 0 0 40px; }
.quote-name { color:#2b6b49; font-size:0.8em; }

.newsletter {   background-color: #f4f4f4; border-radius:3px; border:1px solid #d3d3d3; width:590px; padding:10px;   background: -moz-linear-gradient(100% 100% 90deg, #ededed, #f7f7f7);  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#ededed)); }
.newsletter h4 { font-size:1.3em; }
.newsletter-divide { float:left; background:url(../images/display-images/newsletter-divide.png); width:20px; height:77px; }

.newsletter-col1 { float:left; width:110px; padding:10px 0 0 0; color:#8d8d8d; text-shadow:0 1px 0 #fff;  }

.newsletter-col2 { float:left; width:210px; margin:0 0 0 20px;  }
.newsletter-col3 { float:left; width:220px;  }
#signup { margin:10px 0 0 0; color:#8d8d8d; text-shadow:0 1px 0 #fff;}
#signup label { float:left; width:100%; color:#2b6b49; font-size:1.2em; }
#signup input { float:left; width:180px; padding:6px; color:#999; border:1px solid #dedede; -moz-box-shadow: 0px 1px 0px #fff;   -webkit-box-shadow: 0px 1px 0px #fff; -o-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; }
#signup input.signup-btn { cursor:pointer; float:right; background:url(../images/display-images/signup-btn.gif); width:48px; height:30px; padding:0; margin:-32px 0 0 0; text-indent:-9999em;  font-size:1px; color:#fff; }
#signup .legend { float:right; width:438px; text-align:left; }

.slidebuttons { float:right; margin:-109px 0 0 0 ; }
.slidebuttons.leftheadcontent { 
	float: left;
	margin: -200px 0 0 0;
	opacity: 0.89;
}
.slidebuttons.leftheadcontent .bgholder {
	/*background-color: #FFFFFF;*/
	background: url(../images/display-images/twomilliontrees.jpg) no-repeat;
	background-size: 100%;
	height: 125px;
	width: 125px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.slidebuttons.leftheadcontent img { margin-right: 10px; }
.slidebuttons.leftheadcontent span { 
	margin-top: 0;
	font-size: 21px;
	color: #505050;
	padding: 5px 0;
	background-color: #FFFFFF;
	float:right;
	opacity: 1.0;
	width:100%;
	text-align: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

a.contactus-btn { float:left; background:url(../images/display-images/contact-btn.png); width:106px; height:46px; text-indent:-9999em;  -webkit-transition:all 0.4s ease;  -moz-transition:all 0.4s ease;  transition:all 0.4s ease; }
a.becomemember-btn { float:left; background:url(../images/display-images/becomemember-btn.png); width:139px; height:46px; text-indent:-9999em;  -webkit-transition:all 0.4s ease;  -moz-transition:all 0.4s ease;  transition:all 0.4s ease; }
a.contactus-btn:hover, a.becomemember-btn:hover { opacity:0.7; }

.image-holder-right { float:right; }

.image { width:300px;  margin:0 0 10px 20px; overflow:hidden;  }
.right a { float:left; width:300px; height:222px; overflow:hidden;}
.right { float:right; margin:0 -240px 20px 20px; }
/*.left a { float:left; width:300px; height:222px; overflow:hidden; }*/
.left { float:left; margin:0 30px 20px 0px; }
.image img { border:1px solid #dedede; }
.alt { font-size:0.8em; text-align:center; font-style:italic; }

.right-wide a { float:left; width:300px; height:222px; overflow:hidden;}
.right-wide { float:right; margin:0 0px 20px 20px; }

.align-right a { float:left; width:300px; height:210px; overflow:hidden;}
.align-right { float:right; text-align: right; }

.internal-left { float:left;  width:700px; margin:10px 0 0 10px;  }
.internal-right { float:right; width:220px;   }


.intro { float:left; font-size:14px; line-height:1.4em; width: 100%; }
.intro strong { font-weight:bold; }
.intro em { font-style:italic; }
.text { float:left; width:460px; font-size:12px; line-height:1.5em; }
.text a { text-decoration:underline; }
.text p, .text2 p  { margin:0 0 1em 0;}
#text_table td, #text2_table td { border:1px solid; padding:4px; }
.text ul, .text2 ul{ list-style:square;  padding:10px 0 20px 20px; }
.text ol, .text2 ol { list-style:decimal;  padding:10px 0 20px 20px; }
.text2 ul.sign-up-list { margin: 0px; }
.text em, .text2 em { font-style:italic; }
.text strong, .text2 strong { font-weight:bold; }
.text ul li, .text2 ul li { padding:0 0 0 0px;  }

.text-wide { float:left; width:700px; font-size:12px; line-height:1.5em; }
.text-wide a { text-decoration:underline; }
.text-wide p  { margin:0 0 1em 0;}
.text-wide ul { list-style:square;  padding:10px 0 20px 20px;   }
.text-wide ol { list-style:decimal;  padding:5px 0 20px 20px; margin-left:10px;  }
.text-wide em { font-style:italic; }
.text-wide strong { font-weight:bold; }
.text-wide ul li, { padding:0 0 0 0px;  }
.text-wide th { color:#333; background:#f4f4f4; }

.text2 { float:left; width:700px; font-size:12px; line-height:1.5em; }

.magazine-image-right { float:left; margin-left:54px; width:146px; }

th { border:1px solid #dedede; border-width:1px 1px 2px 1px; background:#f4f4f4; padding:2px; }
td { border:1px solid #dedede; border-width:0 1px 1px 1px; padding:2px; }
.text th { color:#333; background:#f4f4f4; }

#internal-content h1 { font-size:2em; line-height:1.2em; }
#internal-content h2 { line-height:1.2em; }
.related { float:right; width:220px; }
.related strong { font-weight:bold; }
.margin-top { margin-top:240px;  }
.divide { float:left; width:100%; border-top:1px dotted #dedede; margin:10px 0; height:1px;}

.related h3 { float:left; width:210px; background:#ebebeb; border-bottom:1px solid #d6d6d6; padding:5px; }
.related a { float:left; width:195px; padding:7px 5px 7px 25px; background:url(../images/display-images/pdf-icon.gif) 0 6px no-repeat; border-bottom:dotted 1px #d2d2d2; }
.related a:hover { background-color:#f4f4f4; }

.controls { float:left; padding:10px; width:680px; margin:10px 0 0 0; background:#ebebeb; border-bottom:1px solid #d6d6d6; } 
.controls a { color:#999999;  }
#facebook-like { margin: -2px 20px -5px 20px;}
a.print-link { float:left; background:url(../images/display-images/print-icon.gif) left no-repeat; padding:0 0 0 25px; }
a.top-link { float:right;  background:url(../images/display-images/top-icon.gif) top right no-repeat; padding:0 20px 0 0; }

.subnav h4 { background:url(../images/display-images/subnav-bg.gif) no-repeat; color:#fff; font-size:1.2em; padding:12px 0 0 10px; width:229px; height:29px; margin:-11px 0 0 -8px; text-shadow:0 -1px 0 #1e5638;   }
.subnav ul { float:left; width:240px; border-bottom:1px solid #fff; margin:0 0 0 -10px; }
.subnav ul li { float:left;   }

.subnav ul li a { float:left; font-size:12px; width:215px; padding:5px 0 5px 25px; background:url(../images/display-images/subnav-arrow.gif) 10px 13px no-repeat; border-top:1px solid #fff; border-bottom:1px solid #dedede; } 
.subnav ul li a.on {  float:left; font-size:12px; width:215px; padding:5px 0 5px 25px; background:url(../images/display-images/subnav-arrow.gif) 10px 13px no-repeat #fff; border-top:1px solid #fff; color:#666; border-bottom:1px solid #dedede; } 


.subnav ul ul { float:left; width:215px; border-bottom:1px solid #dedede; margin:0; padding:0 0 0 25px; }
.subnav ul ul li a { float:left; font-size:12px; width:190px; padding:5px 0 5px 25px; background:url(../images/display-images/subnav-arrow.gif) 10px 13px no-repeat; border:none; } 
.subnav ul ul li a.on {  float:left; font-size:12px; width:190px; padding:5px 0 5px 25px; background:url(../images/display-images/subnav-arrow.gif) 10px 13px no-repeat #fff; border-top:1px solid #fff; color:#666; border-bottom:1px solid #dedede; } 


.small-newsletter { float:left; width:220px; margin:20px 0 0 0; color:#7b7b7b;  }
.small-newsletter h4 { font-size:1.3em;  }

.small-newsletter form { float:left; width:220px;  }
.small-newsletter form label { float:left; width:220px;  }
.small-newsletter form input { float:left; width:200px; border-radius:5px; border:1px solid #dedede; padding:5px 5px ; -moz-box-shadow: 0px 1px 0px #fff;   -webkit-box-shadow: 0px 1px 0px #fff; -o-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff;  }
.small-newsletter form input.email { width:160px; }
.small-newsletter form input.small-signup-btn { margin:0 0 0 -5px; background:url(../images/display-images/signup-btn.gif); text-indent:-999em; width:48px; height:30px;  }

.small-quote { float:left; width:180px; margin:20px 0 0 0; color:#8e8e8e; background:url(../images/display-images/small-quote.gif) no-repeat; font-size:12px; padding:0 0 0 30px;    }

.page-image-strip { background:#1c1c1c;  height:220px; overflow:hidden; }
.page-image-strip #slideshow { height:220px; overflow:hidden; }

.project { float:left; width:330px; margin:10px; font-size:1.1em; color:#6B6B6B; }

.project-title { float:left; width:100%; font-size:1.4em; margin:0 0 10px 0; }

.current-project { float:left; width:700px; text-shadow:0 1px 0 #fff; padding:20px; margin:0 0 0 -20px; font-size:12px; line-height:1.5em; border-bottom:1px solid #dedede; background:#fff; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease;  }
.current-project strong { font-weight:bold; }
.current-project:hover { -webkit-transform:scale(1.1); font-size:12px; -moz-transform:scale(1.1); transform:scale(1.1); -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 0px #888; }
.mod { background:#F4F4F4; }

.project-image { float:left; width:220px; margin:0 16px 14px 0;  padding:0 4px 6px 0; background:url(../images/display-images/news-image-bg.png) bottom right no-repeat; }
.project-text { float:right; width:460px;  }
.project-image img { width:218px; border:1px solid #dedede; }

a.project-details-btn { float:left; background:url(../images/display-images/more-btn.png) right 8px no-repeat; padding:0 10px 0 0;   }
a.project-details-btn:hover { color:#000;  }

form#contact-form { float:left; font-size:0.8em; margin:0 20px 20px 0; width:300px; padding:10px 20px; background:url(../images/display-images/hatching.png) #f4f4f4; border:1px solid #dedede; text-shadow:0 1px 0 #fff;  border-radius:3px; }
form#contact-form h3 { font-size:1.4em; border-bottom:1px dotted #dedede; padding:0 0 3px 0; }
form#contact-form label { float:left; width:300px; font-size:1.2em; color:#155834;  }
form#contact-form input, form#contact-form textarea { float:left; width:290px; border:1px solid #dedede; border-radius:3px; padding:5px; -moz-box-shadow: 0px 1px 0px #fff;   -webkit-box-shadow: 0px 1px 0px #fff; -o-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease; transition:all 0.2s ease;  }
form#contact-form input:focus, form#contact-form textarea:focus { border:1px solid #387253; background:#dcf2e6; -webkit-transform:scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03);  }

form#contact-form input.contact-submit { float:left; background:#155834; border-radius:3px; width:120px; text-align:center; color:#fff; text-shadow:0 -1px 0 #093c20;   padding:7px 10px; border:none; margin:10px 0 0 0;   }

a.back-btn { background:url(../images/display-images/arrow-left.gif) 3px 6px no-repeat; font-size:0.9em; font-style:italic; padding:0 0 0 12px; }

a.next-btn { float:left; text-align:left; border-top:1px dotted #dedede;  border-bottom:1px dotted #dedede; padding:10px 0; }
a.next-btn span { color:#bdbdbd;  }

.suppliers { background-color:#185F39; color:#FFFFFF; padding:5px;
	border-radius:5px;
}
.suppliers a { color:#FFFFFF; }

/* ------------------------------------------------------------

	Tooltip Styling
				
--------------------------------------------------------------- */
.tooltip {
	display:none;
	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}


/* ------------------------------------------------------------

	Project Voting Form - CHECK MAY BE INLINE
				
--------------------------------------------------------------- */

#voting-internal-content { background: #fff; width: 240px; padding:10px; border:1px solid #d3d3d3; margin-top: 20px;  -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px -1px 2px rgba(0,0,0,0.5); border-radius:5px;  }
#voting-internal-content h1 { font-size:2em; line-height:1.2em; }
#voting-internal-content h2 { line-height:1.2em; }
#voting-internal-content .internal-left, #voting-internal-content .text2 { width:220px; }
#voting-internal-content label.green-label {color: #126037;}
#submit-vote { margin-top: 20px; }
#submit-vote-title { margin-top: -40px; text-align: center;}

#terms-info { display: none; background: #fff; border:1px solid #d3d3d3; -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px -1px 2px rgba(0,0,0,0.5); border-radius:5px; width: 300px; padding: 10px; position: absolute; }
#terms-info h1  { font-size:1.2em; margin:0 0 10px 0; }
#terms-info p  { margin:0 0 10px 0;}

/* ------------------------------------------------------------

	Project Voting - Magazine Entries
				
--------------------------------------------------------------- */

.magazine { background: #fff; border-top: 1px solid #E2E2E2; width: 700px; margin: 0 0 0 -20px; border-bottom: 1px solid #DEDEDE; padding: 20px; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease; }
.magazine:hover { -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  transform:scale(1.1); -moz-box-shadow: 0px 0px 5px #888;   -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 0px #888; }
.magazine-image img { float: left; width:150px; border:1px solid #dedede; margin-right: 20px; }
.magazine .info { float: left; width: 526px;}
.magazine-title { font-size:1.6em; line-height: 1.5em; }
.magazine .info p { font-size:1.3em; line-height: 1.5em; }
a.magazine-details-btn { background:url(../images/display-images/more-btn.png) right 8px no-repeat; padding:0 10px 0 0; font-size:1.3em; line-height: 1.5em; }
a.magazine-details-btn:hover { color:#000; }
.mod { background:#f4f4f4; }

.vote-now-overlay a { position: absolute; display: block; z-index: 150; width: 140px; height: 140px; border: none;}

/* ------------------------------------------------------------

	Project Voting - Magazine Details
				
--------------------------------------------------------------- */

.magazine-project, .magazine-project-right { float: left; background: #ffffff; width:339px; padding:15px; margin: 0 0 0 -20px; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease; min-height:82px; }
.magazine-project a, .magazine-project-right a { text-decoration:none; }
.magazine-project-right { width:340px; margin: 0 -20px 0 0; border-right: none; }
.magazine-project:hover, .magazine-project-right:hover { -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  transform:scale(1.1); -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 0px #888; }
a.magazine-project-image img { float:left; width:60px; height:50px; border:1px solid #dedede; overflow:hidden; background:none; padding:0; margin:0 10px 0 0; }
a.magazine-project-text { float:left; width:246px; padding:0 0 0 10px; margin:0; font-size: 1.2em; background: url(../images/display-images/bullet-icon.png) 0 5px no-repeat; }

.links-project, .links-project-right { float: left; background: #ffffff; width:339px; min-height:52px; padding:15px; margin: 0 0 0 -20px; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease; }
.links-project-right { width:340px; margin: 0 -20px 0 0; border-right: none; }
.links-project:hover, .magazine-project-right:hover { -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  transform:scale(1.1); -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 0px #888; }
a.links-project-image img { float:left; width:60px; height:50px; border:1px solid #dedede; overflow:hidden; background:none; padding:0; margin:0 10px 0 0; }
a.links-project-text { float:left; width:246px; padding:0 0 0 10px; margin:0; font-size: 1.2em; background: url(../images/display-images/bullet-icon.png) 0 5px no-repeat; }

a.vote-projects-year {
	display: block;
	margin-bottom: 20px;
	background:url(../images/display-images/vote-projects.png);
	width:300px;
	height:156px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

a.vote-projects-2011:hover, a.vote-projects-2011:focus { opacity: 0.7;}

.magazine-logo { width:200px;  margin:0 0 10px 20px; overflow:hidden; float:right; }

a.vote-spacing img { margin-top: 20px; }

a.competitions-home {
	display: block;
	margin-bottom: 20px;
	background:url(../images/display-images/competitions.png);
	width:300px;
	height:69px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
a.competitions-home:hover, a.vote-projects-2011:focus { opacity: 0.7;}

a.project-app-home {
	display: block;
	margin: 10px 0;
	background:url(../images/display-images/project-application.png);
	width:300px;
	height:50px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
a.project-app-home:hover, a.project-app-home:focus { opacity: 0.7;}

/*-------------------------------------------------------------

	Reports
	
--------------------------------------------------------------- */

.report-small { float: left; background: #ffffff; width:328px; padding:15px; margin: 0; border-top: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; height: 145px; }
.report-small h3 { font-size:1.2em !important; color:#126037 !important; }
.report-small:hover { -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 0px #888; }
.reports-text { float:left; width:134px; padding:0px; margin:20px 0 0 0; font-size: 1.2em; line-height: 1.4em; }
.newsletters-text { float:left; width:328px; padding:0px; margin:20px 0 0 0; font-size: 1.2em; line-height: 1.4em; }
.reports-text ul li { list-style: disc; margin-left: 30px; }
.reports-text em { font-style:italic; }
.report-holder { float: left; width:175px; border:1px solid #dedede; overflow:hidden; background:none; padding:0; margin:0 10px 0 0; }
.report-holder td { vertical-align: middle; }

/* ------------------------------------------------------------

	Member Profile - Small
				
--------------------------------------------------------------- */

.member-holder { margin: 0 0 0 -20px;}
.member-profile-small { float: left; background: #ffffff; width:328px; padding:15px; margin: 0; border-top: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease; height: 145px; }
.member-profile-small:hover { -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  transform:scale(1.1); -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 0px #888; }
.logo-holder { float: left; width:140px; border:1px solid #dedede; overflow:hidden; background:none; padding:0; margin:0 10px 0 0; }
.logo-holder td { vertical-align: middle; }
.member-profile-text { float:left; width:166px; padding:0 0 0 10px; margin:0; font-size: 1.2em; line-height: 1.4em; }
.member-profile-text ul	li { list-style: disc; margin-left: 30px; }

.member-profile-wide { float: left; background: #ffffff; width:688px; padding:15px; margin: 0; border-top: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease; height: 145px; }
.member-profile-wide:hover { -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  transform:scale(1.1); -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 0px #888; }
.member-profile-text-wide { float:left; width:515px; padding:0 0 0 10px; margin:0; font-size: 1.2em; line-height: 1.4em; }
.member-profile-text-wide ul li { list-style: disc; margin-left: 30px; }




.project-voting-holder { float:left; margin: 0 0 5px -20px; border-top-right-radius: 2em; border-bottom-right-radius: 2em; -webkit-border-top-right-radius: 50px 30px; -webkit-border-bottom-right-radius: 50px 30px; -moz-border-radius-topright: 2em; -moz-border-radius-bottomright: 2em; border-top:1px solid #E2E2E2; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; border-left:1px solid #E2E2E2; }
.project-profile-small-nofade { float: left; background: #ffffff; width:500px; padding:15px; margin:0; /*height: 140px;*/ }
.project-profile-small-text { float:left; width:487px; padding:0 0 0 10px; margin:0; font-size: 1.2em; line-height: 1.4em; }
.project-profile-small-text ul	li { list-style: disc; margin-left: 30px; }
.project-profile-small-text p strong { font-weight: bold; }
.project-profile-small-text h3 { font-size: 16px; }
.error { color:#FF0000; }
.error a { color:#FF0000; text-decoration:underline; }
.error.voting {
	border: 1px solid; 
	border-radius: 5px; 
	float: left;
	margin-right: 10px;
	margin-top: 15px; 
	padding: 10px; 
	width:72%;
}
.twomilliontreepromo.voting {
	float: left;
	margin-top: 15px;
	width: 142px;
}
.twomilliontreepromo.voting img { width: 100%; }

@media screen and (max-width: 740px) {
	.error.voting {
		width: auto;
		float: none;
	}
	.twomilliontreepromo.voting {
		float: none;
		margin-top: 15px;
		text-align: center;
		width: auto;
	}
	.twomilliontreepromo.voting img { width: auto; }
}

.project-voting-right { width:125px; float:left; padding:15px; margin:20px 20px 0px 10px; height:100%; background-color:#F4F4F4; text-align:center; }
.voting-big { font-size:1.3em; font-weight:bold; color:#126037; }
.voting-label { font-size:1.3em; font-weight:bold; color:#126037; }






.project-profile-small { float: left; background: #ffffff; width:328px; padding:15px; margin: 0; border-top: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease; min-height:236px; /*height: 140px;*/ }
.project-profile-small:hover { -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  transform:scale(1.1); -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 0px #888; }
.project-profile-text { float:left; width:315px; padding:0 0 0 10px; margin:0; font-size: 1.2em; line-height: 1.4em; }
.project-profile-text ul	li { list-style: disc; margin-left: 30px; }
.project-logo-holder { float: left; text-align:left; width:142px; overflow:hidden; background:none; padding:0; margin:0 15px 0 0; font-size:14px; }
.project-logo-holder img { border:1px solid #dedede; margin-top:5px; }

.more-spacing img { margin-top: 10px; }
.member-logo { width:140px;  margin:-50px 0 10px 20px; overflow:hidden; float:right; }

/* ------------------------------------------------------------

	Project Details
				
--------------------------------------------------------------- */
.organisation-logo { float: left; margin: 0 20px 10px 0;}

.project-sponsor { margin: 20px 0 10px 0;}
.project-sponsor.no-margin-top { margin: -5px 0 10px 0;}
.project-sponsor h3 { text-align: center; font-style: italic;}
.right .project-sponsor a { float: right; width: auto; height: auto;}
.project-sponsor .organisation-logo { margin: 0 0 10px 10px;}

/* ------------------------------------------------------------

	Member Detail
				
--------------------------------------------------------------- */
.intro-member { float:left; font-size:1.4em; line-height:1.4em; width: 690px; }
.right-logo { float:right; width:140px; margin-left: 20px; overflow:hidden;}
.header-message { font-size: 0.95em; font-style: italic; }

/* ------------------------------------------------------------

	Archived Project
				
--------------------------------------------------------------- */

.small-archived { font-size: 0.9em; padding-left: 10px; }

/* ------------------------------------------------------------

	Application Form
				
--------------------------------------------------------------- */

table.no-borders td { border: none; padding: 0 5px 5px 0; vertical-align: top; }
table.no-borders td span.question { }
.section-title { float: left; font-size: 16px; font-weight: bold; margin: 10px 0; }
input.full-width, textarea.full-width { width: 500px; }
input.half-width, textarea.half-width { width: 220px; }
input.full-width-700, textarea.full-width-700 { width: 700px; }
input.width-80, textarea.width-80 { width: 450px; }
table.no-borders td span.note { font-size: 0.8em; font-style: italic; color: #000; }
.terms { font-size:11px; line-height:normal; }
.wordcount { color:#000000; }
.warningTextareaInfo { color:#FF0000; }

.appinfo { color:#FF0000; }
.appinfo a { color:#FF0000; text-decoration:underline; }
.appinfo.previousapp {
	border: 1px solid; 
	border-radius: 5px; 
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px; 
	font-weight: bold;
	font-size: 13px;
}


/* ------------------------------------------------------------

	Conservation Categories
				
--------------------------------------------------------------- */

#conservation-categories { width:100%; float:left; margin:10px 0px; }
#conservation-categories a { background: #fff; width: 135px; height: 210px; margin-right:5px; float: left; text-align: center; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease; }
#conservation-categories a:hover { -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  transform:scale(1.1); -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 0px #888; }
.category-name { font-size: 12px; }

/* ------------------------------------------------------------

	Breadcrumb Navigation
				
--------------------------------------------------------------- */

.breadcrumb { margin: 7px 0; color: #a4a7b0;}
.breadcrumb a { color: #a4a7b0; }
.breadcrumb a:hover, .breadcrumb a:focus { color: #07341C; }

/* ------------------------------------------------------------

	Links + Links Category
				
--------------------------------------------------------------- */

.link { border-bottom: 1px solid #e2e2e2; padding: 5px 10px 10px 10px; background: url(../images/display-images/bullet-icon.png) 0 15px no-repeat; min-height: 130px; }


/* ------------------------------------------------------------

	Competition Winners
				
--------------------------------------------------------------- */

.winner-holder { width: 298px; float: left; margin: 0px 0px 25px 25px; }
.credit { width: 298px; float: left; line-height: 1; }
.credit-small { font-size: 10px; }

/* ------------------------------------------------------------

	News & Features - 2 Columns
				
--------------------------------------------------------------- */

#news-col,
#feature-col{
	width: 350px;
	float: left;
}

#news-col .current-project,
#feature-col .current-project{
	width: 309px;
	border-top: 1px solid #E2E2E2;
	border-right: 1px solid #DEDEDE;
}

.news-title { float:left; width:100%; font-size:1.2em; margin:0 0 10px 0; }

/* Blank Submit Input Button */

input.blank-submit {background: url(../images/display-images/blank-submit-vote.png); width: 220px; height: 44px; border: none; margin-top: 20px; color: #777; text-shadow: 0 1px 0 #fff; font-size: 0.95em; font-weight: bold;}

a.submit-style { background-image: url(../images/display-images/submit.png); float:left; width: 127px; height:44px; border:none; }

.reset {margin-left: 10px; font-size: 0.75em;}

/* ------------------------------------------------------------

	Pagination
				
--------------------------------------------------------------- */

.pagination { margin-bottom: 10px; }
.page { background: #e6e6e6; padding: 3px 5px;}
.page strong { font-weight: bold; background: #185F39; border: 1px solid #1b5335; color: #fff; padding: 2px 5px; border-radius: 3px;}

a.page-first, a.page-back, a.page-next, a.page-last { background: #1b5335 url(../images/display-images/pagination-bg.png) top repeat-x; border: 1px solid #1b5335; color: #fff; padding: 2px 5px; border-radius: 3px; }
a.page-back { margin-right: 7px; }
a.page-next { margin-left: 7px; }

/* ------------------------------------------------------------

	Donate
				
--------------------------------------------------------------- */

.donate { margin-top:8px; float:right; }
.donate-internal { margin-top:16px; float:left; margin-left:44px; }

/* ------------------------------------------------------------

	Apply Online
				
--------------------------------------------------------------- */

.apply-intro-holder { float:left; }
.intro#apply-online { width:410px; }
.apply-login { float:right; width:275px; }

form#login-form { float:left; font-size:0.8em; margin:0 20px 20px 0; width:232px; padding:10px 20px; background:url(../images/display-images/hatching.png) #f4f4f4; border:1px solid #dedede; text-shadow:0 1px 0 #fff;  border-radius:3px; }
form#login-form h3 { font-size:1.4em; border-bottom:1px dotted #dedede; padding:0 0 3px 0; }
form#login-form label { float:left; width:232px; font-size:1.2em; color:#155834;  }
form#login-form input, form#contact-form textarea { float:left; width:222px; border:1px solid #dedede; border-radius:3px; padding:5px; -moz-box-shadow: 0px 1px 0px #fff;   -webkit-box-shadow: 0px 1px 0px #fff; -o-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease; transition:all 0.2s ease;  }
form#login-form input:focus, form#contact-form textarea:focus { border:1px solid #387253; background:#dcf2e6; -webkit-transform:scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03);  }
form#login-form input.contact-submit { cursor:pointer; float:left; background:#155834; border-radius:3px; width:120px; text-align:center; color:#fff; text-shadow:0 -1px 0 #093c20;   padding:7px 10px; border:none; margin:10px 0 0 0; }

#login-form a { font-size:1.2em; }
#login-form a:hover { text-decoration:underline; }
#login-form .bulleted-list { list-style:disc outside; width:100%; margin-left:10px; }
#login-form .bulleted-list li { margin-top:5px; }

.blockUI.blockMsg.blockPage {
	cursor: default !important;
}
#saveForm {
	cursor: default;
	background-color: #fff;
	border: 4px solid #e4e4e4;
	/*border-radius: 15px;
	color: #666;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	line-height: normal;
	padding: 10px;*/
	position: absolute;
	z-index: 1000;
}
form#applicationForm input.contact-submit { 
	cursor:pointer; 
	float:left; 
	background:#155834; 
	border-radius:3px; 
	width:120px; 
	text-align:center; 
	color:#fff; 
	text-shadow:0 -1px 0 #093c20;
	padding:7px 10px; 
	border:none; 
	margin:10px 0 0 0; 
}
form#applicationForm input.contact-submit#submitApp {
	width:250px; 
}

.content-container {
	
}
.form-holder {
	width: 640px;
}
.form-holder .left-content {
	float:left;
	margin: 10px;
}
.form-holder .or-divider {
	float:left;
	width: 50px;
	font-size: 16px;
	margin-top: 100px;	
}
.form-holder .right-content {
	float:left;
	margin: 10px;
}
.form-holder .left-content .apply-login, .form-holder .right-content .apply-login {
	text-align: left;
}
.form-holder .left-content .apply-login form#login-form {
	margin-right: 0px;
}
.action-buttons {
	float: left;
	text-align: center;
    width: 640px;
    height: 50px;
}
.small-print {
	float: left;
	color: #666666;
	line-height: 12px;
	padding: 10px;
	text-align: left;
	font-size: 10px;
}
.small-print a {
	text-decoration: underline;
}

form#save-login-form, form#new-login-form { float:left; font-size:0.8em; margin:0 20px 20px 0; width:232px; padding:10px 20px; background:url(../images/display-images/hatching.png) #f4f4f4; border:1px solid #dedede; text-shadow:0 1px 0 #fff;  border-radius:3px; }
form#save-login-form h3, form#new-login-form h3 { font-size:1.4em; border-bottom:1px dotted #dedede; padding:0 0 3px 0; }
form#save-login-form label, form#new-login-form label { float:left; width:232px; font-size:1.2em; color:#155834;  }
form#save-login-form input, form#new-login-form input { float:left; width:222px; border:1px solid #dedede; border-radius:3px; padding:5px; -moz-box-shadow: 0px 1px 0px #fff;   -webkit-box-shadow: 0px 1px 0px #fff; -o-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease; transition:all 0.2s ease;  }
form#save-login-form input:focus, form#new-login-form input:focus { border:1px solid #387253; background:#dcf2e6; -webkit-transform:scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03);  }
form#save-login-form a.contact-submit, form#new-login-form a.contact-submit { 
	cursor:pointer; 
	float:left; 
	background:#155834; 
	border-radius:3px; 
	width:120px; 
	text-align:center; 
	color:#fff; 
	text-shadow:0 -1px 0 #093c20;
	padding:7px 10px; 
	border:none; 
	margin:10px 0 0 0;
	font-size: 13px;
}
.action-buttons a.cancel-submit { 
	cursor:pointer; 
	/* float:left; */
	background:#155834; 
	border-radius:3px; 
	width:120px; 
	text-align:center; 
	color:#fff; 
	text-shadow:0 -1px 0 #093c20;
	padding:7px 10px; 
	border:none; 
	margin:10px 0 0 0;
	font-size: 13px;
	display: inline-block;
}

.save-message {
	float: left;
	margin: 10px 10px 0px 10px;
	padding: 5px;
	text-align: center;
	width: 605px;
}
.save-message.error {
	border: 2px solid #FF0000; background-color: #FFEEAA;
	width: 605px;
}

.login-error {
	border: 2px solid #FF0000; background-color: #FFEEAA;
	float: left;
	padding: 5px;
	width: 260px;
}

.errorFocus { border: 2px solid #FF0000; background-color: #FFEEAA; }

#validationError {
	background-color: #ffeeaa;
    border: 2px solid;
    color: #ff0000;
    margin: 10px 10px 15px 10px;
    padding: 5px;
    width: 674px;
}

.cookie-warning {
	float: left;
    font-size: 12px;
    padding: 10px;
	margin-bottom: 5px;
	border: 1px solid #C30;
	color: #C30;
	font-weight: bold;
	width: 660px;
}

/* -----------------------------------------------------------

	Sustaining Members
	
----------------------------------------------------------- */

.sustaining-member-title-container { float:left; width:530px; }
.sustaining-member-title { float:left; font-size:1.4em; margin:0 0 0 0; }
.sustaining-member-url { float:left; margin:0 0 10px 0; }

.sustaining-member { float:left; width:700px; text-shadow:0 1px 0 #fff; padding:20px; margin:0 0 0 -20px; font-size:1.3em; line-height:1.5em; border-bottom:1px solid #dedede; background:#fff; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease;  }
.sustaining-member strong { font-weight:bold; }
.sustaining-member.mod { background:#f4f4f4; }

.sustaining-member-image-list { float:left; width:138px; margin:0 16px 14px 16px;  padding:0 4px 6px 0; background:url(../images/display-images/news-image-bg.png) bottom right no-repeat; }
.sustaining-member-image-list img { width:136px; border:1px solid #dedede; }

.sustaining-member-image { float:left; width:138px; margin:0 16px 14px 0;  padding:0 4px 6px 0; background:url(../images/display-images/news-image-bg.png) bottom right no-repeat; }
.sustaining-member-image img { width:136px; border:1px solid #dedede; }
.sustaining-member-text { float:left; width:530px;  }

a.sustaining-member-details-btn { float:left; background:url(../images/display-images/more-btn.png) right 8px no-repeat; padding:0 10px 0 0; margin-top:5px;  }
a.sustaining-member-details-btn:hover { color:#000;  }

a.sustaining-backtotop { background:url(../images/display-images/more-btn-top.png) right 8px no-repeat; float:right; padding:0 10px 0 0; font-style:italic; margin-top:5px; }

/* -----------------------------------------------------------

	Summit Members
	
----------------------------------------------------------- */

.summit-member-title-container { float:left; width:530px; }
.summit-member-title { float:left; font-size:1.4em; margin:0 0 0 0; }
.summit-member-url { float:left; margin:0 0 10px 0; }

.summit-member { float:left; width:700px; text-shadow:0 1px 0 #fff; padding:20px; margin:0 0 0 -20px; font-size:1.3em; line-height:1.5em; border-bottom:1px solid #dedede; background:#fff; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease;  }
.summit-member strong { font-weight:bold; }
.summit-member.mod { background:#f4f4f4; }

.summit-member-image-list { float:left; width:138px; margin:0 16px 14px 16px;  padding:0 4px 6px 0; background:url(../images/display-images/news-image-bg.png) bottom right no-repeat; }
.summit-member-image-list img { width:136px; border:1px solid #dedede; }

.summit-member-image { float:left; width:138px; margin:0 16px 14px 0;  padding:0 4px 6px 0; background:url(../images/display-images/news-image-bg.png) bottom right no-repeat; }
.summit-member-image img { width:136px; border:1px solid #dedede; }
.summit-member-text { float:left; width:530px;  }

a.summit-member-details-btn { float:left; background:url(../images/display-images/more-btn.png) right 8px no-repeat; padding:0 10px 0 0; margin-top:5px;  }
a.summit-member-details-btn:hover { color:#000;  }

a.summit-backtotop { background:url(../images/display-images/more-btn-top.png) right 8px no-repeat; float:right; padding:0 10px 0 0; font-style:italic; margin-top:5px; }


.mobile { display: none; }
.desktop { display: inline; }
.hidden-desktop, .visible-phone, .visible-tablet,
#toggle-1, .searchmobile {
    display: none ;
}


/* -----------------------------------------------------------

	Two Million Trees
	
----------------------------------------------------------- */
.tree-holder {
	float: left;
	width: 250px;
	max-width: 50%;
}
.tree-holder img {
	width: 100%;
}
.tree-climber {
    font-size: 1.6em;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: bold;
}
.tree-climber > span {
    font-size: 0.75em;
    font-weight: normal;
}
.tree-text {
	
}
.tree-text p {
	
}
.tree-text .tree-donate {
	
}
.tree-text .tree-donate .donate-form-container {
	text-align: center;
}
.tree-text .tree-donate .form-holder form#donate-trees { margin-top:16px; float:left; margin-left:44px; }

.trees-title-container { float:left; width:530px; }
.trees-title { float:left; font-size:1.4em; margin:0 0 0 0; }
.trees-url { float:left; margin:0 0 10px 0; }

.trees-project { float:left; width:700px; text-shadow:0 1px 0 #fff; padding:20px; margin:0 0 0 -20px; font-size:1.3em; line-height:1.5em; border-bottom:1px solid #dedede; background:#fff; -webkit-transition:all 0.2s ease;  -moz-transition:all 0.2s ease;  -o-transition:all 0.2s ease;  transition:all 0.2s ease;  }
.trees-project strong { font-weight:bold; }
.trees-project.mod { background:#f4f4f4; }
.trees-project .infoBox { width: 530px; float:left; }
.trees-project .infoBox.last { margin-bottom: 10px; }
.trees-project .infoBox a { margin-bottom: 0px; }

.trees-project-image-list { float:left; width:100px; margin:0 16px 14px 16px;  padding:0 4px 6px 0; background:url(../images/display-images/news-image-bg.png) bottom right no-repeat; }
.trees-project-image-list img { width:100px; border:1px solid #dedede; }

.trees-project-image { float:left; width:138px; margin:0 16px 14px 0;  padding:0 4px 5px 0; background:url(../images/display-images/news-image-bg.png) bottom right no-repeat; }
.trees-project-image img { width:136px; border:1px solid #dedede; }
.trees-project-text { float:left; width:530px;  }
a.trees-backtotop { background:url(../images/display-images/more-btn-top.png) right 8px no-repeat; float:right; padding:0 10px 0 0; font-style:italic; margin-top:5px; }

.tree-text .image.right-wide {
    box-sizing: border-box;
    float: left;
    margin: 0;
    width: 50%;
    text-align: center;
}
.tree-text .image.right-wide a {
    float: left;
	height: auto;
    width: 100%;
}
.tree-text .image.right-wide .alt {
	margin-bottom: 20px;
}

.tree-text > strong {
    clear: left;
    display: block;
}

/* -----------------------------------------------------------

	MOBILE STYLES
	
----------------------------------------------------------- */

/* IPAD PORTRAIT */

@media only screen and (max-width : 900px) {
	
.hold { width: 100%; }
.leftcontent { width: 100%; }
.user-controls { margin: 0 auto; float: none; display: inline-block; }
.user-controls a {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin: 0 5px;
    text-align: center;
}
.header-strip {
	width: 90%;
	width: -webkit-calc(100% - 42px);
	width: -moz-calc(100% - 42px);
	width: calc(100% - 42px);
	display: inline-block;
}
#header {
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
    width: auto;
}
.search {
	float: none;
	width: auto;
	display: inline-block;
	text-align:left;
}
.search form {
	float: none;
	width: 220px;
}
.search h1 {
	width: 250px;
	display:block;
	font-weight: bold;
	margin-left: 10px;
}
a.logo {
    float: left;
    margin: 10px auto 0;
	padding: 0 10px 0 0;
	position: relative;
    top: 0;
	left: 10px;
	display: inline-block;
	width: 164px;
	height: 66px;	
	vertical-align: top;
}
.language {
	display: block;
	float: left;
}
.language img {
	width: 29px;
}
#content {
	width: 90%;
	width: -webkit-calc(100% - 22px);
	width: -moz-calc(100% - 22px);
	width: -calc(100% - 22px);
	background: #fff none;
	border-radius: 0;
	margin-top: 0;
}
.col12-4 {
	width: 47%;
	width: -webkit-calc(50% - 20px);
	width: -moz-calc(50% - 20px);
	width: -calc(50% - 20px);
}

.mobile { 
	display: inline;
}
.desktop, .user-controls, .social-links {
	display: none;
}

.col12-4.rightcontent.mobile {
	width: 90%;
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: calc(100% - 40px);
}

.slideshow-strip {
	height: 180px;
}

input[type="checkbox"] ~ #navigation-wrapper {
	height:0;
}
input[type="checkbox"]:checked ~ #navigation-wrapper {
	height:auto;
}

input[type="checkbox"]#toggle-1 {
    display: none;
    left: -9999px;
    position: absolute;
    top: -9999px;
}

#navigation-wrapper {
	height: auto;
	z-index: 0;
}
/*
input[type="checkbox"] ~ [id="navigation-wrapper"] li {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
}
input[type="checkbox"]:checked ~ [id="navigation-wrapper"] li:nth-child(1) {
    -webkit-animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.2s normal forwards 1 running swipeIn;
    animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.2s normal forwards 1 running swipeIn;
}
input[type="checkbox"]:checked ~ [id="navigation-wrapper"] li:nth-child(2) {
    -webkit-animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.3s normal forwards 1 running swipeIn;
    animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.3s normal forwards 1 running swipeIn;
}
input[type="checkbox"]:checked ~ [id="navigation-wrapper"] li:nth-child(3) {
    -webkit-animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.4s normal forwards 1 running swipeIn;
    animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.4s normal forwards 1 running swipeIn;
}
input[type="checkbox"]:checked ~ [id="navigation-wrapper"] li:nth-child(4) {
    -webkit-animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.5s normal forwards 1 running swipeIn;
    animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.5s normal forwards 1 running swipeIn;
}
input[type="checkbox"]:checked ~ [id="navigation-wrapper"] li:nth-child(5) {
    -webkit-animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.6s normal forwards 1 running swipeIn;
    animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.6s normal forwards 1 running swipeIn;
}
input[type="checkbox"]:checked ~ [id="navigation-wrapper"] li:nth-child(6) {
    -webkit-animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.7s normal forwards 1 running swipeIn;
    animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.7s normal forwards 1 running swipeIn;
}
input[type="checkbox"]:checked ~ [id="navigation-wrapper"] li:nth-child(7) {
    -webkit-animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.8s normal forwards 1 running swipeIn;
    animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.8s normal forwards 1 running swipeIn;
}
input[type="checkbox"]:checked ~ [id="navigation-wrapper"] li:nth-child(8) {
    -webkit-animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.9s normal forwards 1 running swipeIn;
    animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 0.9s normal forwards 1 running swipeIn;
}
input[type="checkbox"]:checked ~ [id="navigation-wrapper"] li:nth-child(9) {
    -webkit-animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 1s normal forwards 1 running swipeIn;
    animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 1s normal forwards 1 running swipeIn;
}
input[type="checkbox"]:checked ~ [id="navigation-wrapper"] li:nth-child(10) {
    -webkit-animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 1.1s normal forwards 1 running swipeIn;
    animation: 0.5s cubic-bezier(0.09, 0.68, 0, 0.99) 1.1s normal forwards 1 running swipeIn;
}
*/

label.handheld-cross {
    -moz-user-select: none;
    background: rgba(0, 0, 0, 0) url("../../images/menu-hover.svg") no-repeat scroll center center;
    color: transparent;
    cursor: pointer;
    display: block;
    float: right;
    height: 42px;
    margin: 18px 0 0;
    width: 42px;
}
label.handheld-cross.active {
    background: rgba(0, 0, 0, 0) url("../../images/menu-hover.svg") no-repeat scroll center center;
}

@-webkit-keyframes swipeIn {
0% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
}
100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
}
@keyframes swipeIn {
0% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
}
100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
}


div[id="navigation-wrapper"] ul#nav li {
    background: #000 none repeat scroll 0 0;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    display: block;
    height: 40px;
    line-height: 40px;
    list-style: outside none none;
    pointer-events: auto;
	float: none;
	z-index: 1;
}

div[id="navigation-wrapper"] ul#nav li a {
    display: inline-block;
    padding: 0 0 0 4%;
    width: 96%;
    color: #fff;
    transition: color 0.3s ease 0s;	
    text-decoration: none;
}

.hidden-desktop {
    display: inherit !important;
}

ul#nav li a.selected {
    background: #009b75 none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    color: #244a36;
    float: left;
    text-shadow: none;
}

a.more, a.project-details-btn, .link a {
	text-indent: 0;
	background: #0099cc;
	color: #ffffff;
	font-weight:bold;
	text-shadow: none;
	padding:10px;
	height: auto;
	width: auto;
}

.link h3 a {
	background: none;
	color:#000;
}

a.project-details-btn {
	float: right;
	margin-top: 10px;
}
#footer {
	text-align: center;
}

#footer ul li a {
    border-bottom: 1px dashed;
    color: #ccc;
    font-size: 1.6em;
    line-height: 40px;
    text-align: left;
    width: 96%;
	margin: 0 4%;
}
#footer .col12-2 {
	width: 94%;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
}
#footer .col12-3,
#footer .col12-4 {
	width: 95%;
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: calc(100% - 40px);
}
a.footer-facebook {
	clear: both;
}
.legalese .col12-6 {
	float: none;
    text-align: center;
    width: auto;
}

a.footer-twitter {
	width: auto;
}

h2 {
    font-size: 2em;
    font-style: italic;
    margin: 12px 0 16px;
}

h5 {
    color: #ffffff;
    font-size: 1.8em;
    line-height: 1em;
    margin-bottom: 15px;
}

.news .dot-divide {
	display: none;
}

.news-item-left a,
.news-item a {
	width:150px;
	width: -webkit-calc(100% - 82px);
	width: -moz-calc(100% - 82px);	
	width: calc(100% - 82px);	
}
.news-item a.small-news-image,
.news-item-left a.small-news-image {
	width: 60px;
}
.news-item.top a,
.news-item-left.top a {
	width:97%;
}
.news-item.top a.news-image,
.news-item-left.top a.news-image {
	width: auto;
}


#internal-content {
	width: auto;
	border-radius: 0;
	background: #fff;
	margin-top: 0;
	box-shadow: none;
}
.internal-left, .internal-right {
	width: auto;
	margin: 10px 0 0 10px;
}

.controls {
	width: 95%;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
}
.text, .text2 {
	width: auto;
}
.right {
	margin: 0 0 16px 14px;
}
.image.right {
	max-width: 50%;
}
.image.right img {
	width:100%;
	height:auto;
}
.image.right a {
	width: auto;
	height: auto;
}

.subnav ul {
    border-bottom: 1px solid #fff;
    float: left;
    margin: 0;
    width: auto;
}
.subnav ul li, .subnav ul li a {
    float: left;
    width: 100%;
}
.subnav ul li a {
	width: 95%;
	width: -webkit-calc(100% - 25px);
	width: -moz-calc(100% - 25px);
	width: calc(100% - 25px);
}
.subnav h4 {
    background: #996633 none repeat;
	margin: 0;
	width: auto;
}
.subnav ul ul {
	width: auto;
}
.small-quote {
 	width: auto;
}

.donate-internal {
    float: right;
    margin-left: 0;
    margin-top: 16px;
}
.current-project,
.project-text {
	width: auto;
}

.links-project, .links-project-right {
	margin: 0;
	width: auto;
	border:none;
}

.current-project:hover,
#conservation-categories a:hover,
.links-project:hover, .magazine-project-right:hover {
	transform: none;
}

a.links-project-text {
	float:none;
}

a.back-btn {
    background: rgba(0, 0, 0, 0) url("../images/display-images/arrow-left.gif") no-repeat scroll 4px 13px;
    border: 1px solid;
    clear: both;
    float: left;
    margin-top: 12px;
    padding: 6px 10px 6px 15px;
	font-size: 13px;
}

.member-profile-small {
	width: 90%;
	width: -webkit-calc(100% - 25px);
	width: -moz-calc(100% - 25px);
	width: calc(100% - 25px);
	height: auto;
	min-height: 145px;
	border: none;
}
.member-profile-small:hover {
	transform: none;
	box-shadow: none;
}
.member-profile-small .logo-holder a {
	border: none;
}
.member-profile-text {
	float: none;
	width: auto;
}
.member-profile-text a.more-spacing {
	float: right;
}
#main {
	width: auto !important;
}

.report-small {
	border: none;
	width: 90%;
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
}
a.report-holder {
	width: 35%;
}
a.report-holder img {
	width: 100%;
	height: auto;
}
.reports-text {
    border-bottom: 1px dotted #dedede;
    clear: both;
    padding-bottom: 20px;
    width: 100%;
}
.report-small h3 {
	font-weight: bold;
}

.text-wide {
	width: auto;
}

.project-profile-small-nofade {
	width: 90% !important;
	width: -webkit-calc(100% - 30px) !important;
	width: -moz-calc(100% - 30px) !important;
	width: calc(100% - 30px) !important;
}
.project-profile-small-text {
	width: auto !important;
}
.project-voting-holder {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ccc;
}
.project-voting-right {
	background: none;
	width: 80%;
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
	margin: 20px auto 0;
}
.project-voting-right input[type='submit'] {
	text-indent: 0 !important;
	background: #0099cc !important;
	color: #ffffff !important;
	font-weight:bold !important;
	text-shadow: none !important;
	padding:10px !important;
	height: auto !important;
	width: 220px !important;
}
.text {
	width: 100% !important;
}
.text2 table {
	margin-bottom: 10px;
}
.margin-top {
	margin-top: 0;
}
.related {
	float: none;
	width: 100%;
}
.related h3 {
 	width: 90%;	
 	width: -webkit-calc(100% - 10px);	
 	width: -moz-calc(100% - 10px);	
 	width: calc(100% - 10px);	
}
.related a {
	width: 90%;
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
}

/* Two Million Trees */

.trees-project {
	width: auto;
}

.trees-title-container, 
.trees-project .infoBox,
.trees-project-text {
    width: calc(100% - 160px);
}

.trees-project-image-list {
	float: none;
	display: inline-block;
}

.center {
	text-align: center;
}


}

/* IPAD PORTRAIT */

@media screen and (max-width: 728px) {

.apply-login {
    float: left;
	margin: 20px;
}

.slideshow-strip,
.page-image-strip {
	display: none;
}
.page-image-strip,
.page-image-strip #slideshow {
	height:100px;
}

.col12-4,
.newsletter {
	width: 94%;
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: -calc(100% - 40px);
}
.copyright {
	text-align: left;
	width: auto;
}
.newsletter-col1 {
	width: auto;
	padding: 0;
}
.newsletter-col2,
.newsletter-col3 {
	clear: both;
	margin-left: 0;
}
.newsletter-divide {
	display: none;
}
#signup input.signup-btn {
	height: 32px;
	width: 50px;
}
.newsletter h4 {
    font-size: 2.3em;
    line-height: 1em;
}
.news-item-left {
	border-right: none;
}
.news-item-left, .news-item {
	width: 100%;
	margin: 0 -10px 0 -20px;
}
#signup .legend {
	float: left;
	width: auto;
}

.quote {
	margin: 20px 0;
}

.projectContent .image.right,
.projectContent .image.left {
	max-width: none;
	text-align: center;
	width: 260px;
	clear:both;
	float: none;
}
.projectContent .alt,
.memberspage .alt {
	clear: both;
}

.projectContent .member-profile-wide {
	width: 100%;
	padding: 0;
	text-align: center;
	border:none;
}
.member-profile-wide .vote-now-overlay a {
	margin-top: -110px !important;
	margin-left: 20px !important;
	
}
.member-profile-small .vote-now-overlay a, .member-profile-small .logo-holder {
	float: left !important;
}
.projectContent .member-profile-wide h3 {
	font-size: 15px;
	font-weight: bold;
}
.projectContent .member-profile-text-wide {
	width: auto;
	float:none;
	padding: 15px;
}
.projectContent .logo-holder {
	display: block;
	margin: 0 auto;
	float: none;
}

.image.right .project-sponsor,
.right-wide {
	margin: 0 auto;
}
.image.right .project-sponsor img {
	width: auto;
}

.right-wide a img {
	width:100%;
	max-width:280px;
}

.image.right .project-sponsor a,
.right-wide a {
	float: none;
}

form#contact-form {
    width: calc(100% - 40px);
}
form#contact-form label {
	width: auto;
}

form#contact-form input, form#contact-form textarea,
form#login-form input, form#contact-form textarea {
	width: 94%;
}

input.full-width, textarea.full-width {
	width:95% !important;
	clear: both;
	min-height: 26px;
}

table.no-borders td {
    border: medium none;
    clear: both;
    float: left;
    padding: 0 5px 5px 0;
    vertical-align: top;
    width: 100%;
}

input.full-width-700, textarea.full-width-700 {
	width: 95%;
}

.charleft, .wordcount {
	width: 100% !important;
}

#apply-online.intro {
    width: auto;
}

.apply-login {
    float: left;
    margin: 20px 0;
    width: 85%;
}

select {
	width: 97%;
}

.mobilefix {
	float: none !important;
	text-align: center;
}
.mobilehide {
	display: none;
}
.mobile-sepper {
	width: 100%;
	text-align: center;
}
form#applicationForm input.contact-submit {
	float: none;
}

.question br {
	clear: none;
	display: inline;
	float: left;
}

table.no-borders td div {
	margin-top: auto !important;
	clear: both;
}

#cookies {
   width: auto; padding:5px;
}

#cookies-message {
   width: auto;
}


}

@media screen and (max-width: 540px) {
/*
a.logo, a.logo img {
	width: 100px;
	height: 40px;
}

.language a {
	clear: left;
	display: block;
	margin-left:12px;
}
*/
.search {
	display: block;
}
.search h1 {
	clear: both;
	display: block;
	width: auto;
	text-align: center;
	float: left;
	margin: 14px 10px;
}
.search form {
	display: none;
}

label.handheld-cross {
	margin-top: 11px;
 	position: absolute;
	top: 0;
	right: 0;
}

.searchmobile {
	display: inline-block;
}

a.searchanchor {
	display: inline-block;
	height:35px;
	width: 35px;
	margin-right:5px;
	margin-top: 16px;
	background: url('../../images/search.png') no-repeat scroll;
   	position: absolute;
    right: 40px;
    top: 0;
}

.header-strip {
	width: 100%;
	display: inline-block;
	height: 140px;
	overflow: visible;
}

.memberspage .image.right {
	width: 100%;
	max-width: none;
	margin-left: 0;
}

.member-logo {
	margin-top: 10px !important;
	float: right;
}

.comps .member-logo {
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	width: 30% !important;
	margin-top: 10px !important;
}
.comps .member-logo img {
	width: 100% !important;
}

.comps .image-holder-right {
	float: none;
}



}

@media screen and (max-width: 462px) {

.search h1 {
	width: auto;
}

.text, .text2 {
	max-width: 100%;
}

.image.right, .image.left {
    margin: 0 auto 16px;
}

.image.left {
	max-width: 100%;
	float: none;
}

.right-wide {
	float: none;
	max-width: 100%;
}
.text-wide {
	width: auto;
}

.internal-left, .internal-right {
	margin-left: 0;
	margin-right:0;
	width: 100%;
}

.current-project {
	margin: 0 auto;
}

.project-logo-holder {
	width: 100%;
	text-align: center;
	clear: both;
}
.project-logo-holder img {
	margin: 0 auto;
}
.project-voting-holder {
    border-bottom-right-radius: 0;
}
.project-voting-right {
	 width: 80%;
	 width: -webkit-calc(100% - 30px);
	 width: -moz-calc(100% - 30px);
	 width: calc(100% - 30px);
	 margin: 20px auto 0;
}
.project-profile-small-text h3 {
    font-size: 20px;
    margin: 20px 0;
    text-align: center;
}

.project-profile-small-text #sEmail {
	width: 100% !important;
}
.project-profile-small-text #terms {
	float: left;
	margin-right: 10px;
}

/*TREE*/

.trees-project-text {
    width: auto !important;
}
.trees-project-image img {
	width: 100%;
}
.trees-project-image {
	box-sizing: border-box;
	margin-right: 3%;
	width: 30%;
}
.trees-project-image-list {
	margin: 0 2% 14px;
}
.trees-title-container, .trees-project .infoBox {
    width: 66%;
}


}

@media screen and (max-width: 350px) {

.language a {
	clear: both;
	display: block;
}

}