/* @group reset */

/* html5 css reset */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, .promo, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;list-style-type:none;}body {line-height:1;}article,aside,details,figcaption,figure,footer,.promo,hgroup,menu,nav,section {display:block;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}table {border-collapse:collapse;border-spacing:0;}input, select {vertical-align:middle;}

/* @end */

body {
	color: #333;
	font: .78em/1.4 lato, helvetica, tahoma, sans-serif;
	-webkit-text-size-adjust: none;
}

a {	color: inherit; }

.sprite {
	display: block;
	overflow: hidden;
	text-indent: -5000em;
	background: url(../images/sprite.png) no-repeat;
	font-size: 0;
	line-height: 0;
}

.clear {
	clear: both;
}

.top-bar {
	background-color: rgba(4, 121, 152, .8);
	margin-bottom: -30px;
	position: absolute;
	width: 100%;
	z-index: 1000;
	padding: 6px 0;
}

.top-bar div.wrapper {
	width: 1140px;
	margin: 0 auto;	
}

.top-bar ul.menu {
	margin-right: 20px;
	overflow: hidden;
	font-size: 1.1em;
	line-height: 1.1;
	color: #fff;
	text-align: right;
	height: 18px;
	float: right;
}

.top-bar ul.menu li {
	float: left;
	padding-right: 8px;
	color: #cde547;
	overflow: hidden;
}

.top-bar ul.menu li:after {
	content: "||";
}

.top-bar ul.menu li:last-child {
	padding: 0;
}

.top-bar ul.menu li:nth-child(6):after, .top-bar ul.menu li:last-child:after {
	content: "";
}

.top-bar ul.menu li a {
	text-decoration: none;
	color: #fff;
	margin-right: 8px;
}

.top-bar ul.menu li a:hover {
	text-decoration: underline;
}

.top-bar ul.menu li a.active {
	color: #f4ad2c;
}

.top-bar ul.menu li a.sprite {
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 0 0 5px;
}

.top-bar ul.menu li a.sprite:first-child {
	margin: 0;
}

.top-bar .sub-menu {
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition:    opacity .2s ease-in-out;
	-ms-transition:     opacity .2s ease-in-out;
	-o-transition:      opacity .2s ease-in-out;
	transition:         opacity .2s ease-in-out;
	width: 200px;
	z-index: 99;
	text-align: left;
}

.top-bar .sub-menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 9px;
}

.top-bar .menu-item:hover > .sub-menu,
.top-bar .menu-item:focus > .sub-menu {
	left: auto;
	opacity: 1;
	margin-left: -12px;
}

.top-bar .sub-menu a {
	background: rgba(4, 121, 152, 0.8);
	color: #fff;
	padding: 8px 16px 11px 16px;
	display: inline-block;
	border-top: 1px solid rgba(255,255,255,.1);
}

.top-bar .sub-menu li {
	float: none;	
}

.sprite.facebook { background-position: 0 0; }
.sprite.twitter { background-position: -21px 0; }
.sprite.flickr { background-position: -126px 0; }
.sprite.youtube { background-position: -147px 0; }

.header-interior {
	width: 100%;
	height: 129px;
	overflow: hidden;
}

.header-interior img {
	min-width: 100%;
	min-height: 100%;
}

.header-home {
	width: 100%;
	height: 405px;
	overflow: hidden;
}

.header-home .slide-holder, .header-home .slide {
	width: 100% !important;
	overflow: hidden;
	position: relative;
	height: 100% !important;
}

.header-home .slide .content {
	width: 410px;
	padding: 20px;
	margin: 150px auto 0 auto;
	position: relative;
	left: 50px;
	z-index: 100;
	background-color: rgba(255, 255, 255, .8);	
}

.header-home h1 {
	position: relative;
	top: -40px;
	left: -40px;
	z-index: 1000;
	font: 2.33em/1.05 "crete round", georgia, serif;
	margin-bottom: -20px;
}

.header-home h1.no-link {
	padding: 20px;		
	background-color: rgba(205, 229, 71, .75);	
}

.header-home h1 a {
	display: block;
	padding: 20px;	
	color: #035501;
	background-color: rgba(205, 229, 71, .75);	
	text-decoration: none;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;		
}

.header-home h1 a:hover {
	background-color: rgba(205, 229, 71, 1);	
}

.header-home h1 em {
	display: block;
	font-size: .6em;
}

.header-home p {
	font-size: 1.1em;
}

.header-home p a {
	color: #09aad5;	
	text-decoration: none;
}

.header-home p a:hover span {
	text-decoration: underline;
}

.header-home img {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}


.home ul.slide-nav {
	position: absolute;
	z-index: 999;
	left: 50%;
	margin-left: 40%;	
	top: 325px;
	overflow: hidden;
}

.home ul.slide-nav li {
	float: left;
	margin-right: 3px;
	padding: 1px;
}

.home ul.slide-nav li a {
	display: block;
	width: 18px;
	height: 22px;
	padding-top: 9px;
	color: #035501;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1;
	text-align: center;	
	text-indent: 0;
	background-position: -73px -35px;
	position: relative;
	outline: none;
}

.home ul.slide-nav li a:active {
	left: 1px;
	top: 1px;
}

.home ul.slide-nav li a:hover, .home ul.slide-nav li.activeSlide a {
	background-position: -73px -66px;
	color: #fff;
}


header {
	overflow: hidden;
	position: relative;
	float: left;
	top: -129px;
	width: 260px;
	padding: 0 10px 0 20px;
	z-index: 2000;
	margin-bottom: -70px;
}

.home header {
	top: -405px;
	margin-bottom: -340px;
}

header .logo {
	background-color: #77b800;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(0, 86, 1, .5);
	margin-bottom: 1px;
}

header .logo a {
	display: block;
	width: 192px;
	height: 81px;
	margin: 24px auto;
}

header .logo a img {
	display: block;
	width: 100%;
	height: auto;
}

header nav ul {
	color: #fff;
	font: 1.5em/1.1 "crete round", georgia, serif;
}

header nav ul li {
	border-bottom: 1px solid #fff;
}

header nav ul li.home {
	display: none;
}


.home header nav ul li {
	border-bottom-color: transparent;
}

header nav ul li a {
	display: block;
	padding: 13px 20px 12px 20px;
	background-color: #77b800;
	text-decoration: none;	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;
	line-height: 20px;		
}

.home header nav ul li a {
	background-color: rgba(3, 85, 1, .3);
}

header nav ul li a:hover, header nav ul li a.active {
	color: #daec75;
	background-color: #035501;	
}

.home header nav ul li a:hover {
	background-color: rgba(3, 85, 1, .5);
}


