/*
	screen.css: SCREEN stylesheet
	------------
	Job:					MWDA
	Template Version:		1.0
	Produced by:			Sam Birch
	Start date:				25/02/2010
	------------
	NOTES:
	Do all stucture and module sizes in ems.
	
	TOC:
	1.	general styles
			body styles
			reset
			links
			headings
			other elements, tags
	2.	helper styles
			forms
			notifications and errors
			consistant items with normally just one class
	3.	page structure
			skeleton including page furniture
	4.	page components / modules
			most of your styles will be in here
	5.	content/FCK
			these are styles that the client could put in via the FCKeditor. They will also need to be added to the FCK stylesheet.
	6.	overrides
*/

/* =1. general styles */
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #8dce27;
}
a:link, a:visited {
	
}
a:hover, a:focus {
	
}

img {
	border: none;
}

/* =2. helper styles */


/* =3. page structure */
.wrap {
	width: 100%;
	background: #ffffff url('/_common/img/bg.gif') repeat-x;
	margin-bottom: 74px;
}
.container {
	width: 930px;
	margin: auto;
}
.header {
	background: url('/_common/img/header.gif') no-repeat top;
	height: 248px;
	padding:0 30px;
}
.contentContainer {
	margin-left: 30px;
	margin-top: -133px;
	padding:0 0px 0 26px;
	overflow: hidden;
	position: relative;
	z-index: 1
}
.footer {
	background: url('/_common/img/footer.gif') no-repeat bottom;
	height: 248px;
	margin: auto;
	margin-top: -133px;
	bottom: -74px;
	padding:0 30px;
	position: relative;
	z-index: 0;
}

