body 
{

	font-family:Arial;
	font-size:12pt;
	margin:0px;
	background-attachment:fixed;
}

#outer
{	
	position:absolute;
	left:0px;
	top:120px;
	text-align:center;
	width:100%;
	}

#wrapper
{
	width:902px;
	margin:0px auto 0px auto;
	}

#header
{
	width:1280px;
	height:225px;
	}

#content
{
	width:891px;
	/*padding-left:189px;*/
	margin-right:11px;
	margin-top:14px;
}

#footer
{
	width:891px;
	padding-top:14px;
	/*padding-left:189px;*/
	margin-right:11px;	
	clear:both;
	margin-bottom:20px;
	height:150px;
}

/************* columns ***************/
#contentLeft
{
	width:284px;
	float:left;
	margin-right:14px;

}

#contentMiddle
{
	width:295px;
	float:left;
	margin-right:14px;
}

#contentRight
{
	width:284px;
	float:left;
}

/************* columns end
 ***************/
/************* 2020 Video Column ************/


#videoColumnTop
{
	background-image:url('/images/homepage/BlueVideoColumn.gif');
	height:510px;
	width:284px;
	padding-top:10px;
	font-size:11pt;
	text-align:center;
	}
	
#videoColumnTop a:hover
{
	color:#13B0E7;
}
		
#videoColumnBottom	
{
	width:284px;
	height:228px;
	background-image:url('/images/homepage/SendUsYourVideosPanel.jpg');
	text-align:right;
}

#videoBottomButton
{
	position:relative;
	top:192px;
	right:12px;
	}


#videoFeatured
{
	width:211px;
	height:160px;
	margin-top:5px;
	margin-left:31px;
	margin-right:32px;
}

.videoSlider
{
	width:282px;
	height:94px;
	margin-left:1px;
	margin-right:1px;
}

.videoSliderButtonLeft
{
	width:15px;
	height:56px;
	float:left;
	padding-top:38px;
}

.videoSliderButtonRight
{
	width:15px;
	height:56px;
	padding-top:38px;
	float:left;
}

.videoSliderInner
{
	height:94px;
	float:left;	
 white-space:nowrap;
}

/***** SLIDER ******/ 
    div#wnVideoCeleb, #wnArtCeleb, #wnVideoYour, #wnArtYour
    {
      position: relative;
      width: 252px;
      height: 94px;
      overflow: hidden;
    }  
/************* 2020 Video Column End ************/
/************* Middle Content Column ************/

#contentMiddleTop
{
	width:295px;
	height:520px;
	background-color:White;
	color:#13B0E7;
	text-align:left;
}

#contentMiddleBottom	
{
	width:295px;
	height:228px;
	background-image:url('/images/homepage/SendUsYourStoriesPanel.jpg');
	text-align:right;
}

#contentMiddleWording
{
	height:362px;
	overflow:hidden;
	padding-left:10px;
	}

/************* Middle Content Column End ************/

/************** Stories *********************/
#StoriesBottomButton
{
	position:relative;
	top:192px;
	right:12px;
	}
/************** Stories End *********************/

/************** Art Column *********************/	
#artColumnTop
{
	background-image:url('/images/homepage/BeigeArtColumn.gif');
	height:510px;
	width:284px;
	padding-top:10px;
	color:#4B4524;
	font-size:11pt;
	}	
	
#artColumnTop a:hover
{
	color:#4B4524;
}
	
	
#artColumnBottom
{
	width:284px;
	height:228px;
	background-image:url('/images/homepage/SendUsYourArtPanel.jpg');
	text-align:right;	
	}	
	
#artBottomButton
{
	position:relative;
	top:192px;
	right:12px;
}

#artFeatured
{
	width:211px;
	height:160px;
	margin-top:5px;
	margin-left:31px;
	margin-right:32px;
}

.artSlider
{
	width:282px;
	height:94px;
	margin-left:1px;
	margin-right:1px;
}

.artSliderButtonLeft
{
	width:15px;
	height:56px;
	float:left;
	padding-top:38px;
}

.artSliderButtonRight
{
	width:15px;
	height:56px;
	padding-top:38px;
	float:left;
}

.artSliderInner
{
	width:252px;
	height:94px;
	float:left;	
	overflow:hidden;
}

			
/************** Art Column End *********************/


/************* Footer ******************/
#carbonCalc
{
	width:172px;
	padding-right:17px;
	float:left;
	height:128px;
}