header nav ul li ul {
	background-color: rgba(205, 229, 71, .75);
	padding: 25px 0 10px 30px;
	font-size: .66em;
	position: relative;
	left: -10px;
	top: -10px;
	z-index: 2100;
	margin-bottom: -10px;
}

header nav ul li ul li {
	border: none;
}

header nav ul li ul li a {
	background-color: transparent;
	padding: 6px 10px 6px 22px;
	color: #035501 !important;
}

header nav ul li ul li a:hover {
	background-color: #edffcc;
}

 header nav ul li ul li a.active {
	background: #edffcc url(../images/icon-leaf-8px-green.png) no-repeat 10px 10px;
}

header .map {
	overflow: hidden;
	position: relative;
	margin-left: -20px;
}

header .map ul.tabs {
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);	 
	-ms-transform:rotate(-90deg);	
	transform:rotate(-90deg);	
	position: absolute;
	left: -87px;
	top: 150px;
	z-index: 1000;
}

header .map ul.tabs li {
	float: left;
	color: #fff;
	font-size: 1.2em;
	line-height: 1;
	text-transform: uppercase;
	margin-left: 1px;
	padding: 7px 8px;
	cursor: pointer;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;		
}

header .map ul.tabs li:first-child { background-color: rgba(217, 105, 19, .75); }

header .map ul.tabs li:first-child:hover, header .map ul.tabs li:first-child.selected { background-color: rgba(217, 105, 19, 1); }

header .map ul.tabs li:nth-child(2) { background-color: rgba(9, 170, 213, .75); }

header .map ul.tabs li:nth-child(2):hover, header .map ul.tabs li:nth-child(2).selected { background-color: rgba(9, 170, 213, 1); }

/*
header .map ul.tabs li:last-child { background-color: rgba(143, 212, 0, .75); }

header .map ul.tabs li:last-child:hover, header .map ul.tabs li:last-child.selected { background-color: rgba(143, 212, 0, 1); }
*/

header .map .panel {
	overflow: hidden;
	width: 220px;
	float: right;
	height: 0;
	padding: 0;
	color: #fff;
}

header .map .panel.selected {
	height: auto;
	padding: 20px;	
	min-height: 300px;
}

/*
header .map .panel-map {
	background-color: #8fd400;
}
*/
header .map .panel-list {
	background-color: #09aad5;
}

header .map .panel-list h3 a, .eventsAdvancedListWidget .event a {
	font-weight: bold;
	color: #ffff99;
}

header .map .panel-list ul li {
	padding-bottom: 10px;
	border-bottom: 1px solid #047998;
	margin-bottom: 10px;
}

header .map .panel-list ul li:last-child {
	border-bottom: none;
}

header .map .panel-email {
	background-color: #d96913;
}

header .map .panel h4 {
	color: #fff;
	font: 1.5em/1.1 "crete round", georgia, serif;
	margin-bottom: 10px;	
}

header .map .panel a:hover {
	text-decoration: none;
}

header .map form {
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}

header .map form label {
	position: absolute;
	top: 200px;
}

header .map form input.text {
	border: 1px solid #c15e11;
	padding: 5px;
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
}

header .map form input.text:hover, header .map form input.text:focus {
	border-color: #ad540f;
}

header .map .callout {
	text-align: center;
}

header .map .callout a, header .map input.submit, span.callout-button a {
	border: 1px solid #fff;
	display: inline-block;
	padding: 10px 15px;
	text-transform: uppercase;
	background-color: rgba(0, 0, 0, .1);
	font-size: 1.1em;
	line-height: 1;
	color: #fff;
	text-decoration: none !important;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;			
	cursor: pointer;
	margin-bottom: 10px;
}

header .map .callout a:hover, header .map input.submit:hover, span.callout-button a:hover {
	background-color: rgba(0, 0, 0, .2);
}

.dig-in { display: none; }

article a.rsvp-link, body div.wpcf7 input.wpcf7-submit {
	display: inline-block;
	border: none;
	padding: 10px 15px;
	text-transform: uppercase;
	background-color: #09aad5;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	text-decoration: none !important;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;			
	cursor: pointer;
	margin: 0 auto 10px auto;
}

article a.rsvp-link:hover, body div.wpcf7 input.wpcf7-submit:hover {
	background-color: #0788aa;
}


.page-content {
	width: 1120px;
	padding-right: 20px;
	margin: 0 auto;
}

.page-content #content {
	padding-left: 10px;
	float: left;
	width: 540px;
	overflow: hidden;
	margin-bottom: 60px;
}

#content.full-width, .home .page-content #content {
	width: 820px;
}

.page-content .breadcrumbs {
	font-style: italic;
	margin: 10px 0 25px 0;
	color: #666;
}


.page-content .breadcrumbs a {
	color: #09aad5;
	text-decoration: none;
	display: inline-block;
	margin-right: 3px;
}

.page-content .breadcrumbs a:hover {
	text-decoration: underline;
}

.page-content .breadcrumbs a:first-child {
	display: inline-block;
	width: 16px;
	height: 15px;
	overflow: hidden;
	text-indent: -5000em;
	background: url(../images/sprite.png) no-repeat 0 -35px;
}

article h5, .home .callouts h5 {
	color: #de498d;
	text-transform: uppercase;
	background: url(../images/bg-article-h3-rule.gif) repeat-x center center;
	margin-bottom: 4px;
}

article h5 span, .home .callouts h5 span {
	background-color: #fff;
	padding-right: 4px;
}

article h1 {
	font: 1.7em/1.2 "crete round", georgia, serif;
	color: #047998;
	margin-bottom: 6px;
}

article h2 {
	color: #047998;
	font-size: 1.15em;
	line-height: 1.4;
	font-style: italic;
	margin-bottom: 15px;
}

article h3 {
	font-size: 1.2em;
	color: #d96913;
	margin-bottom: 5px;
}

article h4 {
	color: #054631;
	font-style: italic;
	font-size: 1.15em;
	margin-bottom: 5px;
}

article p, article ol, article ul {
	margin-bottom: 15px;
}

article ul {
	overflow: hidden;
	padding: 5px 30px 0 30px;	
}

ul.list-2-col {
	-moz-column-count: 2;
	-moz-column-gap: 0;	
	-webkit-column-count: 2;
	-webkit-column-gap: 0;	
	column-count: 2;
	column-gap: 0;	
}

article ul li {
/*	float: left;
	width: 44%;*/
	padding: 0 3%;
	margin-bottom: 5px;
	background: url(../images/icon-leaf-8px-green.png) no-repeat left 5px;
	overflow: hidden;
}

/*article.list-2-col ul li {
	padding: 0 7%;
	float: none;
	width: auto;
}*/

article ul.list-2-col li {
	padding: 0 7%;
}

article ul li:last-child, article ul li ul {
	margin-bottom: 0;
}

article ol {
	padding: 0 30px 0 30px;
}

