/* CSS Document */
	
	/* ----------------------------------------------------
	screen
	---------------------------------------------------- */
	
	@import url("home.css");
	@import url("content.css");
	@import url("buttons.css");
	@import url("elements.css");
	@import url("forms.css");
	@import url("headers.css");
	@import url("menu.css");
	@import url("tables.css");
	@import url("links.css");
	
	/* ----------------------------------------------------
	general
	---------------------------------------------------- */
	
	html 
		{ 
		height: 100%; 
		margin: 0 auto; 
		padding: 0; 
		color: #373737; 
		text-align: center;
		background-image: url(../img/bg-content.png);
		background-repeat: repeat-y;
		background-position: center;
		background-color: #009D57;
		}

	body 
		{ 
		margin: 0 auto; 
		padding: 0;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		line-height: 24px;
		background: #FFFFFF url('/img/bg-outter.png') repeat-x;
		}
		
	/** ----------------------------------------------------
	general site layout
	---------------------------------------------------- */
	
	div#container
		{
		margin: 0 auto; 
		padding: 0;
		width: 982px;
		background: transparent url(../img/bg-inner.png) repeat-y;
		}
		
	div#headerTop {
		background-image:url(../img/bg-inner-header.png);
		background-repeat:no-repeat;
		height:40px;
		margin:0 auto;
		width:982px;
		}			
		
	div#header {
		/*background-image: url(../img/header-home.jpg);*/
		/*background-repeat: no-repeat;*/
		width: 951px;
		height: 372px;
		margin-left: 17px;
		position: relative;
		background: no-repeat center bottom;
	}

		#header .GG_logo {
			display: block;
			position: absolute;
			top: 7px;
			left: 676px;
		}
		#header .WSA_logo {
			display: block;
			position: absolute;
			top: 0;
			left: 423px;
		}
		#header .ETW_logo {
			display: block;
			position: absolute;
			top: 0;
			left: 15px;
		}

		#header .top_shadow {
			position: absolute;
			top: 100px;
			left: 0;
			display: block;
		}


	div#header-about
		{
		background-image: url(../img/header-about.jpg);
		background-repeat: no-repeat;
		width: 955px;
		height: 356px;
		}
		
	div#header-beverage
		{
		background-image: url(../img/header-beverage.jpg);
		background-repeat: no-repeat;
		width: 955px;
		height: 356px;
		}
		
	div#header-christmas
		{
		background-image: url(../img/header-green.jpg);
		background-repeat: no-repeat;
		width: 955px;
		height: 356px;
		}
		
	div#header-contact
		{
		background-image: url(../img/header-home.jpg);
		background-repeat: no-repeat;
		width: 955px;
		height: 356px;
		}
		
	div#header-garbage
		{
		background-image: url(../img/old_headers/header-garbage.jpg);
		background-repeat: no-repeat;
		width: 955px;
		height: 356px;
		}
		
	div#header-green
		{
		background-image: url(../img/header-green.jpg);
		background-repeat: no-repeat;
		width: 955px;
		height: 356px;
		}
		
	div#header-media
		{
		background-image: url(../img/old_headers/header-media.jpg);
		background-repeat: no-repeat;
		width: 955px;
		height: 356px;
		}

	div#header-resources
		{
		background-image: url(../img/header-resources.jpg);
		background-repeat: no-repeat;
		width: 955px;
		height: 356px;
		}
		
	div#header-statistics
		{
		background-image: url(../img/header-statistics.jpg);
		background-repeat: no-repeat;
		width: 955px;
		height: 356px;
		}
	
		
	div#logo
		{
		background-image: url(../img/recycle-logo.png);
		background-repeat: no-repeat;
		text-align: left;
		position: relative;
		left: 30px;
		width: 232px;
		height: 168px;
		}
	
	.logo
		{
		border: 0;
		cursor: pointer;
		}
		
	div#wsaLogo
		{
		background-image: url(../img/wsa-logo.png);
		background-repeat: no-repeat;
		text-align: right;
		position: relative;
		top: -185px;
		width: 87px;
		height: 84px;
		float: right;
		margin-right: 30px;
		}
	
	.wsaLogo
		{
		border: 0;
		cursor: pointer;
		}
		
	div#nav	{
		clear: both;
		text-align: center;
		width: 951px;
		height: 39px;
		margin-left: 17px;
		background: #000000 url(../img/menu_bg.jpg) repeat-x;
		font-family : Verdana, Arial, sans-serif;
		font-size: 13px;
		color: #FFF;
		}

	div#rightcontent
		{
		width: 200px;
		padding-right: 20px;
		padding-bottom: 20px;
		text-align:center;
		}
	
	div#leftcontent
		{
		float: left;
		width: 204px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		/*background-color: #006992;*/
		margin: 20px;
		border-right: 1px solid #CCC;
		}
		.button_big {
			display: block;
			background: url(/img/button_big.jpg) no-repeat top;
			height: 56px;
			font-size: 23px;
			line-height: 23px;
			margin: 0 0 30px;
			padding: 10px 15px;
			text-decoration: none !important;
			text-shadow: 0 1px 1px #000;
			width: 156px;
			color: #FFF;
			text-align: center;
			margin: 0 auto 30px auto;
		}
		.button_big span {
			color: #00b2ff;
			font-size: 13px;
		}
		.button_big:hover {
			background: url(/img/button_big.jpg) no-repeat bottom;
			color: #FFF;
		}
		.button_big2 {
			display: block;
			background: url(/img/button_big2.jpg) no-repeat top;
			height: 71px;
			font-size: 23px;
			line-height: 23px;
			margin: 0 0 30px;
			padding: 10px 15px;
			text-decoration: none !important;
			text-shadow: 0 1px 1px #000;
			width: 170px;
			color: #FFF;
			text-align: center;
			margin: 0 auto 30px auto;
		}
		.button_big2 span {
			color: #00b2ff;
			font-size: 13px;
		}
		.button_big2:hover {
			background: url(/img/button_big2.jpg) no-repeat bottom;
			color: #FFF;
		}
		.single {
			line-height: 45px;
			font-size: 26px;
		}
		.triple {
			padding: 8px 15px;
			height: 60px;
			line-height: 22px;
		}
		#info {
			background: #e0f6e9;
			color: #547461;
			padding: 3px 10px;
			-moz-border-radius: 5px;
			-webkit-border-radious: 5px;
			border-radius: 5px;
		}
		#info h2 {
			font-size: 20px;
			font-weight: normal;
			margin: 6px 0;
		}
		div#leftcontent #info a {
			color: #1c6c3d;
		}
	
	div#leftcontent a {
		color: #FFFFFF;
	}
		
	div#maincontent
		{
		float: left;
		width: 611px;
		/*padding-left: 20px;*/
		/*padding-right: 20px;*/
		/*padding-bottom: 20px;*/
		margin: 20px;
		}
		#maincontent .left {
			float: left;
			width: 285px;
		}
		#maincontent .right {
			float: right;
			width: 285px;
		}
	
	div#title
		{
		font-size: 2.1em;
		text-align: left;
		position: relative;
		left: 265px;
		top: -110px;
		width: 550px;
		height: 30px;
		}
		
	div#quote {
		text-align: right;
		color: #FFF;
		position: absolute;
		top: 132px;
		left: 677px;
		width: 235px;
		font-size: 17px;
		line-height: 24px;
	}
		div#quote p {
			margin: 0;
		}
		
	.sidebuttons
		{
		padding-top: 0px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		float:left;
		}
	
	div#nav ul 	{
		margin-left: 0;
		padding-left: 0;	
		/*display: inline;*/
		} 
		
	div#nav ul li 
		{
		margin-left: 0;
		list-style: none;
		display: inline;
		}
	
	div#footer_content {
		margin: 0 auto;
		padding: 0;
		padding-top: 25px;
		padding-left: 10px;
		padding-bottom: 100px;
		width: 930px;
		color: #FFF;
		font-size: .8em;
		}
			
	div#footerBottom {
		background-image:url(../img/bg-inner-footer.png);
		background-repeat:no-repeat;
		height:27px;
		margin:0 auto;
		width:982px;
		}	
	
	#aboutUsMenu {
		width: 105px;
		height: 36px;
		/*background: url(../img/buttonAboutUs.png) no-repeat;*/
		/*text-indent: -999999px;*/
		/*display: block;*/
		/*float: left;*/
		}
	#aboutUsMenu:hover {
		background-position: left bottom;
		}
	#aboutUsMenu.activeSession {
		background-position: top right;
		}
			
	#mediaMenu {
		width: 82px;
		height: 36px;
		/*background: url(../img/buttonMedia.png) no-repeat;*/
		/*text-indent: -999999px;*/
		/*display: block;*/
		/*float: left;*/
		}	
	#mediaMenu:hover {
		background-position: left bottom;
		}
	#mediaMenu.activeSession {
		background-position: top right;
		}
		
	#contactUsMenu {
		width: 127px;
		height: 36px;
		/*background: url(../img/buttonContactUs.png) no-repeat;*/
		/*text-indent: -999999px;*/
		/*display: block;*/
		/*float: left;*/
		}
	#contactUsMenu:hover {
		background-position: left bottom;
		}
	#contactUsMenu.activeSession {
		background-position: top right;
		}
	
	#greenGoodsMenu {
		width: 142px;
		height: 36px;
		/*background: url(../img/buttonGreenGoods.png) no-repeat;*/
		/*text-indent: -999999px;*/
		/*display: block;*/
		/*float: left;*/
		}
			
	#greenGoodsMenu:hover {
		background-position: left bottom;
		}
	#greenGoodsMenu.activeSession {
		background-position: top right;
		}
		
	#BCRMenu {
		width: 155px;
		height: 36px;
		/*background: url(../img/buttonBCR.png) no-repeat;*/
		/*text-indent: -999999px;*/
		/*display: block;*/
		/*float: left;*/
		}	
	#BCRMenu:hover {
		background-position: left bottom;
		}
	#BCRMenu.activeSession {
		background-position: top right;
		}
		

	/*Not very clean, but I need to add this table style fast.*/

	.table1 {
		border: 1px solid #CCC;
	}

	.table1 td {
		padding: 2px 4px;
		border: 1px solid #CCC;
		
	}