/* CSS Document */

body {
	background-image:url(../images/gradientBg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	margin:0px;
}
#wrapper {
	background-image:url(../images/grass_index.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:auto;
	width:100%;
}

#headerContainer {
	background-image:url(../images/headerImage.jpg);
	background-repeat:no-repeat;
	height:222px;
	margin:0px auto 0px auto;
	position:relative;
	width:954px;
}
#nav {
	left:0px;
	position:absolute;
	top:172px;
	width:900px;
}
	#nav ul {
		list-style-type:none;
	}
	#nav ul li {
		background-image:url(../images/navMid.png);
		background-repeat:no-repeat;
		color:#FFFFFF;
		display:inline;
		font:14px Arial; 
		height:25px;
		margin:0px 0px 0px -5px;
		padding:5px 0px 4px 13px;
		width:24px;
	}
	#nav ul li a{
		background-image:url(../images/navBg.png);
		background-repeat:repeat-x;
		color:#FFFFFF;
		height:25px;
		margin:0px 5px 0px 2px;
		overflow:hidden;
		padding:5px 0px 4px 0px;
		text-decoration:none;
	}
	
	#nav ul li a:hover {
		color:#023318;
		text-decoration:none;
	}
	#nav ul li.first {
		background-image:none;
		color:#FFFFFF;
		display:inline;
		font:14px Arial; 
		height:25px;
	}

	.navFirst {
		background-image:url(../images/navFirst.png);
		background-repeat:no-repeat;
		height:25px;
		left:45px;
		position:absolute;
		top:11px;
		width:5px;
	}
	.navLast {
		background-image:url(../images/navLast.png);
		background-repeat:no-repeat;
		height:25px;
		position:absolute;
		right: 228px;
		top:11px;
		width:70px;
	}
#contentContainer {
	margin:20px auto 0px auto;
	padding-bottom:60px;
	width:920px;
}
	#contentContainer a {
		color:#009900;
		font-weight:bold;
		text-decoration:none;
	}
	#contentContainer a:hover {
		color:#009900;
		text-decoration:underline;
	}
	
#leftColumn {
	border-right:1px solid;
	border-color:#facf54;
	color:#333333;
	float:left;
	font:12px Arial; 
	padding:0px 10px 0px 10px;
	width:190px;
}
	#leftColumnNav {
		margin:-10px 0px 10px -25px;
		width:180px;
	}
	#leftColumnNav ul {
		list-style-type:square;
	}
	#leftColumnNav ul li {
		font:12px Arial; color:#333333;
		padding:2px 0px 2px 0px;
	}
	#leftColumnNav ul li a {
		color:#333333;
		text-decoration:none;
	}
	#leftColumnNav ul li a:hover {
		color:#00452e;
		text-decoration:underline;
	}
#leftColumn .gbox {
	padding:0px 10px 0px 5px;
	width:185px;
}
	#leftColumn .gbox_body {
		color:#333333;
		font:12px Arial, Helvetica, sans-serif; 
	}
	#leftColumn .gbox a {
		color:#009900;
		font-weight:bold;
		text-decoration:none;
	}
	#leftColumn .gbox a:hover {
		color:#009900;
		text-decoration:underline;
	}
#middleColumn {
	border-left:1px solid;
	border-right:1px solid; 
	border-color:#facf54;
	color:#00452e;
	float:left;
	font:13px Arial; 
	padding:0px 10px 0px 15px;
	width:440px;
}
	#middleColumn ul {
		list-style-type:disc;
	}
	#middleColumn ul li {
		color:#00452e;
		font:12px Arial; 
		font-weight:bold;
		padding:2px 0px 2px 0px;
	}
#rightColumn {
	color:#666666;
	float:right;
	font:12px Arial; 
	padding-left:10px;
	position:relative;
	width:225px;
}
#interiorOneColumn {
	color:#00452e;
	float:left;
	font:13px Arial; 
	padding:0px 5px 0px 10px;
	position:relative;
	width:670px;
}
	#interiorOneColumn ul {
		list-style-type:disc;
	}
	#interiorOneColumn ul li {
		color:#00452e;
		font:12px Arial; 
		font-weight:bold;
		padding:2px 0px 2px 0px;
	}
	#interiorOneColumn #buttonContainer {
		width:140px;
	}
		#buttonContainer ul {
			list-style-type:none;
			margin:0px;
			padding:0px;
		}
		#buttonContainer ul li {
			color:#FFFFFF;
			font:14px Arial, Helvetica, sans-serif;
			font-weight:bold;
		}
		#buttonContainer ul li a {
			background-color:#023824;
			border:1px solid;
			border-color:#FFFFFF;
			color:#FFFFFF;
			display:block;
			height:27px;
			margin:-3px 0px -3px 0px;
			padding-top:9px;
			text-align:center;
			text-decoration:none;
			width:137px;
		}
		#buttonContainer ul li a:hover {
			background-color:#7f9393;
			color:#FFFFFF;
			text-decoration:none;
		}