article ol li {
	list-style-type: decimal;
	margin-bottom: 8px;
}

article .highlight {
	background-color: #edffcc;
	padding: 15px 20px 10px 20px;
	overflow: hidden;	
	margin-bottom: 15px;	
}

article strong {
	font-weight: bold;
	font-style: inherit;
}

article a {
	text-decoration: none;
	color: #09aad5;
}

article a:hover {
	text-decoration: underline;
}

article em {
	font-weight: inherit;
	font-style: italic;
}

article small {
	font-size: .7em/1em;
	font-style: italic;
}

.page-content #content.image-list-large {
	margin-bottom: 0 !important;
	background: url(../images/bg-section-intro-tree.png) no-repeat right bottom;
	min-height: 700px;
}

.page-content #content.image-list-large.no-tree {
	background-image: none;
}

.image-list-large article ul {
	background-color: transparent;
	padding: 0;
	margin-left: -10px;
}

.image-list-large article ul li {
	float: left;
	width: 260px;
	padding: 0 0 0 10px;
	margin: 0 10px 5px 0;
	background: none;
}

.image-list-large article ul li:nth-child(even) {
	margin-right: 0;
}

.full-width article ul li:nth-child(even) {
	margin-right: 10px;
}

.full-width article ul li:nth-child(3n) {
	margin-right: 0;
}

.full-width article ul li:nth-child(3n+1) {
	clear: left;
}

.image-list-large article ul h2 {
	position: relative;
	left: -10px;
	top: -32px;
	margin: 0 10px -22px 0;
	font: 1.5em/1.1 "crete round", georgia, serif;
	color: #035501;
}

.image-list-large article ul h2.no-link {
	background-color: rgba(205, 229, 71, .75);	
	padding: 10px 20px;		
}

.image-list-large article ul h2 a {
	background-color: rgba(205, 229, 71, .75);	
	padding: 10px 20px;	
	text-decoration: none;		
	display: block;	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;		
	color: #333;
}

.image-list-large article ul h2 a:hover {
	background-color: rgba(205, 229, 71, 1);		
}

.image-list-large article p a {
	text-decoration: none;
	color: #09aad5;
}

.image-list-large article p a:hover span {
	text-decoration: underline;
}

article .alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

article .alignright {
	float: right;
	margin: 0 0 20px 20px;
}

article .aligncenter {
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
}

article ul.posts {
	background-color: transparent;
	padding: 0;
	margin-left: -7px;
}

article ul.posts > li {
	float: none;
	width: auto;
	padding: 7px;
	margin: 0;
	background: none;
}

article ul.posts h4 {
	font: 1.4em/1.1 "crete round", georgia, serif;
	margin-bottom: 6px;
}

article ul.posts a {
	text-decoration: none;
	color: #09aad5;
}

article ul.posts h4 a:hover, article ul.posts p a:hover span {
	text-decoration: underline;
}

article ul.posts ol {
	font-size: .9em;
	overflow: hidden;
	padding: 5px 0 1px 0;
	border-top: 1px solid #77b800;
	border-bottom: 1px solid #77b800;
	margin-bottom: 6px;
}

article ul.posts ol li {
	width: auto;
	display: inline-block;
	padding: 0 5px 4px 0;
	margin: 0;
	background: none;
}

article ul.posts ol li:after {
	padding-left: 5px;
	content: "//";
}

article ul.posts ol li:last-child {
	padding: 0;
}

article ul.posts ol li:last-child:after {
	content: "";
}

article ul.posts ol li a {
	text-transform: uppercase;
}

article ul.posts ol li span {
	display: none;
}

article ul.posts ol li:last-child a {
	display: inline-block;
	color: #fff;
	background-color: #d96913;
	font-weight: bold;
	padding: 0 4px;
	border-radius: 3px;	
}

article ul.posts ol li:last-child a:hover {
	text-decoration: none;
	color: #fae3c2;
}

article ul.posts ol li:last-child:after {
	display: block;
	position: relative;
	width: 80%;
	height: 4px;
	content: "";
	background: url(../images/bg-blog-comment-bubble.gif) no-repeat center top;
}

article ul.nav {
	padding: 0;
	margin: 10px 0 0 0;
	background-color: transparent;
}

article ul.nav li {
	padding: 0;
	margin: 0;
	background: none;
}

article ul.nav li:last-child {
	float: right;
	text-align: right;
}

article ul.nav a {
	text-decoration: none;
}

article ul.nav a:hover {
	text-decoration: underline;
}


body div.wpcf7 label {
	display: block;
	color: #054631;
	font-family: lato, helvetica, tahoma, sans-serif;		
	margin-bottom: 6px;
	font-style: italic;
	font-size: 1.15em;
}

body div.wpcf7 p br {
	display: none;
}

body div.wpcf7 p em {
	display: block;
	margin: -4px 0 4px 0;
}

body div.wpcf7 input.wpcf7-text, body div.wpcf7 textarea.wpcf7-textarea {
	padding: 3px;
	border: 1px solid #adadad;
	font-size: 1.2em;
	font-family: lato, helvetica, tahoma, sans-serif;	
	color: #333;	
}

body div.wpcf7 textarea.wpcf7-textarea {
	height: 125px;
	overflow-y: auto;
}

body div.wpcf7 input.wpcf7-text:hover, body div.wpcf7 input.wpcf7-text:focus, div.wpcf7 textarea.wpcf7-textarea:hover, div.wpcf7 textarea.wpcf7-textarea:focus {
	border-color: #666666;
}

#sidebar input.wpcf7-text, #sidebar textarea.wpcf7-textarea {
	width: 90%;
}

body div.wpcf7 div.wpcf7-response-output {
	margin: 0;
	padding: 10px;
	font-size: 1.2em;
}

.image-list-small article ul {
	background-color: transparent;
	padding: 0;
	margin-left: -7px;
}

.image-list-small article ul li {
	float: none;
	width: auto;
	padding: 7px;
	margin: 0;
	background: none;
}

.image-list-small article ul li .img, article ul.posts > li .img {
	display: block;
	width: 120px;
	height: 120px;
	border: 1px solid #84ba01;
	box-shadow: 0 0 7px #ccc;
	float: left;
	margin-right: 13px;		
}

.image-list-small article ul li div, article ul.posts li div {
	overflow: hidden;
}


.image-list-small article ul h4 {
	font: 1.2em/1.1 "crete round", georgia, serif;
	margin-bottom: 4px;
}

.image-list-small article ul a {
	text-decoration: none;
	color: #09aad5;
}

.image-list-small article ul h4 a:hover, .image-list-small article ul p a:hover span {
	text-decoration: underline;
}

.image-list-small article ul strong {
	font-weight: bold;
	font-style: inherit;
}

