/* Main CSS Document */

@import url("core.css");

#container {
	width: 100%;
}

#headerBG {
	width: 100%;
	background-repeat: repeat-x;
}
#headerContainer {
	width: 990px;
	margin: 0px auto;
}

#header {
	width: 959px;
	height: 120px;
	}
	
#header .logo {
	width: 196px;
	float: left;
}

/*(old call with the hand and tree image)*/ 

/*#header .address {
	width: 340px;
	height: 60px;
	float: right;
	background-image: url(../images/bg-address.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 70px 0px 0px 0px;
	color: #ffffff;
	font-weight:bold
}*/ 

#header .address {
	width: 340px;
	height: 60px;
	float: right;
	background-position: right top;
	padding: 51px 0px 0px 0px;
	color: #ffffff;
	font-weight:bold
}
#header .address h1 {
	font-size: 15px;
	color: #0f60a1;
	padding: 0px;
	font-weight: bold;
}

#nav {
	width: 788px;
	height: 29px;
	background-image: url(../images/bg-nav-bottom.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	padding: 16px 0px 0px 140px;
	margin: 0px auto;
	z-index:999;
}
#nav ul { 
	margin: 0px;
	padding: 0px; 
}
#nav li { 
	margin: 0px; 
	display: inline-block;
	font-size: 13px; 
	color:#ffffff; 
	font-weight: bold; 
}
#nav a:link, #nav a:visited { 
	color: #ffffff; 
	text-decoration: none; 
}
#nav a:hover { 
	color: #bcda65; 
}

#middle {
	width: 928px;
	background: #fff;
	margin: 0px auto;
}

#content {
	width: 926px;
	margin: 6px auto 0px auto;
}

#content .left {
	width: 164px;
	float: left;
}
#content .left .leftnav {
	width: 164px;
	background-image: url(../images/bg-leftnav.gif);
	background-repeat: repeat-y;
}
#content .left .leftnav .links {
	width: 134px;
	background-image: url(../images/bg-leftnav-top.gif);
	background-repeat: no-repeat;
	padding: 27px 15px 15px 15px;
}
#content .left .leftnav .links ul li {
	padding: 4px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
	display: block;
	font-size: 14px;
	height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bcda65;	
}
#content .left .leftnav .links ul li a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#content .left .leftnavbottom {
	width: 164px;
	height: 8px;
	background-image: url(../images/bg-leftnav-bottom.gif);
	background-repeat: no-repeat;
}
#content .left .challenge {
	width: 139px;
	height: 62px;
	background-image: url(../images/bg-recycle-challenge4.jpg);
	background-repeat: no-repeat;
	padding: 105px 0px 0px 25px;
}
#content .left .newsletter {
	width: 164px;
	height: 185px;
	background-image: url(../images/bg-newsletter2.gif);
	background-repeat: no-repeat;
	margin: 1px 0px 0px 0px;
	text-align: center;
	padding: 15px 0px 0px 0px;
}
#content .left .newsletter .form {
	width: 126px;
	height: 18px;
	background-image: url(../images/bg-forminput.gif);
	background-repeat: no-repeat;
	border: 0px;
	padding: 4px;
	margin: 0px 0px 10px 0px;
}

#content .middle {
	width: 575px;
	float: left;
}
#content .middle .video {
	width: 575px;
	height: 244px;
	background-image: url(../images/bg-video.gif);
	background-repeat: no-repeat;
}
#content .middle .video .left {
	width: 245px;
	height: 186px;
	padding: 19px 0px 0px 36px;
	float: left;
}
#content .middle .video .right {
	width: 240px;
	float: right;
	padding: 15px;
}
#content .middle .content {
	width: 495px;
	padding: 40px;
}

#content .right {
	width: 187px;
	float: right;	
}
#content .right .communitytop {
	width: 187px;
	height: 10px;
	background-image: url(../images/tab-community-top.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
#content .right .community {
	width: 187px;
	background-image: url(../images/tab-community-bg.gif);
	background-repeat: repeat-y;
}
#content .right .community .communitycontent {
	width: 187px;
	background-image: url(../images/tab-community-bottom.gif);
	background-repeat: no-repeat;
	text-align: center;
	overflow: hidden;
	background-position: left bottom;
}
#content .right .community p {
	padding: 0px;
	margin: 0px;
}
#content .right .didyouknowtop {
	width: 187px;
	height: 17px;
	background-image: url(../images/didyouknow-top.gif);
	background-repeat: no-repeat;
	margin: 1px 0px 0px 0px;
}
#content .right .didyouknowcontent {
	width: 167px;
	background-image: url(../images/bg-didyouknow.gif);
	background-repeat: repeat-y;
	padding: 10px;
}
#content .right .didyouknowbottom {
	width: 187px;
	height: 17px;
	background-image: url(../images/didyouknow-bottom.gif);
	background-repeat: no-repeat;
}

#footer {
	width: 928px;
	padding: 50px 0px 15px 0px;
	font-size: 11px;
	text-align: center;
	margin: 0px auto;
	background: #fff;
}
#footer ul li { 
	display: inline; 
	color: #0f60a1; 
	margin: 0px 10px 0px 10px;
}
#footer a:link, #footer a:visited { 
	color: #0f60a1; 
	text-decoration: none; 
}
#footer a:hover { 
	color: #0f60a1; 
	text-decoration: underline; 
}