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

body, .sIFR-active body  {font-size:70%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background:#f8f9fb; margin:0; padding:0; color:#333333;}

@font-face {font-family: "FrancophilSans-Bold"; src: url("/fonts/FrancophilSans-Bold.eot");}
@font-face {font-family: "FrancophilSans"; src: url("/fonts/FrancophilSans.eot");}
@font-face {font-family:"FrancophilSans-Bold"; src: url("/fonts/FrancophilSans-Bold.ttf");}
@font-face {font-family:"FrancophilSans"; src: url("/fonts/FrancophilSans.ttf");}

p, a {font-size:1.2em; line-height: 1.3em; text-decoration: none;}
p strong {font-size: 1em; font-weight: bold;}
a, a:visited, a:active {color:#1969f3; text-decoration:none; font-size: 1em;}
a:hover {text-decoration: underline;}

h1 {font-size:2.2em; line-height:1.5em; margin:0; padding:0; font-family: "FrancophilSans", arial, sans-serif; font-weight: normal;}
h1 span.green {font-size:1em; color: #60a53b;}
h1.blue {color: #102E70;}
.indented {margin-left: 35px;}


.container {width: 1060px; margin:0 auto;}

.header {height:72px; background:url(/images/headerBG.gif) top left repeat-x; border-bottom:1px solid #cccccc; margin:0 auto; width:100%; overflow: hidden;}
#green-header.header {background:url(/images/green/headerBG.gif) top left repeat-x;}
		img#logo {float:left;}
		ul#social-media a.donate {float: left;}
		ul#social-media {display: inline; list-style-type: none; float: right; margin-right: 45px; margin-top: 20px;}
		ul#social-media li {float: left; padding: 0 5px;}

#content-container {margin-top: 20px; overflow: hidden;}

	#left {width:330px; float:left;}
		#left p {text-align: justify; display:block; margin-bottom: 20px; color: #555555;}

	#right {width:660px; float: right; position: relative;}
	#right.entry {position: relative;}
	#right a#close {position: absolute; top: 0; right: 0; display: block; width: 30px; height: 30px; z-index: 999;}
	#right.entry div.title {width:550px;}
	#right.entry h1 {font-size: 2.7em;}
	#right h2.month {border-bottom: 1px solid #333333; margin-top: 10px; margin-bottom: 10px;}
	#right.entry p {padding-top: 25px;}
		#right.entry p.date {font-weight: normal; font-style: italic; color: #888888; display: inline; font-size: 1.5em; margin:0 15px 20px 0;}
		#right.entry .likebtn {clear: right;}
		#right.entry p img {float: left; padding: 0 10px 10px 0;}


		#featured-slides-container {width: 660px; height: 350px; overflow: hidden;}
			a.arrow {width:35px; height: 285px; padding: 0; margin:0; display: block; float: left;}
			a.arrow.right {float: right;}
			#featured-slides-container h4 {margin-left: 50px;}
				div.carousel {width: 590px; float: left;}
					ul#featured {list-style: none; padding: 0; margin: 0;}
						ul#featured a, #yodle-green-clients a {text-decoration: none;}
						ul#featured li {float: left; width: 165px; height: 283px; border-bottom: 2px solid #d4d4d5; margin: 0 10px; 
						display: block; padding: 5px; cursor: pointer;}
							ul#featured li:hover {background-color: #FFF6E2;}
							ul#featured img {padding-bottom: 10px;}
							ul#featured li a span, #yodle-green-clients a span {
							text-align: justify; display: block; text-decoration: none; color: #333333; height: 125px; line-height: 1.2em;}
							ul#featured li a span h3, #yodle-green-clients a span h3 {
							color: #444444; font-size: 12px; font-weight: bold; display: block; height: 40px; text-decoration: none; text-align: left;}
							ul#featured li a:hover span h3, #yodle-green-clients a:hover span h3 {color: #1969f3;}
							ul#featured li p a:hover h3, #yodle-green-clients p a:hover h3 {color: #1969f3;} 
			
		#events-container {width:610px;}
			#events {margin-left: 50px; position: relative;}
				#events h4 {margin-bottom: 20px;}
				#events p {display: inline;}
				#events a {font-size: 12px; color: #444444; font-weight: bold; display: block; clear: both; margin-bottom: 15px; 
				text-decoration: none;}
				#events a:hover {color: #1969f3; background-color: #FFF6E2;}
				#events a p {font-size: 10px; text-decoration: none; color: #333333; font-weight: normal;}
				#events a#upcoming {position: absolute; top:0; right: 0;}
				#events a#upcoming img {padding: 0;}
				#events a#upcoming:hover {background: transparent;}
					#events a img {float: left; padding: 3px 8px 20px 0;}
				#events .date, ul#featured .date {text-transform: uppercase; font-weight: bold; color: #888888; font-style: italic;}
				ul#featured .date {display: block; height: auto; clear: both; margin-bottom: 5px;}
				
		#yodle-green-tips {width: 576px; height: 273px; background: url(/images/green/formBG.png) no-repeat; margin-left: 20px; padding: 28px 15px 15px 27px;}
		#form {width: 235px; float: left; margin-right: 30px;}
		.validation-message {color: red;}
		#tips {position: relative;}
		#success-message {width: 235px; margin: 20px 0;}
		label {position: absolute; display: block; line-height: 15px; font-size: 13px; font-style: oblique; margin: 17px 0 0 10px; color: #333333;}
		.text {line-height: 15px; padding: 7px 5px; border: 1px solid #b1b4b2; width: 220px; margin-top: 10px; font-size: 13px;}
		textarea {height: 85px;}
		#yodle-green-clients {float: left; width: 290px;}
		#yodle-green-clients a span h3#spotlight-title {height: 20px;}
		#client-image {width: 288px; height: 84px; margin: 10px 0; border: 1px solid #cccccc;}
		#submit {height: 38px; width: 127px; float: right; background: url(/images/green/submit.png) no-repeat; border: 0; outline: 0; margin-top: 5px; cursor: pointer;}
		

#footer{height:62px; background:url(/images/footerBG.gif) top left repeat-x; border-top:1px solid #cccccc; text-align: left; width: 100%; padding: 10px 0; overflow:hidden; position:relative; bottom:0; margin-top: 50px;}

#footer-container {}

	#footer img {float:left;}
	
	#footer img.padding_right {padding-right:10px;}
	
		#footer ul {list-style-type:none; padding:0; float:left; margin:0; width:auto; border-top:none;}

	#footerLeftSide {height:50px; width:475px !important; height:auto; float:left; margin:1% 0 auto 0;}
	#footer ul#footerLeft {width:360px !important;}
	#footer ul#footerRight {float:right; text-align:center; width:265px !important; display: block; margin-right: 45px;}
	
		#footer ul li {float:left; background:none; height:auto; text-align:left; width:auto !important; margin:0 2px 0 0; display:inline;}
	
		#partnerIcons {width:auto; height:auto; float:right; border-left:3px dotted #CCCCCC; padding-left:15px;}

		#footer p, #footer p a, #footer ul li p, #footer ul li a {color:#666666; display:block; font-family:Verdana,Geneva,sans-serif; 
		font-size:1em; line-height:normal; margin:0; overflow:visible; font-weight:normal; width:auto;}