.image-list-small article ul em {
	font-weight: inherit;
	font-style: italic;
}

table {
	width: 100%;
	margin-bottom: 15px;
}

table thead tr {
	background-color: #EDFFCC;
}

table tbody tr:nth-child(even) {
	background-color: #F6FFE5;
}

table td, table th {
	padding: 10px;
	border: 1px solid #fff;
	vertical-align: top;
	text-align: left;
}

table th {
	font-size: 1em;
	color: #054631;
	text-transform: uppercase;
}

table p {
	margin: 0;
}


#carbon-calc {
	padding: 20px;
	overflow: hidden;
	background-color: #edffcc;
	text-align: center;
}

#carbon-calc h3 {
	color: #77b800;
	margin-bottom: 20px;
	font: 1.55em "crete round", georgia, serif;
}

#carbon-calc ul li {
	background: none;
	margin: 0;
	padding: 0 10px;
	display: inline-block;
	text-align: left;
	color: #047998;
	font-weight: bold;
	font-size: 1.45em;
}

#carbon-calc label {
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
	font-size: .7em;
	font-weight: bold;
}

#carbon-calc ul li:first-child label {
	padding-left: 14px;
}

#carbon-calc input {
	border: 1px solid #adadad;
	padding: 3px;
	width: 95px;
	display: inline;
	font-family: lato, helvetica, tahoma, sans-serif;	
	color: #333;	
	font-size: 1.1em;
	background-color: #fff;
}

#carbon-calc input.error {
	background-color: #fdd9d9;
}


#carbon-calc .calc {
	clear: both;
	margin: 30px 8% 10px 8%;
	position: relative;
	overflow: hidden;
}

#carbon-calc .calc strong {
	position: relative;
	z-index: 10;
	background-color: #edffcc;
	padding: 0 20px;
}

#carbon-calc .calc strong span {
	display: inline-block;
	padding: 7px 20px;
	background-color: #047998;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-family: lato, helvetica, tahoma, sans-serif;
	font-weight: bold;
}

#carbon-calc .calc strong span:hover {
	color: #FFFF99;	
}

#carbon-calc .calc hr {
	position: absolute;
	width: 100%;
	background-color: #edffcc;
	color: #edffcc;
	line-height: 0;
	font-size: 0;
	border-top: 1px solid #047998;
	left: -1px;
	top: 50%;
	z-index: 5;
}

#carbon-calc ul.results li {
	text-transform: uppercase;
	font-weight: bold;	
	color: #047998;	
	font-size: 1em;
	text-align: center;
	padding: 0 5px;
}

#carbon-calc ul.results li:nth-child(2) {
	width: 177px;
	background: url(../images/carbon-bg-equals.png) no-repeat center 73px;
}


#carbon-calc ul.results li strong {
	color: #fff;
	font-size: 1.8em;
	display: block;
	margin: 0 auto 6px auto;
	overflow: hidden;
}

#carbon-calc ul.results li strong em {
	display: block;
	font-size: .6em;
	font-style: normal;
}

#carbon-calc ul.results li strong.cont {
	font-size: 1.4em;
	width: 121px;
	height: 55px;
	padding-top: 75px;
	background: url(../images/carbon-icon-cont.png) no-repeat center bottom;
}

#carbon-calc ul.results li strong.carb {
	width: 121px;
	height: 60px;
	padding-top: 60px;
	background: url(../images/carbon-icon-carbon.png) no-repeat center bottom;
}

#carbon-calc ul.results li strong.trees {
	width: 121px;
	height: 95px;
	padding-top: 35px;
	background: url(../images/carbon-icon-trees.png) no-repeat center bottom;
}


table.tablesorter thead tr .header {
	cursor: pointer;
	background: url(../images/bg.gif) no-repeat right center;
}

table.tablesorter thead tr .header:hover {
	background-color: #cff16c;
}

table.tablesorter thead tr .headerSortUp {
	background: #cff16c url(../images/asc.gif) no-repeat right center;
}
table.tablesorter thead tr .headerSortDown {
	background: #cff16c url(../images/desc.gif) no-repeat right center;
}



.share {
	background-color: #aee3f1;
	overflow: hidden;
	padding-left: 20px;
	float: right;
	width: 240px;
}

.share h5 {
	font-weight: bold;
	color: #09aad5;
	font-size: 14px;
	line-height: 1;
	float: left;
	margin: 8px 5px 0 0;
	text-transform: uppercase;
}

.share .addthis_toolbox {
	margin: 8px 0;
	float: left;
	overflow: hidden;
	height: 16px;
}

#sidebar {
	float: right;
	width: 270px;
	overflow: hidden;
	margin-bottom: 60px;
}

#sidebar .share {
	float: none;
	margin: 0 0 30px 10px;	
}

#sidebar .gallery {
	position: relative;
	overflow: hidden;
	padding-left: 10px;
	margin-bottom: 10px;
	
}

#sidebar .gallery img {
	width: 258px;
	height: 255px;
	border: 1px solid #84ba01;
	box-shadow: 0 0 7px #ccc;
	margin-bottom: -35px;
}

#sidebar .gallery > a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -500em;
}

#sidebar .gallery h4 {
	font: 1.5em/1.1 "crete round", georgia, serif;
	color: #035501;
	background-color: rgba(205, 229, 71, .75);	
	padding: 5px 30px 10px 30px;
	width: 5px;
	height: 27px;
	position: relative;
	z-index: 500;
	left: -10px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;		
		
}

#sidebar .gallery:hover h4 {
	background-color: rgba(205, 229, 71, 1);		
	width: 200px;
}

#sidebar .gallery h4 span {
	width: 27px;
	height: 27px;
	float: left;
	margin-right: 10px;
	background-position: -30px -35px
}

#sidebar .gallery div {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: 100%;
	top: 100%;
}

#sidebar .text-box {
	margin: 0 0 10px 10px;
	color: #fff;
	padding: 20px;
	border-top: 10px solid #fff;
}

#sidebar .text-box h4 {
	position: relative;
	font: 1.5em/1.1 "crete round", georgia, serif;
	padding: 20px 30px 10px 30px;
	width: 200px;
	left: -30px;
	top: -30px;
	margin-bottom: -20px;
}

#sidebar .text-box a {
	text-decoration: underline;
	color: #FFFF99;	
	font-weight: bold;
}

#sidebar .text-box a:hover {
	text-decoration: none;
}

#sidebar .text-box select {
	width: 100%;
	margin-top: 4px;
}

#sidebar .text-box strong {
	font-weight: bold;
}

#sidebar .text-box em {
	font-style: italic;
}

#sidebar .text-box p {
	margin-bottom: 15px;
}

#sidebar .text-box ul li {
	margin: 0 0 8px 15px;
	background: url(../images/icon-leaf-8px-white.png) no-repeat left 5px;
	padding-left: 12px;
}

