#Header {
	background: transparent url("/images/headerBg.jpg") no-repeat top left;
	height:126px;
}

#header_homelink{
	width:330px;
	height:66px;
	margin-top:56px;
	margin-left:15px;
	border:none;
}

#TopMenu {
	background: transparent url("/images/topmenubg.png") no-repeat top center;
	height:34px;
	padding:10px 0px 0px 50px;	
}

#TopMenu center
{
 text-align:left;
}
#Container{
	display:block;
	width:795px;
	margin-left:auto;
	margin-right:auto;
}

#Main{
	float:left;
	background: transparent url("/images/bodyBg.jpg") repeat;
	width:100%;
	padding-bottom:20px;
}

#Wrapper{
	clear:left;
	float:left;
}
#Left{
	float:left;
	width:230px;
	height:100%;
	padding-left:20px;
}
#LeftTop{
	padding:0px;
}
#LeftNav{
	float:left;
	background: transparent url("/images/leftmenubg.png") no-repeat top left;
	height:170px;
	width:102px;
}
#LeftNav ul{
	padding-left:20px;
	margin-top:14px;
}
#LeftNav ul li{
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	margin:0px;
	padding:3px;
	font-weight:bold;
}
#LeftNav ul li a{
	color:#FFFFFF;
	text-decoration:none;
}
#LeftNav ul li a:hover{
	color:#1632AA;
}

#LeftJoin{
	background: transparent url("/images/leftjoinnowbg.png") no-repeat 0px 1px;
	float:left;
	height:178px;
	width:116px;
	margin-left:4px;
}


#left_joinlink{
	width:100px;
	height:160px;
	border:none;
	padding-top:10px;
	padding-left:10px;
}

#Center{
	float:left;
	width:320px;
	/*height:100%;*/
}

#MidFlash{
	float:left;
	background: transparent url("/images/midflashbg.png") no-repeat top left;
	height:275px;
	width:323px;
}

#MidBanner{
	float:left;
	background: transparent url("/images/sustain.png") no-repeat top center;
	width:320px;
	height:84px;
}

#mid_sustainlink{
	width:320px;
	height:84px;
	border:none;
}

#MidDonate{
	float:left;
	background: transparent url("/images/midgreenbg.png") no-repeat bottom center;
	width:320px;
	height:104px;
}

#mid_greenlink{
	width:320px;
	height:104px;
	border:none;
}

#Right{
	float:right;
	clear:right;
	width:215px;
}

#RightLogin{
	background: transparent url("/images/rightloginbg.png") no-repeat top right;
	padding: 50px 0px 0px 30px;
	height:126px;
	width:175px;
	color:#D6E03D;
}

#RightShout{
	clear:left;
	background: transparent url("/images/rightchallengebg.png") no-repeat top center;
	height:92px;
}

#RightWatch{
	clear:left;
	position:relative;
	background: transparent url("/images/rightwatchbg_new1.png") no-repeat top left;
	height:147px;
	padding: 38px 0px 0px 38px;
}
#RightWatchTv{
	position:absolute;
	top:0px;
	left:0px;
	background: transparent url("/images/rightwatchbg_new2.png") no-repeat top left;
	height:59px;
	width:61px;
}

#Footer{
	clear:both;
	margin-top:10px;
	padding:5px;
	text-align:center;
	background-color:#FFFFFF;
}

#FooterBy{
	text-align:right;
	background:transparent url("/images/bodyBg.jpg") repeat scroll 0%;
	font-size:10px;
	padding:5px 25px 5px 5px;
	color:yellow;
}

a {
	color:#16325A;
}
a:hover{
	color:#1632AA;
}

h2{
	padding:3px 0px 5px 10px;
	margin-bottom:3px;
	font-size:16px;
	clear:left;
	color:#022D56;
	background:transparent url("/images/profile_blockbg1.jpg") top left no-repeat;
}
#SphereInfo h2{
	margin-bottom:0px;
	padding-bottom:0px;
}

/* Top Menu CSS 
=========================*/
.bubble a:hover {
	text-decoration:none; 
	padding-bottom:4px;
}
.bubble a {
	text-decoration:none;
}
.bubble a, table {
/*	font-family:verdana,arial,helvetica,sans-serif; */
	font-size:11px;
	font-weight:bold;
	text-align:left;
	}
.bubble span {
   padding:2px 0px 0px 2px;
   margin:0px;
   float:left; 
}
.bubble table {
	visibility:hidden; 
	position:absolute;
	}
.bubble span:hover, .bubble span a:hover {
   position:relative;
   text-decoration:none;
   cursor:pointer;
   cursor:hand; 
}
.bubble span:hover table, .bubble span a:hover table {
   visibility:visible;
   top:18px;
   left:0px;
   cursor:default; 
}


#menu_aboutus {
	padding-right:32px;
}

#menu_whatwedo {
	padding-right:28px;
}

#menu_getinvolved {
	padding-right:25px;
	
}

#menu_thesituation{
	padding-right:20px;
}

#menu_whatissustainability{
	padding-right:20px;
}

