/* Start of CMSMS style sheet 'main' */
/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
	body {
	font-size: 13px;
	color:#282825;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#42b4e6;
	}
	
	/* rules for headings and paragraph */
	h1 {
	
	font-size: 150%;
	color:#282825;
	}
	
	h2 {
	font-size: 130%;
	color:#282825;
	}
	
	.red {
		color:#348b27;
	}
	
	h3 {
	font-size: 120%;
	color:#282825;
	
	}
	
	p {
	
	line-height: 150%;
	}
	
#wrapper {
margin:10px auto;
position:relative;
width: 930px;
height: auto;
padding: 0px;
background-color:#fff;
}

#contentwrapper {
width:930px;
	height:auto;
}
#leftcolum {
	width:160px;
min-height:580px;
	height:580px;
	float:left;
display:inline
}

/* middle column */
#middlecolumn {
	width:570px;
	height:auto;
min-height:550px;
	background:#f3efdc;
	float:left;
display:inline;
margin-left:20px;
}
a img {
border: 0
}
#boxes {

margin-bottom:20px;
clear:both;
}
.box {
margin-left:6px;
margin-right:6px;
margin-top:20px;
}
#clearance {
float:left; 
width:120px;
}
#wastecollection, #recycling, #corporate {
width:120px;float:left;
}

#clearance a {display:block; background-image:url(images/clearance.gif); background-repeat:no-repeat; width:120px; height:119px;}
#clearance a:hover {background-image:url(images/clearance_over.gif); background-repeat:no-repeat}
#wastecollection a {display:block; background-image:url(images/wastecollection.gif); background-repeat:no-repeat; width:120px; height:119px;}
#wastecollection a:hover {background-image:url(images/wastecollection_over.gif); background-repeat:no-repeat}
#recycling a {display:block; background-image:url(images/recycling.gif); background-repeat:no-repeat; width:120px; height:119px;}
#recycling a:hover {background-image:url(images/recycling_over.gif); background-repeat:no-repeat}
#corporate {display:block; background-image:url(images/corporate.gif); background-repeat:no-repeat; width:120px; height:119px;}
#corporate span {position:absolute;left: -999em}


/* right column */
#rightcolumn {
	width:165px;
	height:550px;
	float:left;
position:relative;
left:10px;
display:inline
}
#contactdetails {
position:relative;
top:-300px;
left:290px;
width:260px;
height:150px;
}
#didyouknow {
font-family: Arial Narrow, Helvetica, sans-serif;
font-size:14px;
position:relative;
top:60px;
}
#didyouknow a img {border:0}

/* footer */
#footer {
width:100%;
height:220px;
background:#c3da0d;
display:block;
}
#footright {
margin-top:20px;
margin-right:10px;
	width:280px;
	height:160px;
	font-size:9px;
float:right;
}
#logo-holder {
width:550px;
float:left;
}
.footer-logo {
padding-left:10px;
padding-right:10px;

}
.social-icons {
padding-left:10px;
padding-top:10px;
padding-right:10px;
float:right;
clear:both;
}

/* table styles */

table.styled {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 500px;
border:1px solid #ccc
	}

th {
	padding: 0 0.5em;
	text-align: left;
	}
td.td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}
td:first-child {
	}
td+td {
	border-left: 1px solid #CCC;
	text-align: center;
	}

/* classes */
.clear {clear:both}
.logo {margin-left:15px}
.logo a img {border:0}
.phonenumber {position:relative; top:10px; left:20px}
.paddingsm {padding:6px}
.paddinglrg {padding:10px}
.paddingleft {padding-left:15px}
.chas-logo {padding-left:35px; padding-top:10px}
.collections{position:relative; top:15px; left:30px; text-decoration:none}
.tree {position:relative; left:-61px;top:-43px; background-image:url(images/tree.gif); background-repeat:no-repeat;width:82px;height:99px; display:none}
.recycle {position:relative; left:20px; top:20px;float:left}
.center {display:block; margin-left:auto; margin-right:auto}
.paddingleft {margin-left:15px}
.image {float:left;padding:10px}
.breadcrumbs { padding-bottom:10px }
.imageright {float:right; padding-bottom:5px;margin-top:-35px}
#sitemap {padding-left:15px}
#sitemapsub {padding-left:15px}
#sitemap li {padding:10px; list-style-type:none}
/* End of 'main' */