#childrensCalculator
{
	width:152px;
	height:108px;
	margin-right:17px;
	padding:10px;
	float:left;
	background-image:url('/images/homepage/ChildrensCalculatorPanel.jpg');	
	color:White;
	font-weight:bold;
	font-size:9pt;
	text-align:left;
}

#childrensCalculator a
{
	color:White;
}

#childrensCalculator a:hover
{
	color:#EADD15;
}


#fourSteps
{
	width:152px;
	height:108px;
	margin-right:17px;
	float:left;
	background-image:url('/images/homepage/FourStepsPanel.jpg');
	padding:10px;
	font-weight:bold;
	font-size:9pt;
	text-align:left;
	color:#EADD15;	
}

#fourSteps a
{
	color:#EADD15;
}

#fourSteps a:hover
{
	color:#13B0E7;
}

#joinNow
{
	width:324px;
	float:left;
	height:128px;
	background-image:url('/images/homepage/JoinUsPanel.jpg');
	margin-top:1px;
}
#joinNow form
{
	padding-top:44px;
}


#joinNow .label
{
	width:73px;
	color:White;
	font-size:9pt;
	text-align:right;
	padding-right:2px;
	height:18px;
	padding-top:4px;
	float:left;
}

#joinNow .value
{
	width:240px;
	text-align:left;
	float:left;
	}
	
#joinNow .tbx
{
	border:2px solid #13B0E7;
	height:18px;
	width:210px;
}

#joinNow .submit
{
	width:254px;
	padding-top:4px;
	text-align:right;
	}
/************* Footer ******************/



/******** Classes ********/
.headerBlue
{
	font-size:14pt;
	color:#13B0E7;
}

.headerBrown
{
	font-size:14pt;
	color:#4B4524;
}

.blue
{
	color:#13B0E7;
}

.brown
{
	color:#4B4524;	
	}

.smallBold
{
	font-size:10pt;
	font-weight:bold;
}
/********* Elements **********/
img
{ 
	border:0px;
}


/**************** Homepage ******************/
.bg
{
	background-image:url('/images/homepage/backgrounds/back3.jpg');
	height:1000px;
	background-position:center;
	background-repeat:no-repeat;
}

#homePageHeader
{
	width:898px;
	height:95px;
	padding-top:14px;
	margin-right:4px;
}

.homeSpacer
{
	width:285px;
	height:15px;
}


/************** Homepage About *****************/
#homeAbout
{
	width:265px;
	height:147px;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-right:10px;
	padding-left:10px;
	padding-top:91px;
	padding-bottom:15px;
	text-align:left;	
	background-image:url('/images/homepage/AnEnvironmentalMarkPanel.png');
	background-repeat:no-repeat;
	color:White;
	font-size:8pt;
}

#homeAbout p
{
	color: white;
	line-height:12px;
	margin:0 0 7px 0;
}

/************** Homepage About End *****************/

/************** 4 step process *********************/
#home4StepProcess
{
	width:260px;
	height:409px;
	background-image:url('/images/homepage/JoinNowPanelRoundel.png');
	font-size:9pt;
	color:#4B4524;
	text-align:left;
	padding:12px;
	margin-top:3px;
	}


/*************** Homepage Join Now **************/
/*#homeJoinNow
{

	width:284px;
	height:168px;
	background-image:url('/images/homepage/JoinNowPanel.png');
	margin-top:1px;
}*/
#home4StepProcess form
{
	padding-top:20px;
	display: block;
}

#home4StepProcess a
{
	color:#13B0E7;
	text-decoration:none;
}



#home4StepProcess .label
{
	width:57px;
	color:#4B4524;
	font-size:9pt;
	text-align:right;
	padding-right:2px;
	height:18px;
	padding-top:4px;
	float:left;
}

#home4StepProcess .value
{
	width:200px;
	text-align:left;
	float:left;
	margin-bottom:1px;
	}
	
#home4StepProcess .tbx
{
	border:1px solid #13B0E7;
	height:18px;
	width:190px;
	background-color:Transparent;
}

#home4StepProcess .submit
{
	width:254px;
	padding-top:4px;
	text-align:right;
	color: #000;
}
/*************** Homepage 2020 Vision ************/
#home2020Vision
{
	width:271px;
	height:68px;
	background-image:url('/images/homepage/2020VisionMainPanel.png');
	padding-top:100px;
	color:#4B4524;
	text-align:left;
	padding-left:15px;
	padding-right:10px;
	font-size:9pt;
}

#home2020Vision p {margin: 0;}