#menu_resources{
	padding-right:0px;
}

.bubble span a.link{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}

.bubble span a:hover, .bubble span:hover, .bubble a:hover{
	color:#1632AA;
}

.bubble span table tr td.thead {
	background:transparent url("/images/dropmenubg1.png") top left no-repeat;
	padding:15px 0px 0px 7px;
}

.bubble span table tr td.tmid {
	background:transparent url("/images/dropmenubg3.png") top left repeat-y;
	padding:10px 0px 0px 7px;
}

.bubble span table tr td.tfoot {
	background:transparent url("/images/dropmenubg2.png") top left no-repeat;
}

/*========================================*/


body {
color:#333333;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
/*.NavItem a, li{
	color:#FFFFFF;
	margin-bottom:3px;
}
.NavItem a:hover{
	color:#70FF94;
}*/
.txt{
	width:140px;
	border:none;
	margin-bottom:3px;
}
.txtHeader{
	width:140px;
	border:1px solid #00A329;
	margin-bottom:3px;
}
.txtButton{
	background:transparent url("/images/button160.png") 0px 4px no-repeat;
	height:40px;
	width:175px;
	border:none;
	cursor:pointer;
	padding:3px;
	margin-top:5px;
	margin-left:5px;
	color:#022D56;

	/*width:80px;
	border:1px solid #00A329;
	margin-bottom:3px;*/
}
.txtSmall{
	font-size:10px;
	color:#00A329;
}
.Tool{
	display:none;
	margin-top:10px;
	width:500px;
}
#SignOutTab a:hover{
	color:#FF0000;
}
/*  Comments
=================================*/
#Tool1{
	margin-left:10px;
}
#CommentInput{
	clear:both;
}
#CommentBody{
	width:330px;
	height:100px;
	border:none;
}
#CommentInfo #CommentHeading{
	float:left;
	color:#00A329;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

#CommentInfo #CommentClose{
	float:right;
	margin-left:30px;
}
#CommentInfo #CommentStatus{
	float:right;
	font-weight:bold;
	margin-right:20px;
}
#CommentAvatar{
	padding:10px;
	font-weight:bold;
	color:#00A329;
	size:11px;
}
.Comment{
	clear:both;
}
.CommentLeft{
	width:360px;
	background:#E5FFEC url("/images/divtop400x15_round.jpg") no-repeat scroll left top;
	margin-bottom:20px;
}
.CommentAuthor{
	font-size:11px;
	font-weight:bold;
	color:#666666;
	float:right;
}
.CommentUserImage{
	float:right;
	margin-left:5px;
}
.CommentAvatar{
	float:left;
	padding-left:10px;
	margin-right:5px;
}
.CommentBody{
	background:#E5FFEC url("/images/divbottom400x15_round.jpg") no-repeat scroll left bottom;
	padding-left:40px;
	padding-right:20px;
	padding-bottom:10px;
}
.CommentRight{
	float:right;
	margin-right:20px;
	width:180px;
	height:60px;
	line-height:16px;
}
#CommentsHeading{
	padding-top:20px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;
}
.Paging{
	margin-left:150px;
}
.GreyedOut{
	color:#BBBBBB;
}

/* Spheres
=================================*/
#Tool2{
	margin-left:10px;
	padding:10px;
}
#SphereInput{
	clear:both;
}
.SphereTextarea{
	width:400px;
	height:100px;
	border:none;
}
#SphereInput #SphereClose{
	float:right;
	margin-left:30px;
}
#SphereInput #SphereStatus{
	float:right;
	font-weight:bold;
	margin-right:20px;
}
#Comments{
	margin-bottom:20px;
}