#sidebar .text-box .callout {
	text-align: center;
}

#sidebar .text-box .callout a {
	color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	padding: 10px 15px;
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 1;
	text-decoration: none !important;
}

#sidebar .blog ul li {
	margin: 0;
	padding: 0;
	background: none;
}

#sidebar .blog ul li a {
	display: block;
	color: #fff;
	padding: 6px 15px;
	text-decoration: none;
	font-weight: normal;
	border-top: 1px solid #e18742;
}

#sidebar .blog ul li a:hover {
	text-decoration: underline;
}

#sidebar .orange {
	background-color: #d96913;	
}

#sidebar .orange h4, #sidebar .orange .callout a {
	background-color: rgba(244, 173, 44, .75);	
}

#sidebar .orange .callout a:hover {
	background-color: rgba(244, 173, 44, 1);	
}

#sidebar .quotes {
	background-color: #de498d;	
}

#sidebar .quotes h4 {
	background-color: rgba(255, 112, 177, .75);
}

#sidebar .quotes ul li {
	margin: 0 0 8px 0;
	background: none;
	padding: 5px 40px;
}

#sidebar .quotes ul li:before, #sidebar .quotes ul li:after {
	display: block;
	position: relative;
	width: 27px;
	height: 21px;	
	content: "";	
	background: url(../images/sprite.png) no-repeat;
}

#sidebar .quotes ul li:before {
	left: -40px;
	top: -5px;
	margin-bottom: -21px;
	background-position: -107px -35px;
}

#sidebar .quotes ul li:after {
	left: 100%;
	margin-left: 13px;
	bottom: 10px;
	margin-bottom: -15px;
	background-position: -107px -66px;
}

#sidebar .blue {
	background-color: #047998;	
}

#sidebar .blue h4 {
	background-color: rgba(9, 170, 213, .75);
}

#sidebar .single-image {
	overflow: hidden;
	padding-left: 10px;
	margin-bottom: 10px;
	
}

#sidebar .single-image a {
	display: block;
	overflow: hidden;
	border: 1px solid #fff;
	line-height: 1;
}

#sidebar .single-image img {
	display: block;
}

#sidebar .single-image a:hover {
	border: 1px solid #84ba01;
	box-shadow: 0 0 7px #ccc;	
}

#sidebar .callout-button {
	display: block;
	overflow: hidden;
	text-align: center;
}

.home ul.callouts {
	margin: 20px 0 0 -10px;
	overflow: hidden;
}

.home ul.callouts li {
	float: left;
	width: 260px;
	padding-left: 10px;
	margin-right: 10px;
}

.home ul.callouts li:last-child {
	margin: 0;
}

.home ul.callouts img {
	width: 258px;
	height: 118px;
	border: 1px solid #84ba01;
	box-shadow: 0 0 7px #ccc;
}

.home ul.callouts h2 {
	position: relative;
	left: -10px;
	top: -10px;
	font: 1.5em/1.1 "crete round", georgia, serif;
	color: #035501;	
}

.home ul.callouts h2.no-link {
	background-color: rgba(205, 229, 71, .75);	
	padding: 20px;		
}

.home ul.callouts h2 a {
	background-color: rgba(205, 229, 71, .75);	
	padding: 20px;	
	text-decoration: none;		
	display: block;	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;		
}

.home ul.callouts h2 a:hover {
	background-color: rgba(205, 229, 71, 1);		
}

.home ul.callouts p a {
	color: #047998;
	text-decoration: none;
}

.home ul.callouts p a:hover span {
	text-decoration: underline;
}

footer {
	background-color: #edffcc;
	clear: both;
	overflow: hidden;
	color: #666;
	position: relative;
}

footer span.tree {
	display: block;
	width: 246px;
	height: 273px;
	background-image: url(../images/bg-footer-tree.png);
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -675px;
	z-index: 1;
}

footer .content {
	overflow: hidden;
	width: 1100px;
	margin: 35px auto 55px auto;
	position: relative;
	z-index: 100;
}

footer h5 {
	color: #77b800;
	text-transform: uppercase;
	background: url(../images/bg-footer-h5-rule.gif) repeat-x center center;
	margin-bottom: 6px;
	clear: both;
}

footer h5 span {
	background-color: #edffcc;
	padding-right: 4px;
}

footer p {
	margin-bottom: 10px;
}

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

footer a:hover {
	text-decoration: underline;
}

footer ul {
	overflow: hidden;
}

footer ul li {
	margin-bottom: 10px;
}

footer .about {
	width: 540px;
	overflow: hidden;
	float: left;
}

footer .news, footer .nav {
	float: left;
	margin-left: 20px;
	width: 260px;
	overflow: hidden;
}

footer .nav ul {
	float: left;
	width: 50%;
}

footer .nav ul li {
	margin-left: 15px;
	background: url(../images/icon-leaf-8px-green.png) no-repeat left 5px;
	padding-left: 12px;	
}

footer form {
	position: relative;
	overflow: hidden;
}

footer form label {
	position: absolute;
	top: 100px;
}

footer form #s {
	border: 1px solid #acacac;
	border-radius: 6px;
	padding: 1px;
	height: 14px;
	font-family: lato, helvetica, tahoma, sans-serif;	
	color: #333;
	width: 225px;
}

footer form #searchsubmit {
	background: url(../images/button-search-submit.jpg) no-repeat center center;
	padding: 0;
	width: 22px;
	height: 18px;
	border: 1px solid #09aad5;
	border-radius: 6px;
	display: block;
	float: right;
	overflow: hidden;
	text-indent: -500em;
	cursor: pointer;
}

footer form #s:hover, footer form #s:focus, footer form #searchsubmit:hover, footer form #searchsubmit:focus {
	border-color: #047998;
}

footer .notice {
	clear: both;
	text-align: center;
	margin-top: 25px;
	overflow: hidden;
	float: left;
	width: 100%;
}

a#donate-button {
	display: block;
	text-decoration: none;
	z-index: 9999;
	position: fixed;
	right: -30px;
	top: 50%;
	background-color: #d96913;
	color: #fff;
	font: 1.5em/1 "crete round", georgia, serif;
	text-transform: uppercase;	
	padding: 15px;
	border: 1px solid #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);	 
	-ms-transform:rotate(-90deg);	
	transform:rotate(-90deg);		
}

a#donate-button:hover {
	margin-top: -8px;
	padding-bottom: 31px;
}

.mobile header {
	top: 0 !important;
	margin-bottom: 0 !important;
}

.mobile header .logo:after {
	display: block;
	position: relative;
	content: "Tap to expand menu ↓";
	width: 100%;
	height: 15px;
	margin-top: -15px;
	text-align: center;
	color: #fff;
	font-size: 11px;
}


