/* ######################################################## */
/* MAIN PAGE */
body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background:url('/images/backgroundfade.gif') top left repeat-x;
}

#container{
	text-align:left;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	width:1000px;
}

/* ######################################################## */
/* HEADER AND MENU */
#header{
	display:block;
	height:300px;
}

.hd1{		background:url('/images/header1.jpg') top left no-repeat;}
.hd2{		background:url('/images/header2.jpg') top left no-repeat;}
.hd3{		background:url('/images/header3.jpg') top left no-repeat;}
.hd4{		background:url('/images/header4.jpg') top left no-repeat;}
.hd5{		background:url('/images/header5.jpg') top left no-repeat;}
.hd6{		background:url('/images/header6.jpg') top left no-repeat;}
.hd7{		background:url('/images/header7.jpg') top left no-repeat;}
.hd8{		background:url('/images/header8.jpg') top left no-repeat;}
.hd9{		background:url('/images/header9.jpg') top left no-repeat;}
.hd10{	background:url('/images/header10.jpg') top left no-repeat;}
.hd11{	background:url('/images/header11.jpg') top left no-repeat;}
.hd12{	background:url('/images/header12.jpg') top left no-repeat;}
.hd13{	background:url('/images/header13.jpg') top left no-repeat;}
.hd14{	background:url('/images/header14.jpg') top left no-repeat;}
.hd15{	background:url('/images/header15.jpg') top left no-repeat;}
.hd16{	background:url('/images/header16.jpg') top left no-repeat;}
.hd17{	background:url('/images/header17.jpg') top left no-repeat;}
.hd18{	background:url('/images/header18.jpg') top left no-repeat;}
.hd19{	background:url('/images/header19.jpg') top left no-repeat;}


#header h1{
	text-indent:-800px;
	display:block;
	padding:0;
	margin:0;
  	width:275px;
	height:103px;
	background:url('/images/LondonWaste.gif') top right no-repeat ;
}

#header .signposts{
	position:absolute; 
	left:50%;
	top:25px;
	margin-left:245px;
	width:250px;	
}
#header .signposts a{
	display:block;
	margin:2px 20px;
}
#header .signposts a img{
	border:none;
}

#header ul{
	display:block;
	list-style:none;
	padding:15px  ;
	margin:12px 0 0 30px;	
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
	line-height:22px;
}


#header ul li a{
	color:#999999;
	text-decoration:none;
}

#header ul li a:hover{
	color:#7EC144;
	text-decoration:underline;
}

#header ul li a.on{
	color:#00538C;
}


/* ######################################################## */
/* CONTENT */

#content{
	display:block;
	padding: 20px 20px 20px 30px;
	text-align: left;
	background-image: url('');	
}

#content h1, #content h2, #content h3, #content h4{ 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:0; padding-top:0;
}
#content h1{ 
	color:#00538C;
	font-size:21px;
	line-height:23px;
}
#content h2{ 
	color:#7AB7DD;
	font-size:18px;
	line-height:20px;
}
#content h2 em{ 
	font-size:12px;
	color:#00538C;	
	font-style:normal;
	
	
}

#content, #content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#707070;	
}

#content strong, #content p strong,  #content li strong{
	color:#00538C;	
}

#content h1 em{ 
	color:#7AB7DD;
	font-weight:normal;
	font-style:normal;
}

#content ul{ 
	list-style-type:square;
}
#content ul li{ 
	list-style-type:square;
	margin:10px 0;
}

#content a { 
	color: #3EA500 !important;
	text-decoration: none !important;
}
#content a:hover{ 
	text-decoration:underline;
}

.right_pic
{
	border: 0px; padding-left: 10px; float: right;
}
#contacttable
{padding:10px;
background-color:#f3f3f3;
}

/* ######################################################## */
/* COLUMNS */

#subnav{
	display:block;
	float:left;
	margin-left:-245px;
	clear:none;
}
#subnav img{
	margin-top:35px;
}