.footer .footerinfo{padding: 160px 0 0 30px; font-size: 78%; color: #fff; overflow:hidden;}
.footer .footerinfo p{line-height: 1.4em; font-weight: bold;}
.footer .footerinfo p.copy{float: left; width: 16em;}
.footer .footerinfo p.copy span{display: block; clear:both; font-weight: bold; font-size: 100%;}
.footer .footerinfo p.legal{float: right; width: 20em;}
.footer .footerinfo p.legal a{color:#f8ea17; text-decoration: underline;}
.footer .footerinfo p.legal a:hover{color:#5c5c5c; text-decoration: none;}
.footer .footerinfo ul.navbottom {float: left; width: 540px; margin: 0 0 0 100px;}
.footer .footerinfo ul.navbottom li {display: inline; padding: 0; margin: 0; line-height: 1.5em; }
.footer .footerinfo ul.navbottom li:first-child {padding-left: 0;}
.footer .footerinfo ul.navbottom li:last-child {border: none;}
.footer .footerinfo ul.navbottom li a {border-right: 1px solid #fff; color:#fff; font-weight: bold; text-decoration: underline; padding: 0 10px 0 0; margin: 0 5px 0 0 ;}
.footer .footerinfo ul.navbottom li a.last {border: none; padding: 0;}

.sidebar {
	float: left;
	margin-right: 8px;
	width: 217px;
}




.header img.logo {
	float: left;
	margin-left: 15px;
}
.header h1 {
	color: #ffffff;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	line-height: 1.2em;
}
.header h1 strong {
	font-weight: bold;
	font-size: 1.4em;
	display:block;
}

/* =4. page components / modules */

.search {
	background: url('/_common/img/searchbg.gif') no-repeat;
	height: 30px;
	margin-bottom: 0px;
	padding: 18px 10px 15px 10px;
}
.search input.search {
	font-size: .8em;
	padding: 1px;
	width: 146px;
}
.search input#submit {
	background: #f8eb17 url('/_common/img/arrow-search.gif') no-repeat 27px center;
	border: none;
	width: 40px;
	font-weight: bold;
	font-size: .7em;
	text-align: left;
	padding: 2px 2px 2px 4px;
	cursor: pointer;
}

.search input.search {
	font-size: .8em!important;;
	padding: 0px 1px 1px 1px!important;;
	width: 146px!important;
	background: #fff!important;
	cursor: text!important;
	height: 19px;
	font-weight: normal!important;
	margin-top: 0px;
}


.nav {
	margin-bottom: 20px;
}
.nav ul {
	list-style: none;
}
.nav ul li {
	margin-bottom: 2px;
}
.nav ul li a {
	background: #6ca415 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;
	display: block;
	color: #ffffff;
	font-size: .8em;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
}
.nav ul li a:hover {
	background-color: #5c8c12;
}

.nav ul li.selected a {background: #303030 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;}

/* About us navigation */
.nav ul li.aboutus a {background: #669999 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.aboutus a:hover {background: #336666 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.aboutus a.selected {background: #336666 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Your views navigation */
.nav ul li.yourviews a {background: #4873c1 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.yourviews a:hover {background: #3c62a8 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.yourviews a.selected {background: #3c62a8 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Waste strategy navigation */
.nav ul li.wastestrategy a {background: #32a684 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.wastestrategy a:hover {background: #1c7e61 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.wastestrategy a.selected {background: #1c7e61 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Finance and funding navigation */
.nav ul li.financeandfunding a {background: #fa7e19 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.financeandfunding a:hover {background: #ca6615 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.financeandfunding a.selected {background: #ca6615 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Procurement and contracts navigation */
.nav ul li.procurement_contracts a {background: #237792 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.procurement_contracts a:hover {background: #0d5f79 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.procurement_contracts a.selected {background: #0d5f79 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Our services and facilities navigation */
.nav ul li.ourservices a {background: #b3ac02 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.ourservices a:hover {background: #8a8501 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.ourservices a.selected {background: #8a8501 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Your waste */
.nav ul li.yourwaste a {background: #de9802 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.yourwaste a:hover {background: #c38500 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.yourwaste a.selected {background: #c38500 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Governance */
.nav ul li.governance a {background: #37a5ca url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.governance a:hover {background: #3092b3 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.governance a.selected {background: #3092b3 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}


/* Media */
.nav ul li.media a {background: #7970BD url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.media a:hover {background: #615B93 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.media a.selected {background: #615B93 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Best value */
.nav ul li.bestvalue a {background: #F24314 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.bestvalue a:hover {background: #F24314 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.bestvalue a.selected {background: #F24314 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Performance */
.nav ul li.performancedata a {background: #13A28E url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.performancedata a:hover {background: #3092b3 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.performancedata a.selected {background: #3092b3 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Publication */
.nav ul li.publications a {background: #F24314 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.publications a:hover {background: #D8431B url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.publications a.selected {background: #D8431B url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Working */
.nav ul li.vacancies a {background: #FF0096 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.vacancies a:hover {background: #A40060 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.vacancies a.selected {background: #A40060 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}

/* Contact */
.nav ul li.contactus a {background: #D14047 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;color: #ffffff;font-size: 70%;}
.nav ul li.contactus a:hover {background: #B93B42 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}
.nav ul li.contactus a.selected {background: #B93B42 url('/_common/img/arrow-nav.gif') no-repeat 8px 8px;}



span.newsimage img {float: right;}

span.date {font-weight: bold; font-size: 120%; display: block; margin: 0 0 20px;}




.ads {
	text-align: center;
}




.mainImage {
	background: url('/_common/img/imgbg.gif') no-repeat;
	width: 610px;
	height: 275px;
	padding: 17px 16px;
	margin-top: -9px;
	float: left;
}


/*		home */

.homecontent {float: left; width: 25.00em; margin: 0 1.88em 0 0.62em;}
.homecontent h2{display: block; margin: 0 0 .5em 0; font-size: 220%; color: #5c5c5c; padding: 0 0 0 0;}
.homecontent h2 strong{font-weight: bold;}
.homecontent a{color: #6aa318;}
.homecontent p{color: #5c5c5c;font-size: 78%; line-height: 1.4em;}
.homecontent ul{list-style:none;}
.homecontent ul.new{margin-top: 2em;}
.homecontent ul.new li{margin: 1em 0 0 0; padding: 0 0 0 4.4em; background: url('/_common/img/new.gif') 0 0 no-repeat;}
.homecontent ul.new li a{font-weight: bold;}
.homecontent a:hover{color:#5c5c5c;}
.homecontent ul.new li p{margin-top: .4em;}

.rightcol {float: left; width: 10.06em;	color: #5c5c5c; padding: .8em 0 0 0;}
.rightcol h3{display: block; margin: 0 0 .7em 0; font-weight: bold; font-size: 140%;}
.rightcol a{color: #6aa318;font-size: 78%;}
.rightcol a:hover{color:#5c5c5c;}
.rightcol p{font-size: 80%; color: #5c5c5c;font-size: 78%; margin: .6em 0 0 0;}
.rightcol ul{list-style:none;}
.rightcol ul li{margin: 0 0 .6em  0;line-height: .8em; background: url('/_common/img/arrow.gif') 0 12px no-repeat; padding: .6em 0 0  1.2em; border-top: 1px solid #ccc;}
.rightcol ul li:first-child {border-top: none}
.rightcol ul li.last{border-bottom: 0px solid #ccc;}
.rightcol ul li a{font-weight: bold; padding: 0 0 0 0;}
/*		content styles */

.content {float: left; width: 37em; margin: 0 0 0 0.62em;}
.content h2{display: block; margin: 0 0 .5em 0; font-size: 160%; color: #5c5c5c; padding: 0 0 0 0;}
.content h2 strong{font-weight: bold;}
.content a{color: #6aa318;}
.content p{color: #5c5c5c;font-size: 78%; line-height: 1.4em;}
.content ul{list-style:none; font-size: 78%; margin-top: 1em;}
.content ul li{margin: .4em 0 0 0; padding: 0 0 0 0; color: #5c5c5c;}
.content ul li strong{font-weight: bold;}
.content ul li a{font-weight: bold;}
.content a:hover{color:#5c5c5c;}
.content ul li p{margin-top: .4em;}

.content h3{color: #6aa318; display: block; clear:both; margin: 1em 0 0 0; padding: 0 0 0 0;}
.content p{margin-top: 1em;}
.content p a{font-weight: bold;}
.content p strong{font-weight: bold;}

.content table {;margin-bottom:1.5em;width:100%;}
.content td {font-size:.9em;vertical-align:top;padding: .5em 1em;}


/* Your views */
.yourviews h2, .yourviews h3{color: #4873c1;}
.yourviews a{color: #4873c1;}

/* Waste Strategy */
.wastestrategy h2, .wastestrategy h3{color: #32a684;}
.wastestrategy a{color: #32a684;}

/* About us */
.aboutus h2, .aboutus h3{color: #669999;}
.aboutus a{color: #669999;}

/* Finance and funding */
.finance_funding h2, .finance_funding h3{color: #fa7e19;}
.finance_funding a{color: #fa7e19;}

/* Procurement and contracts */
.procurement_contracts h2, .procurement_contracts h3{color: #237792;}
.procurement_contracts a{color: #237792;}

/* Our services and facilities */
.ourservices h2, .ourservices h3{color: #b3ac02;}
.ourservices a{color: #b3ac02;}

/* Your waste */
.yourwaste h2, .yourwaste h3{color: #de9802;}
.yourwaste a{color: #de9802;}

/* Governance */
.governance h2, .governance h3{color: #37a5ca;}
.governance a{color: #37a5ca;}



/* search results */
div.newsitem {clear: both; float: left; margin: 0 0 20px; width: 100%;}

div.noMainImage {
	float: left;
	height: 40px;
	margin-top: -9px;
	padding: 17px 16px;
	width: 610px;	
}

/* =6. overrides */



.content ul.sitemap {
	float:left;
	font-size: .8em;
	margin:0 0 1em;
	width:100%;
}
.content ul.sitemap li {
	background:url("/_common/img/sitemapbullet.gif") no-repeat scroll 2px 0.4em transparent;
	clear:both;
	margin:0 0 0.8em;
	padding:0 0 0 19px;
}
.content ul.sitemap a {
	font-weight: normal;
}
.content ul.sitemap ul {
	font-size:100%;
	margin:0.3em 0 0.3em 1em;
}
.content ul.sitemap ol {
	font-size:100%;
	margin:0.3em 0 0.3em 2em;
}
/* contactform  HMS */


.contactform {overflow:hidden;margin-top:20px;}
.contactform p {margin-bottom:2.5em;}
.contactform legend span {position:absolute; left:-10000px;}
.contactform fieldset {border:1px solid #669999; padding:20px}
.contactform li {clear:both; list-style:none; margin-bottom:10px; overflow:hidden}
.contactform label {color:#5C5C5C; float:left; font-size:.8em;font-weight:bold; margin-right:5px; padding:4px 0; width:155px; position:relative; padding-right:50px; }
.contactform label em {text-transform: capitalize; font-size:.7em; color:#000; position:absolute; left: 165px; top:8px}
.contactform input {background:#fff; border:1px solid #acd2d2; padding:4px; width:330px;}
.contactform select {background:#fff; border:1px solid #acd2d2; padding:4px; width:340px;}
.contactform textarea {background:#fff; border:1px solid #acd2d2; padding:4px; width:330px;}
.contactform li.frmAction { text-align:right;}
.contactform li.frmAction label {position:absolute; left:-10000px;}
.contactform li.frmAction input {background:#666; color:#fff; cursor:pointer; width:auto; border:0; }
.contactform li.consent input {background:none;  border:0; float:left; margin:0 0 0 210px; padding:0; width:auto; }
.contactform li.consent label {float:right; width:305px; font-size:.8em;  font-weight:normal; padding:0;}

.content p.thanks {font-size:1.5em;}