.mobile header.open .logo:after {
	content: "Tap to close menu ↑";
}


#trees-map-intro {
	padding: 20px;
	width: 215px;
	overflow: hidden;
	background-color: #edffcc;
	float: left;
	margin: 0 20px 20px 0;
}

#trees-map-intro p {
	margin-bottom: 10px;
}

#trees-map-intro label.full {
	display: block;
	margin-bottom: 3px;
}

#trees-map-intro #slider-range {
	margin: 0 7px;
	width: 201px;
	border-radius: 3px;
}

#trees-map-intro .ui-slider { position: relative; text-align: left; line-height: 1;}
#trees-map-intro .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
#trees-map-intro .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
#trees-map-intro .ui-slider-horizontal { height: 12px; background-image: url(../images/slider-bg-off.png); }
#trees-map-intro .ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -7px; background-image: url(../images/slider-toggle.png); width: 14px; height: 22px; }
#trees-map-intro .ui-slider-horizontal .ui-slider-range { top: 0; height: 12px; background-image: url(../images/slider-bg-on.png);	}
#trees-map-intro .ui-slider-horizontal .ui-slider-range-min { left: 5px; }
#trees-map-intro .ui-slider-horizontal .ui-slider-range-max { right: 5px; }

#trees-map-intro #amount {
	display: block;
	margin-top: 3px;
	font-size: .9em;
	text-align: center;
	width: 201px;
}


#trees-map-canvas { overflow:hidden; width: auto; min-width: 350px; height:550px; border:1px solid #C2E972; }
#trees-map-canvas .googft-info-window {font-size: 11px; line-height: 1.5; width:250px; }

#trees-map-canvas .googft-info-window b {
	font-weight: bold;
}

/* @group Events Calendar style overrides */

body #tribe-events-event-meta {
	border-width: 0 0 1px 0;
	margin-top: 0;
	padding-top: 0;
}

body #tribe-events-content, body #tribe-events-calendar-header, body .tribe-events-calendar, body #tribe-events-content .ical, body .events-single #content .ical, a.gmap, body .tribe-events-event-list-meta td, body .tribe-events-nav, body #tribe-events-event-meta, body span.back {
	font-family: lato, helvetica, tahoma, sans-serif !important;
}

#calendar {
	overflow: hidden;
}

#calendar .event-column {
	float: left;
	width: 50%;
}

#calendar .event-column.first {
	width: 47%;
	padding-right: 3%;
}


body #tribe-events-event-meta a, body .tribe-events-month-nav a, body #tribe-events-content a {
	color: #09aad5;	
}

body #tribe-events-event-meta a:hover, body .tribe-events-month-nav a:hover, body #tribe-events-content a:hover {
	text-decoration: underline !important;
}

body .grid #tribe-events-calendar-header {
	height: auto;
	overflow: hidden;
	background-color: #0f7b7b;
	text-align: center;
	color: #fff;
	font: 2.2em "crete round",georgia,serif !important;
	padding: 5px 0 10px 0;
}

body .grid #tribe-events-calendar-header a {
	color: #fff;
	margin: 0 5px;
}

body .tribe-events-month-nav {
	top: auto;
	left: auto;
	position: relative;
	float: left;
	display: block;
	bottom: 0;
	margin-top: 5px;
}

body article ul.calendar-categories {
	background-color: #d6f1f8;
	padding: 0;
	font: 1.2em "crete round",georgia,serif !important;
	color: #047998;
}

body article ul.calendar-categories li a {
	display: inline-block;
	background: none;
	margin: 0 !important;
	padding: 17px 16px 17px 50px !important;
	clear: none !important;
	width: auto !important;
	text-decoration: none;
	color: #047998;
	min-width: 45px;
}

body article ul.calendar-categories li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    clear: none !important;
    float: left !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    width: auto !important;
}


article ul.calendar-categories li:first-child a {
	background: url(../images/icon-cal-educational.png) no-repeat 19px center;
}

article ul.calendar-categories li:nth-child(2) a {
	background: url(../images/icon-cal-volunteer.png) no-repeat 13px center;
}

article ul.calendar-categories li:nth-child(3) a {
	background: url(../images/icon-cal-community.png) no-repeat 14px center;
}

article ul.calendar-categories li a.active, article ul.calendar-categories li a:hover {
    background-color: #c3eaf8;
    color: #1092d6;
}


/*
body .tribe-events-calendar-buttons {
	top: auto;
	right: auto;
	position: relative;
	float: right;
	display: block;
}


body .tribe-events-calendar-buttons a {
	margin-left: 5px;
}

body .tribe-events-calendar-buttons a:hover {
	text-decoration: underline !important;
}*/

body #tribe-events-content {
	margin: 0;
	padding: 0;
}

body table.tribe-events-calendar {
	margin: 0 0 20px 0 !important;
}

body .tribe-events-real-event {
	cursor: auto;
}

body table.tribe-events-calendar, body .tribe-events-calendar td {
	border-color: #c2e972;
}

body .tribe-events-calendar th {
	background-color: #09aad5;
	color: #fff;
	font-family:  "crete round",georgia,serif;	
}

body .tribe-events-calendar td {
	background-color: #f6ffe5;
}

body .tribe-events-calendar td.tribe-events-othermonth {
	background-color: #fff;
}

body .tribe-events-calendar .daynum, body .tribe-events-calendar .daynum a {
	background-color: transparent;
}

body .tribe-events-calendar td.tribe-events-present {
	background-color: #f9d37f;
}

body .tribe-events-calendar td.tribe-events-present .daynum, .tribe-events-calendar td.tribe-events-present .daynum > a {
	background-color: transparent;
	color: #333333;
}

body .tribe-events-calendar .cat_trees-atlanta-event a, body .tribe-events-calendar .cat_volunteer-project a, body .tribe-events-calendar .cat_community-event a, body .tribe-events-calendar .cat_education a {
	display: inline-block;
	padding-left: 20px;
	background-position: left top;
	background-repeat: no-repeat;
}

body .tribe-events-calendar .cat_trees-atlanta-event a {
	background-image: url(../images/icon-cal-trees-sm.png);	
}

body .tribe-events-calendar .cat_volunteer-project a {
	background-image: url(../images/icon-cal-volunteer-sm.png);	
}

body .tribe-events-calendar .cat_community-event a {
	background-image: url(../images/icon-cal-community-sm.png);	
}

body .tribe-events-calendar .cat_education a {
	background-image: url(../images/icon-cal-educational-sm.png);	
}


body .tribe-events-tooltip .tribe-events-event-title {
	background-color: #09aad5;
	letter-spacing: 0;
	font-family:  "crete round",georgia,serif;
	font-size: 14px;
	padding: 3px 6px;
	background-image: none !important
}