/* Sphere Clicks
==============================*/
#SphereClick{
	/*background-position: top left/top center/top right/center left/center center/center right/bottom left/bottom center/bottom right/x-% y-%/x-pos y-pos;*/
	background:#FFFFFF url("/images/s_clear_160.jpg") no-repeat scroll center center;
	height:180px;
	width:180px;
}
#SphereClickLeft{
	float:left;
	height:180px;
	width:90px;
}
#SphereClickRight{
	float:right;
	width:90px;
	height:180px;
}
#RedClick{
	float:left;
	margin-left:14px;
	margin-top:65px;
	width:10px;
	height:30px;
	cursor:pointer;
}
#RedClick2{
	float:left;
	margin-left:0px;
	margin-top:42px;
	width:15px;
	height:75px;
	cursor:pointer;
}
#RedClick3{
	float:left;
	margin-left:0px;
	margin-top:30px;
	width:15px;
	height:100px;
	cursor:pointer;
}
#BlueClick{
	float:right;
	width:47px;
	height:8px;
	margin-right:40px;
	margin-top:11px;
	cursor:pointer;
}
#BlueClick2{
	float:right;
	width:63px;
	height:8px;
	margin-right:26px;
	cursor:pointer;
}
#BlueClick3{
	float:right;
	width:44px;
	height:32px;
	margin-right:18px;
	cursor:pointer;
}
#BlueClick4{
	float:right;
	width:12px;
	height:12px;
	margin-right:0px;
	cursor:pointer;
}
#BlueClick5{
	float:right;
	width:5px;
	height:5px;
	margin-right:0px;
	cursor:pointer;
}
#BlueClick6{
	float:right;
	width:22px;
	height:8px;
	margin-right:12px;
	cursor:pointer;
}
#BlueClick7{
	float:right;
	clear:right;
	width:12px;
	height:4px;
	margin-right:15px;
	cursor:pointer;
}
#RedBlueClick{
	float:right;
	width:15px;
	height:35px;
	margin-top:36px;
	cursor:pointer;
}
#RedBlueClick2{
	float:right;
	width:3px;
	height:26px;
	margin-top:45px;
	cursor:pointer;
}
#RedBlueClick3{
	float:right;
	clear:right;
	width:8px;
	height:4px;
	margin-right:10px;
	cursor:pointer;
}
#RedBlueClick4{
	float:left;
	width:10px;
	height:24px;
	margin-top:4px;
	cursor:pointer;
}
#RedBlueClick5{
	float:left;
	width:5px;
	height:12px;
	margin-left:0px;
	margin-top:7px;
	cursor:pointer;
}
#CenterClick{
	float:right;
	width:9px;
	height:16px;
	cursor:pointer;
	margin-top:1px;
	clear:right;
}
#CenterClick2{
	float:left;
	width:20px;
	height:26px;
	cursor:pointer;
	margin-top:0px;
	clear:left;
}
#RedGreenClick{
	float:right;
	clear:right;
	width:5px;
	height:16px;
	margin-top:8px;
	cursor:pointer;
}
#RedGreenClick2{
	float:right;
	width:16px;
	height:26px;
	margin-top:2px;
	cursor:pointer;
}
#BlueGreenClick{
	float:left;
	width:20px;
	height:26px;
	cursor:pointer;
	margin-top:0px;
	margin-left:7px;
}
#BlueGreenClick2{
	float:left;
	width:8px;
	height:16px;
	cursor:pointer;
	margin-top:7px;
	margin-left:0px;
}
#BlueGreenClick3{
	float:left;
	clear:left;
	width:20px;
	height:4px;
	cursor:pointer;
	margin-top:0px;
	margin-left:24px;
}
#GreenClick{
	cursor:pointer;
	float:right;
	width:20px;
	height:12px;
	clear:right;
	margin-top:4px;
}
#GreenClick2{
	cursor:pointer;
	float:right;
	width:14px;
	height:10px;
	clear:right;
}
#GreenClick2{
	cursor:pointer;
	float:right;
	width:14px;
	height:10px;
	clear:right;
}
#GreenClick3{
	float:right;
	width:16px;
	height:36px;
	cursor:pointer;
	margin-top:0px;
	margin-right:16px;
}
#GreenClick4{
	float:left;
	clear:left;
	width:10px;
	height:40px;
	cursor:pointer;
	margin-top:18px;
	margin-left:0px;
}
#GreenClick5{
	float:left;
	width:42px;
	height:36px;
	cursor:pointer;
	margin-top:8px;
	margin-left:0px;
}
#GreenClick6{
	float:right;
	width:36px;
	height:11px;
	cursor:pointer;
	margin-top:0px;
	margin-right:40px;
}

/*		Address Book
=====================================*/
#AddressBook{
	display:none;
	width:200px;
	position:absolute;
	background-color:#FFFFFF;
	padding:10px;
	border:1px solid #16325A;
}
#AddressBook .Contact{
	clear:left;
	float:left;
	width:200px;
	border-bottom:1px solid #BBBBBB;
}
#AddressBook .ContactPic{
	float:left;
	padding:5px;
	padding-right:15px;
	margin-left:10px;
}
#AddressBook .ContactInfo{
	padding-top:10px;
	font-size:14px;
}

.ProfileDirections{
	line-height:18px;
}

#LogoLink img {
	border:none;
}

/* tags */
#TagHidden {
	width:1px;
	height:1px;
	display:none;
}
#SearchSpheresMid .LeftDirections{
	display:none;
}
#LeftTags{
	float:left;
	background:transparent url("/images/lefttagsbg.png") no-repeat top left;
	padding-top:95px;
	width:100%;
}
#SearchSpheresMid{
	line-height:18px;
}
#SearchSpheresBottom{
	color:#D6E03D;
	padding-top:10px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
#SearchSpheresBottom .txtRadio{
	padding-bottom:5px;
}
#SphereClear{
	color:#D6E03D;
	line-height:20px;
}
#SearchSpheresMid a {
	color:#D6E03D;
	text-decoration:none;
}
#SearchSpheresMid a:hover {
	text-decoration:underline;
}
/* Search */
#SearchButton {
	width:65px;
	border:none;
	cursor:pointer;
	background:transparent url("/images/button65.png") no-repeat bottom left;
	height:40px;	
}
#SearchGo{
	padding:2px 0px 1px 5px;
	border:none;
	width:200px;
}
#FooterBy a {
	color:yellow;
}
#FooterBy a:hover {
	color:white;
}