#home2020VisionButton
{
	text-align:center;
	width:271px;
	text-align:center;
	padding-top:4px;
}

#home2020VisionFeatured
{
	width:296px;
	height:243px;
	background-image:url('/images/homepage/VideoPanel.png');
	color:#13BDE7;
	font-size:11pt;
	font-weight:bold;
	padding-top:10px;
	}

/*************** Homepage 2020 Vision ************/

/*************** Homepage Videos art ************/
#homeVideoArt
{
	width:296px;
	height:253px;
	background-image:url('/images/homepage/VideosArtPanel.png');
	text-align:left;
	}
	
#homeVideoButton	
{
	position:relative;
	top:97px;
	left:170px
}

#homeArtButton
{
	position:relative;
	top:199px;
	left:10px	
	}
/*************** Homepage Videos art End ************/

/************** Homepage News **************/

#homeNews
{
	width:250px;
	height:371px;
	background-image:url('/images/homepage/NewsPanel.png');
	background-repeat:no-repeat;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-left:23px;
	padding-right:22px;
	padding-top:50px;
	padding-bottom:15px;
	text-align:left;
}	

#homeNews li
{
	color:#13BDE7;
	font-size:9pt;
	margin-bottom:7px;
	list-style-image:url('/images/homepage/dash.gif');
}

#homeNews ul
{
	margin-left:-15px;
	padding-left:30px;
	list-style-position:outside;
	margin-top:0px;
	margin-bottom:7px;

}

#homeNews a
{
	color:#4B4524;
	font-weight:bold;
}

#homeNews a:hover
{
	color:#EADD14;
}

#homeNews p
{
	font-size:9pt;
	margin-bottom:5px;
	margin-top:0px;
}

#homeTwitter
{
	width:250px;
	height:187px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url('/images/homepage/twitter.gif');
	overflow:hidden;
	font-family:Arial;

}

/************** Homepage News End **************/

/************** Homepage Childrens Calc ********/
#homeChildrensCalc
{
	width:286px;
	height:253px;
	background-image:url('/images/homepage/CalculatorCarbonFootPanel.png');
	color:white;
	text-align:right;
	padding-right:10px;
	}

#homeChildrensCalc p
{
	color:white;
	width:100px;
	font-size:9pt;
	text-align:right;
	padding-left:180px;
	padding-top:30px;
}

#homeChildrensCalc a
{
	color:#EADD14;
	font-size:9pt;	
	font-weight:bold;
}

#homeChildrensCalc a:hover
{
	color:#13BDE7;

}

#homeCarbonFootprint
{
	text-align:left;
	padding-left:12px;
	padding-top:110px;
}

#homeLastestLeft
{
	background-image:url('/images/homepage/PlanetPositivePerson.png');
	background-repeat:no-repeat;
	width:264px;
	height:118px;
	text-align:left;
	padding:10px;
	color:#4B4524;
	font-size:9pt;
	line-height:12px;
	padding-top:40px;
	margin-bottom:10px;	
}

#homeLastestLeft img
{
	margin-right:4px;
}

#homeLastestLeft div
{
	margin-bottom:10px;
}

#homeLastestMiddle
{
	background-image:url('/images/homepage/PlanetPositiveBusiness.png');
	height:118px;
	text-align:left;
	padding:10px;
	color:#4B4524;
	font-size:9pt;
	line-height:12px;
	padding-top:40px;
	width:276px;
	margin-bottom:10px;
}

#homeLastestMiddle img
{
	margin-right:4px;
}

#homeLastestMiddle div
{
	margin-bottom:10px;
}

#homeLastestRight
{
	background-image:url('/images/homepage/PlanetPositiveProduct.png');
	height:118px;
	text-align:left;
	padding:10px;
	color:#4B4524;
	font-size:9pt;
	line-height:12px;
	padding-top:40px;
	width:276px;
	margin-bottom:10px;
}

#homeLastestRight div
{
	margin-bottom:10px;
}


#homeLastestRight img
{
	margin-right:4px;
}

#homeLastestRight .about {text-overflow: ellipsis; overflow: hidden; height: 118px;}

button
{
	width:200px;
	background-color:Transparent;
	border-width:0px;
	cursor:hand;
}



.twtr-tweet-text {

font-size: 10px;
font-family: Arial, Helvetica, sans-serif !important;
color:#4B4524;

}

.twtr-tweet-text a {

color:#4B4524;

}

.twtr-user
{
 font-family:Arial;
}

.twtr-atreply
{
	color:Red;
}