body .tribe-events-tooltip .tribe-events-event-body {
	color: #333;
}

#map_canvas {
	height: 400px;
	border: 1px solid #c2e972;
}

#map_canvas p.desc {
	font-size: 12px;
}

#map_canvas p.desc a {
	font-size: 14px;	
	color: #09aad5;
	text-decoration: none;
}

#map_canvas p.desc a:hover {
	text-decoration: underline;
}

article ul.calendar-tabs {
	padding: 0;
	background-color: transparent;
}

article ul.calendar-tabs li {
	float: left;
	width: auto;
	border: 1px solid #fff;
	display: inline-block;
	padding: 10px 15px;
	text-transform: uppercase;
	background-color: #0897be;
	background-image: none;
	font-size: 1.1em;
	line-height: 1.1;
	color: #fff;
	text-decoration: none !important;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;			
	cursor: pointer;
	margin: 0 10px 0 0;
}

article ul.calendar-tabs li:hover, article ul.calendar-tabs li.selected {
	background-color: #007e9e;
}

article .panel {
	height: 0px;
	overflow: hidden;
}

article .panel.selected {
	height: auto;
}

/* @end */

/* @group WP-UI style overrides */

body .wpui-light .ui-collapsible-header, body .wpui-light .ui-accordion h3.ui-accordion-header, body .ui-accordion h3.ui-accordion-header, body .wpui-light .wp-spoiler-title {
	background: #e1f091 none;
	border: none;
	border-radius: 0;
	font-family: "crete round",georgia,serif;
	text-shadow: none;
	font-weight: normal;
	padding: 4px 10px;
	font-size: 1.2em;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;	
	color: #333;		
}

body .wpui-light .ui-collapsible-header:hover, body .wpui-light .ui-accordion h3.ui-accordion-header:hover, body .wpui-light h3.ui-collapsible-header.ui-state-active, body .wpui-light .ui-accordion h3.ui-accordion-header.ui-state-active, body .ui-accordion h3.ui-accordion-header:hover, .ui-accordion h3.ui-accordion-header.ui-state-active {
	background: #cde547 none !important;
	border: none !important;
	text-shadow: 0 0 0 transparent !important;
}

body .wpui-light .ui-collapsible-content, body .wpui-light .ui-accordion .ui-accordion-content {
	border: none;
	color: #333;
}

body .wp-spoiler .ui-collapsible-header span.toggle_text {
	display: none !important;
}

body .wpui-light .ui-corner-all, body .wpui-styles .ui-corner-all, body .wpui-styles li.ui-corner-all a {
	border-radius: 0 !important;
}

body .wpui-light .ui-tabs {
	background: none;
}

body ul.ui-tabs-nav {
	background-color: transparent;
}

body ul.ui-tabs-nav li {
	margin-bottom: 5px;
	background: #e1f091 none;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;	
	transition: all .2s;		
	border-radius: 0 !important;
	font-size: 1em;
}

ul.ui-tabs-nav li.ui-state-active, ul.ui-tabs-nav li.ui-state-hover {
	border: none !important;
	background: #cde547 none !important;
}

body ul.ui-tabs-nav li a, body ul.ui-tabs-nav li.ui-state-active a {
	text-shadow: 0 0 0 transparent !important;
	color: #333;
	font-family: "crete round",georgia,serif;	
}

/* @end */



@media only screen and (max-width: 71em) {

html:before {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	content: "";
	background-color: red;
	width: 100%;
	height: 5px;
	z-index: 9999;
	overflow: hidden;
}

.top-bar {
	padding: 6px 1%;
}

.top-bar div.wrapper {
	width: 100%;
}

.top-bar ul.menu {
	margin: 0;
}

.page-content {
	padding: 0 1%;
	width: 98%;
}

header {
	width: 25%;
	padding: 0;
}



header .map ul.tabs {
	-moz-transform:rotate(0);
	-webkit-transform:rotate(0);	 
	-ms-transform:rotate(0);	
	transform:rotate(0);	
	position: relative;
	left: auto;
	top: auto;
	overflow: hidden;
}

header .map ul.tabs li {
	margin: 0;
	width: 50%;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

header .map ul.tabs li span {
	display: none;
}

header .map {
	margin: 0;
}

header .map .panel {
	width: 100%;
}

header .map .panel.selected {
	width: auto;
	float: none;
	padding: 20px;
}

.page-content #content {
	padding: 0 2%;
	width: 46%;
}

#content.full-width, .home .page-content #content {
	padding-right: 0;
	width: 73%;
}

.image-list-large article ul li, .full-width article ul li, .home ul.callouts li {
	margin-right: 1% !important;
	padding-left: 1% !important;
	width: 31.33% !important;
}

.image-list-large article ul li img, .full-width article ul li img, .home ul.callouts li img {
	width: 100%;
	height: auto;
}

.image-list-large article ul h2, .full-width article ul li h2, .home ul.callouts li h2 {
	left: 0;
	margin-right: 0;	
	font-size: 1em;	
}

#carbon-calc ul li {
	display: block;
	margin-bottom: 15px;
	text-align: center;
}

#carbon-calc ul li:last-child {
	margin-bottom: 0;
}

#carbon-calc ul li:first-child label {
	padding: 0;
}

#carbon-calc ul.results li:nth-child(2) {
	width: auto;
	background: none;
}


.share {
	width: auto;
	padding: 0 10px;
}


#sidebar {
	width: 25%;
}

#sidebar .gallery img {
	width: 100%;
	height: auto;
}

#sidebar .gallery h4 {
	font-size: 1.2em;
	padding: 10px 15px 5px 15px;
	width: 20px;	
}

#sidebar .gallery h4 span {
	margin-top: -5px;
}

#sidebar .gallery:hover h4, #sidebar .text-box h4 {
	width: 100%;
}

footer span.tree {
	position: absolute;
	left: 0;
	margin-left: -123px;
}

footer .content {
	padding-left: 1%;
	padding-right: 1%;
	width: 98%;
}

footer .about {
	width: 50%;
}

footer .news, footer .nav {
	width: 23%;
	margin-left: 2%;
}

footer form #s {
	width: 80%;
}

.mobile .share {
	display: none;
}

} /* <1140px */


@media only screen and (max-width: 64em) {
	
html:before {
	background-color: orange;
}

.header-home .slide .content {
	width: 45%;
	padding: 2%;
	left: 5%;
	margin-top: 120px;
}

.header-home h1 {
	font-size: 2em;
	left: -30px;
	top: -30px;
}

.header-home h1 em {
	font-size: 1em;
	font-style: normal;
	display: inline;
}


header .logo {
	padding: 24px 20px;
	height: 81px;	
}

header .logo a {
	width: auto;	
	margin: 0;
}

header .logo img {
	max-width: 100%;
}

.image-list-large article ul h2, .full-width article ul li h2, .home ul.callouts li h2 {
	font-size: 1em;
}

.home ul.callouts h2.no-link, .home ul.callouts h2 a {
	padding: 10px;
}
	
} /* <1024px */