#footerContainer {
	background-color:#382513;
	c olor:#FFFFFF;
	font:12px Arial;
	height:137px;
	width:100%;
}
	#grass {
		background-image:url(../images/grass.jpg);
		background-repeat:repeat-x;
		background-position:center;
		height:51px;
		z-index:1;
	}
	#dirt {
		background-image:url(../images/footerBg.gif);
		background-repeat:repeat-x;
		height:86px;
		padding:10px 0px 0px 120px;
		
	}
#footerNav {
	float:right;
}
	#footerNav ul {
		list-style-type:none;
		margin:-15px 105px 0px 0px;
	}
	#footerNav ul li {
		color:#FFFFFF;
		display:inline;
		font:12px Arial; 
		padding:0px 4px 0px 4px;
	}
	#footerNav ul li a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#footerNav ul li a:hover {
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	/*****Images*****/
	
	#submitButton {
		background-image:url(../images/greenButton.jpg);
		background-repeat:no-repeat;
		color:#FFFFFF;
		font:12px Arial; 
		height:25px;
		margin:10px auto 0px auto;
		padding:5px 0px 0px 15px;
		width:154px;
	}
		#submitButton a {
			color:#FFFFFF;
			text-decoration:none;
		}
		#submitButton a:hover {
			color:#FFFFFF;
			text-decoration:underline;
		}
	#AWToteGraphic {
		background-image:url(../images/canGraphic2.jpg);
		background-repeat:no-repeat;
		height:166px;
		left:-150px;
		position:absolute;
		top:390px;
		width:117px;
	}
	#canGraphic {
		background-image:url(../images/canGraphic.jpg);
		background-repeat:no-repeat;
		height:39px;
		margin-top:10px;
		padding-top:14px;
	}
	#rollGraphic {
		background-image:url(../images/rollGraphic.jpg);
		background-repeat:no-repeat;
		height:24px;
		margin:0px 0px 0px -5px;
		padding-top:3px;
		padding-left:55px;
	}
	#dumpsterGraphic {
		background-image:url(../images/dumpsterGraphic.jpg);
		background-repeat:no-repeat;
		height:34px;
		margin-top:5px;
	}
	#recycleGraphic {
		background-image:url(../images/recycleGraphic.jpg);
		background-repeat:no-repeat;
		height:32px;
		margin-bottom:2px;
	}
	#compostGraphic {
		background-image:url(../images/leafIcon.jpg);
		background-repeat:no-repeat;
		height:39px;
		margin-bottom:10px;
	}
	#newsButton {
		background-image:url(../images/medButton.jpg);
		background-repeat:no-repeat;
		color:#009900;
		font:12px Arial; 
		font-weight:bold;
		height:28px;
		margin:10px 0px 5px -10px;
		padding:10px 0px 0px 15px;
		width:196px;
	}
	#quoteButton {
		background-image:url(../images/quoteButton.jpg);
		background-repeat:no-repeat;
		color:#00452e;
		font:14px Arial; 
		font-weight:bold;
		height:26px;
		margin:10px 0px 10px -5px;
		padding:46px 0px 0px 15px;
		width:210px;
	}
		
	/***Text Styles****/
	h1 {
		color:#00452e;
		font:14px Arial, Helvetica, sans-serif; 
		font-weight:bold;
	}
	h2 {
		color:#009900;
		font:20px Arial, Helvetica, sans-serif; 
		font-weight:bold;
	}
	h3 {
		color:#009900;
		font:15px Arial, Helvetica, sans-serif; 
		font-weight:bold;
	}
	h4 {
		color:#000000;
		font:14px Arial, Helvetica, sans-serif; 
		font-style:italic;
		font-weight:bold;
	}
	#interiorOneColumn .table {
		text-align:center;
		vertical-align:top;
	}
	
	.greenText {
		color:#00452e;
		font:12px Arial; 
		padding:10px 0px 0px 50px;
	}
	.green12 {
		color:#00452e;
		font:12px Arial; 
		font-weight:bold;
	}
	
	/*****Form Field Styles*****/
	.name {
		color:#666666;
		font:12px Arial; 
		margin:3px 0px 3px 0px;
		width:150px;
	}
	.email {
		color:#666666;
		font:12px Arial; 
		margin:3px 0px 10px 0px;
		width:200px;
	}
	.textArea {
		color:#666666;
		font:12px Arial;
		height:100px;
		margin:0px 0px 5px 0px;
		width:200px;
	}
	.list1 {
		color:#666666;
		font:12px Arial; 
		margin:5px 0px 5px 20px;
		vertical-align:middle;
		width:100px;
	}
	.list2 {
		color:#666666;
		font:12px Arial; 
		margin:5px 0px 5px 56px;
		vertical-align:middle;
		width:100px;
	}
	.list3 {
		color:#666666;
		font:12px Arial; 
		margin:5px 0px 5px 3px;
		vertical-align:middle;
		width:100px;
	}
	.imgPosition {
		padding-bottom:30px;
	}
input {
	border:1px solid;
	border-color:#333333;
	margin:2px 0px 2px 10px;
	padding-left:2px;
}
.button {
	background-color:#003300;
	color:#FFFFFF;
	font:12px Arial; 
	margin:5px 0px 0px 8px;
}