#subnav ul, #subnav ul li {
	list-style:none;
	padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	line-height:22px;
	width:180px;
	line-height:15px;	
}
#subnav ul li{
	margin-bottom:8px;
}
#subnav ul li strong{
	font-weight:normal
}
#subnav h2{
	color:#cccccc;
	font-size:21px;
	line-height:23px;
	padding:0 0 10px 0;
	margin:0;
}
#subnav ul li a{
	color:#999999;
	text-decoration:none;
}

#subnav ul li a:hover{
	color:#7EC144;
	text-decoration:underline;
}

#subnav ul li a.on{
	color:#00538C;
}












#leftcol{
	width:244px;
	border-left:1px solid #cccccc;	
}
#leftcol h1, #leftcol p{ padding-left:14px;   }

#maincol{
	display:block;
	width:445px;
	padding-left:260px;
}


/* ######################################################## */
/* BOXES */




#telnumbers
{
float:left;
margin-left:40px;
margin-right:30px;
width:100px;

}



#contact 

{							
							margin:0px;
							padding-left:22px;
							float:left;
							width:112px;
							font-weight:bold;			
							text-decoration:none;
							margin-right:0px;
							font-size:16px;


}
#contact ul {			
							width:272px; 
							text-decoration:none;
					float:left;

					}
					
#contact li a {
								text-decoration:none;
								color: #CCCCCC;
}
					
#contact li {


	margin-right:0px;
	list-style:none;

	text-decoration:none;
				}				
				
#rightcol{ float:right; width:220px;}				
#greenbox{ background:url('/images/box_green.gif') #7DC142 top left no-repeat; width:220px; float:right; padding-top:15px; margin-left:15px; margin-bottom:15px; }
#greenbox div{ background:url('/images/box_green.gif') bottom right no-repeat; padding:0 15px 40px 15px; }
#greenbox div p{color:#FFFFFF!important; }  #greenbox div h1{color:#FFFFFF!important; }

#bluebox{background:url('/images/box_blue.gif') top left no-repeat; width:220px;  float:right; padding-top:15px; margin-left:15px; margin-bottom:15px;}
#bluebox div{background:url('/images/box_blue.gif') bottom left no-repeat; padding:0 15px 40px 15px; }
#bluebox div p{color:#FFFFFF!important; } #bluebox div h1{color:#FFFFFF!important; }

#bluebox2{background:url('/images/box_blue2.gif') top left no-repeat; width:220px;  float:right; padding-top:15px; margin-left:15px; margin-bottom:15px;}
#bluebox2 div{background:url('/images/box_blue2.gif') bottom left no-repeat; padding:0 15px 40px 15px; }
#bluebox2 div p{color:#FFFFFF!important; } #skybox div h1{color:#FFFFFF!important; }

#filmbox{ background:url('/images/box_green.gif') #7DC142 top left no-repeat; width:220px; float:right; padding-top:15px; margin-left:15px; margin-bottom:15px; }
#filmbox div{ background:url('/images/box_green.gif') bottom right no-repeat; padding:0 15px 40px 15px; }
#filmbox div p{color:#FFFFFF!important; }  #filmbox div h1{color:#FFFFFF!important; }
/* ######################################################## */
/* NEW NEWS STYLES */

#subnav2
{
	display: block;
	float: left;
	margin-left: 45px;
	width: 200px;
}