@media only screen and (max-width: 56em) {

html:before {
	background-color: yellow;
}

.image-list-large article ul li {
	margin-right: 1% !important;
	padding-left: 1% !important;
	width: 48% !important;
}

#trees-map-intro {
	width: auto;
	margin-right: 0;
}

#trees-map-canvas {
	min-width: 0;
}

#sidebar .quotes {
	padding-left: 10px;
	padding-right: 10px;
}

#sidebar .quotes ul li {
	padding-left: 30px;
	padding-right: 30px;
}

} /* <896 */


@media only screen and (max-width: 48em) {

html:before {
	background-color: green;
}

.top-bar ul.menu {
	font-size: .95em;
}

.top-bar ul.menu li:nth-child(6) {
	padding: 0;
}

.top-bar ul.menu li:nth-child(6) a {
	margin: 0;
}

` li:last-child, a#donate-button {
	display: none;
}


.header-interior {
	height: 109px;
}

.header-home h1 {
	font-size: 1.5em;
}

header {
	top: -109px;
}

header .logo {
	height: 61px;
}

header nav ul {
	font-size: 1.3em;
}

header nav ul li ul {
	font-size: .75em;
}

.image-list-large article ul {
	margin: 0;
}

.full-width article ul li {
	margin-right: 1% !important;
	padding-left: 1% !important;
	width: 48% !important;
}

.home ul.callouts li {
	margin-bottom: 20px;	
}

#sidebar .gallery h4 {
	font-size: 1em;
}

body table.tribe-events-calendar, body .tribe-events-calendar tbody, body table.tribe-events-calendar tr, body .tribe-events-calendar td {
	display: block;
}

body .tribe-events-calendar td {
	width: auto;
}

body table.tribe-events-calendar thead {
	position: absolute;
	top: -9999px;
}

body .tribe-events-calendar td {
	height: auto !important;
}

body .tribe-events-calendar td .tribe-events-event, body .tribe-events-calendar td.tribe-events-past .daynum {
	display: inline-block;
}

body .tribe-events-calendar td a {
	padding-top: 2px;
}


body .tribe-events-calendar td.tribe-events-othermonth, body .tribe-events-calendar td hr, body .tribe-events-tooltip {
	display: none !important;
}



footer .news, footer .nav {
	width: 48%;
}


} /* <768px */


@media only screen and (max-width: 46em) {

html:before {
	background-color: blue;
}

.header-home {
	height: 109px;
}

.header-home .slide .content {
	display: none;
}

header {
	position: absolute;
	left: 1%;
	top: 0;
	height: 109px;
	background-color: rgba(255, 255, 255, .5);
	box-shadow: 0 0 15px rgba(0, 0, 0, .5);	
	cursor: pointer;
	min-width: 175px;
}

header.open {
	height: auto;
}

header .logo {
	box-shadow: none;
}

header nav ul {
	font-size: 1.2em;
}

header nav ul li.home {
	display: block;
}

header nav ul li:last-child {
	border: none;
}

header nav ul li a {
	padding: 7px 10px 6px 10px;
}

.home header nav ul li a {
	background-color: #77b800;
}

.home header nav ul li a:hover {
	background-color: #035501;	
}

header nav ul li ul {
	left: 0;
	top: 0;
	padding: 5px 0;
	margin-bottom: 0;
}

header .map {
	display: none;
}

.page-content #content {
	width: 73%;
	padding-left: 0;
}

#content.full-width, .home .page-content #content {
	width: 100% !important;
	padding: 0;
	margin: 0 0 30px 0;
}

.image-list-large {
	min-height: 0;
	background-image: none;
}

.image-list-large article ul li, .full-width article ul li {
	margin-right: 1% !important;
	padding-left: 1% !important;
	width: 98% !important;
}

.full-width article ul li {
	width: 48% !important;
}

body article ul.calendar-categories li {
	width: 100% !important;
	float: none !important;
}


.home ul.callouts {
	margin: 20px 0 0 0;
}

#sidebar .text-box {
	padding-left: 10px;
	padding-right: 10px;
}

#sidebar .text-box ul li {
	margin-left: 0;
}

footer .content {
	margin: 20px 0;
}

footer .about {
	width: 98%;
	margin: 0 1% 10px 1%;
}

footer .news, footer .nav {
	width: 48%;
	margin: 0 1%;
}


/*
#sidebar {
	width: 75%;
}

#sidebar .gallery {
	width: 270px;
	margin-left: auto;
	margin-right: auto;
}

#sidebar .gallery h4 {
	font-size: 1.5em;
	padding: 10px 30px 5px 30px;
	width: 5px;
	height: 27px;
	left: -10px;	
}

#sidebar .gallery:hover h4 {
	width: 200px;
}

*/

body article ul.calendar-categories li a {
	display:  block;
	width: 100%;
}

} /* <736px */




@media only screen and (max-width: 35em) {

html:before {
	background-color: purple;
}

.top-bar {
	display: none;
}

.page-content #content, #sidebar {
	width: 98%;
	margin: 0 1% 30px 1%;
}

.home ul.callouts h2.no-link, .home ul.callouts h2 a, .image-list-large article ul h2 a {
	font-size: 1.3em;
}

#calendar .event-column {
	float: none !important;
	width: auto !important;
	margin-bottom: 10px;
	padding-right: 3%;
}

#sidebar .share {
	margin-left: 0;
}

#sidebar .gallery {
	max-width: 270px;
	margin-left: auto;
	margin-right: auto;
}

footer .news, footer .nav {
	float: none;
	width: 98%;
}

footer form #s {
	width: 87%;
}

#dynamic-to-top {
	display: none !important;
}

} /* < 560px */


@media only screen and (max-width: 30em) {

html:before {
	background-color: brown;
}

.home ul.callouts li {
	width: 98% !important;
}

} /* <480px */

@media only screen and (max-width: 29em) {

html:before {
	background-color: gray;
}


.image-list-large article ul li, .full-width article ul li {
	width: 98% !important;
}



} /* <464px */






/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color: #333333; font-size: 14px; width: 100%; background-color: #fff; padding: 2px 0 0 5px; height: 22px;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
        
        
        
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; font-weight: normal !important;filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  h2 { top: 0 !important; 	margin-bottom: 10px !important; } 
  #sidebar .share, .top-bar, .header-home, .header-interior, a#donate-button, header { display: none; }
  .wp-spoiler-content, ui-collapsible-content { display: block !important; }
  #content, #sidebar { width: auto !important; float: none; clear: both; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}