#subnav2 h2
{
	font-size: 21px;
	font-weight: normal;
	color: #cac9c7;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#bluebox2 h1
{
	color: #FFF;
}

#subnav2 p
{
	font-size: 12px;
}

p.article_teaser, p.article_teaser_bottom_line
{
	border-top: 1px solid #4987b0;
	margin: 0px;
	padding: 0px;
	clear: left;
}

p.article_teaser
{
	height: 50px;
}

#subnav2 p.article_teaser, #subnav2 p.article_teaser_bottom_line
{
	border-top: 1px solid #d9d9d9;
	padding-right: 5px;
}

#bluebox2 p.article_teaser a
{
	color: #FFF !important;
}

#subnav2 p.article_teaser a
{
	color: #104a7c;
	text-decoration: none;
}

p.article_teaser img
{
	float: left;
	border: 0px;
	margin-bottom: 1px;
	margin-right: 5px;
}

#subnav2 p.article_teaser img
{
	margin-bottom: 0px;
}

p.article_teaser small
{
	display: block;
	font-size: 9px;
	margin-top: 5px;
}

#subnav2 p.article_teaser small
{
	color: #999;
}

p#current_news_article
{
	color: #FFF;
	background-color: #005886;
}

#subnav2 p#current_news_article small, #subnav2 p#current_news_article a
{
	color: #FFF !important;
}

p.article_teaser:hover
{
	background-color: #567f99;
	cursor: pointer;
}

#subnav2 p.article_teaser:hover
{
	background-color: #f2f2f2;
	cursor: pointer;
}

#subnav2 p#current_news_article:hover, #subnav2 p#current_news_article:hover a
{
	color: #FFF !important;
	background-color: #005886;
}

a#morenews
{
	display: block;
	float: right;
	margin-top: 10px;
	color: #104a7c;
	text-decoration: none;
	font-size: 13px;
}



#skybox{background:url('/images/box_sky.gif') top left no-repeat; width:220px;  float:right; padding-top:15px; margin-left:15px; margin-bottom:15px;}
#skybox div{background:url('/images/box_sky.gif') bottom left no-repeat; padding:0 15px 40px 15px; }
#skybox div p{color:#FFFFFF!important; } #skybox div h1{color:#FFFFFF!important; }

#mustardbox{background:url('/images/box_mustard.gif') top left no-repeat; width:220px;  float:right; padding-top:15px; margin-left:5px; margin-bottom:15px;}
#mustardbox div{background:url('/images/box_mustard.gif') bottom left no-repeat; padding:0 15px 40px 15px; }
#mustardbox div p{color:#ffffff!important; } #mustardbox div h1{color:#ffffff!important; }

#greenbox strong{ color:#FFFFFF!important; }
#filmbox strong{ color:#FFFFFF!important; }
#bluebox strong{ color:#FFFFFF!important; }
#skybox strong{ color:#FFFFFF!important; }
#mustardbox strong{ color:#777b2c!important; }

#greenbox h3{ color:#FFFFFF!important; }
#filmbox h3{ color:#FFFFFF!important; }
#bluebox h3{ color:#FFFFFF!important; }
#skybox h3{ color:#FFFFFF!important; }
#mustardbox h3{ color:#777b2c!important; }

#greenbox a{ color:#FDEB7D!important; }
#filmbox a{ color:#FDEB7D!important; }
#bluebox a{ color:#FDEB7D!important; }
#skybox a{ color:#FDEB7D!important; }
#mustardbox a{ color:#7C990B!important; }

#greenbox p, #bluebox p, #skybox p, #mustardbox p, #filmbox p{padding:0; margin:0 0 10px 0;}
#greenbox h1, #bluebox h1, #skybox h1, #mustardbox h1, #filmbox h1{	padding:0 0 0 0; margin:0 0 10px 0; }
#greenbox h2, #bluebox h2, #skybox h2, #mustardbox h2, #filmbox h2{	font-size:17px;}
#greenbox h3, #bluebox h3, #skybox h3, #mustardbox h3, #filmbox h3{	font-size:15px; }

#greenbox div.fixedheight, #bluebox  div.fixedheight, #skybox div.fixedheight, #mustardbox div.fixedheight, #filmbox div.fixedheight {	overflow:auto; height:200px; }

.newsbox{background:url('/images/box_blueouter.gif') top left no-repeat; width:220px;  float:right; padding-top:15px; margin-left:15px; margin-bottom:30px; color:#FFFFFF!important;}
.newsbox span{display:block;position:relative;background:url('/images/box_blueouter.gif') bottom left no-repeat; padding:0 15px 15px 15px; color:#00538C!important; height:105px;}
.newsbox span p{color:#00538C!important; } 
.newsbox  h1{color:#00538C!important; font-size:17px!important; font-weight:bold; margin-bottom:0; padding-bottom:5px; }
.newsbox span h2{color:#7AB7DD!important; font-size:11px!important; font-weight:bold; margin-bottom:0; padding-bottom:0; }
.newsbox:hover{ text-decoration:none!important;; color:#00538C!important;}



a.newsbox{background:url('/images/box_blueouter.gif') top left no-repeat; width:220px;  float:right; padding-top:15px; margin-left:15px; margin-bottom:30px; color:#FFFFFF!important;}
a.newsbox span{display:block;position:relative;background:url('/images/box_blueouter.gif') bottom left no-repeat; padding:0 15px 15px 15px; color:#00538C!important; height:105px;}
a.newsbox span p{color:#00538C!important; } 
a.newsbox span h1{color:#00538C!important; font-size:17px!important; font-weight:bold; margin-bottom:0; padding-bottom:5px; }
a.newsbox span h2{color:#7AB7DD!important; font-size:11px!important; font-weight:bold; margin-bottom:0; padding-bottom:0; }
a.newsbox:hover{ text-decoration:none!important;; color:#00538C!important;}

a.newsbox:hover{		background-image:url('/images/box_blueouter_o.gif');}
a.newsbox:hover div{	background-image:url('/images/box_blueouter_o.gif');}

a.superlink{background:url('/images/green_item.gif') top left no-repeat; width:190px; line-height:30px; height:30px; color:#FFFFFF!important; display:block; margin-bottom:6px; text-decoration:none}
a.superlink em{ padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#308F01  !important; font-style:normal;}

a.superlink:hover{background-image:url('/images/green_item_o.gif') ; text-decoration:none!important; color:#177600!important;}

input, textarea, select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
input.layout, textarea.layout, select.layout{
	width:300px;
}

/* ######################################################## */
/* FOOTER */

#footer{

	clear:both;
	border-top: 10px solid #79b7dc;
	padding-top:5px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}
#footer p{ padding:0; 
				margin-left: 100px;
				margin:0;
				}






hr{
	height:1px; background:#FFFFFF; border:none; padding:0; margin:10px 0;
}
hr{border-bottom:1px solid #ccc;}

a.question{	font-size:12px; display:block;  padding:10px 10px 10px 40px; background: url('/images/question.gif') top left no-repeat #efefef; margin:5px 0 0 0; outline:none;}
a.question:hover{ border:1px solid #3ea500; padding:9px 9px 9px 39px; background-position: -1px -1px; text-decoration:none!important; outline:none; }
.answer{ background: url('/images/answer.gif') top left no-repeat; padding:0 10px 0 40px; margin:5px 0 10px 0 }





.env_icon		{ background:url(/images/icons/s_env.gif) top right no-repeat; }
.recycle_icon	{ background:url(/images/icons/s_recycle.gif) top right no-repeat; }
.clinical_icon	{ background:url(/images/icons/s_polka.gif) top right no-repeat; }
.energy_icon	{ background:url(/images/icons/s_energy.gif) top right no-repeat; }

.Lenv_icon		{ background:url(/images/icons/env.gif)  right no-repeat; padding-right:30px; }
.Lrecycle_icon	{ background:url(/images/icons/recycle.gif) right no-repeat; padding-right:30px; }
.Lclinical_icon	{ background:url(/images/icons/polka.gif) right no-repeat; padding-right:30px; }
.Lenergy_icon	{ background:url(/images/icons/energy.gif) right no-repeat; padding-right:30px; }


.tabbed{
	width:27px; float:left;
}

.edit_button
{
	padding: 3px;
	border: 1px #AAA solid;
}

a.edit_button:hover
{
	color: white !important;
	text-decoration: none !important;
	background-color: green;
}

/* ######################################################## */
/* FOR CMS */

.tiny_class
{
	padding: 5px !important;
}

.req{
	color:#990000;
}


p.apply
{background:url(/images/applybutton.gif) left no-repeat; 
padding:5px 10px 5px 10px;
color:#FFFFFF !important;
font-weight:bold;
}
p.applybox
{
padding:15px 15px 15px 15px;
color:#FFFFFF !important;
font-weight:bold;
border:solid #FFFFFF;
}


#content p.apply a{
color:#FFFFFF !important}
#content p.applybox a{
color:#FFFFFF !important}