/*Version 6 - dated 27/08/03 - SF*/
/* Amended: sorting out li size */
body {
	background-color: #ffffff;
	padding: 0em;
	margin-top: 2em;
	margin-right: 3em;
	margin-bottom: 2em;
	margin-left: 3em;
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	height:100%;

}

a:link, a:visited {
color:#000000;
text-decoration:underline;
}

a:hover {
color:#99CC33;
text-decoration:underline;
}

.green, table tr td p.green, table tr td.green {
color:#99CC33;
}

.boldblack {
font-size:75%;
font-weight:bold;
}

.boldwhite {
font-size:75%;
font-weight:bold;
background-color: transparent;
color: #ffffff;
}

 a.green:link, a.green:hover, a.green:visited {
color:#99CC33;

}

.backtotop, .backtotop a:link, .backtotop a:hover, .backtotop a:visited {
font-weight:bold;
font-size:75%;

}
.outercontainer {
width:100%;

	height:100%;
	padding:0em;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0em;
	border-collapse:collapse;
	border:0em solid #ffffff;
}

.container {
	width:100%;
	padding:0em;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0em;
}

.container td {
	border:0em solid #ffffff;
  padding:0em;
	border-collapse:collapse;

}

.leftGutter {
	width:20px;

}
.rightGutter {
	width:90%;

}

h1 {
	color:#99CC33;
	background-color:transparent;
	font-weight:bold;
	font-size:150%;
	margin-bottom:0px;
	margin-bottom:10px;
	margin-top:0;
}

h2 {
	color:#99CC33;
	background-color:transparent;
	font-weight:bold;
	font-size:130%;
	margin-bottom:10px;
	margin-top:0;

}

h3 {
	margin-bottom:10px;
	margin-top:0;
	color:#99CC33;
	background-color:transparent;
	font-weight:bold;
	font-size:110%;

}

h3.home {
	margin-bottom:17px;
	margin-top:0;
	color:#99CC33;
	background-color:transparent;
	font-weight:bold;
	font-size:110%;
}

h3.home-news {
	margin-bottom:5px;
}

h3.az {
margin:5x 0px;
font-size:100%;
}

h4 {
	margin-bottom:2px;
	color:#99CC33;
	background-color:transparent;
	font-weight:bold;
	font-size:75%;
	margin-top:0px;

}

li {
	font-size: 12px;
}

.copy {
	color:#333333;
	background-color:#FFFFFF;
	font-size:75%;
	margin:0px;
}

/* styles for the table background colors */

.darkGreen {
	background-color:#FFFFFF;
}

p.recycling {
	background-color:#CCFF99;
	color:black;
}

p.recycling span.title {
	color:#000000;
}

.midGreen, .facilities {
	background-color:#8DC63F;

}
 .lightGreen {
	background-color:#CCFF99;
}

label {
	font-size: 85%;
		}


/* for the branding bar */
table.branding {
	margin:0px;
	padding-left:15px;
	padding-right:15px;
	width:100%;
	background-color:#FFFFFF;

}

td.hotline {
	text-align:right;
	font-weight:bold;
	font-size:100%;
	color:#99CC33;
	vertical-align:bottom;
	margin:0px;
	padding-bottom:26px;
}

td.hotline span {
	font-size:160%;
}

IMG.logo {
padding:0px;
}

IMG.logoprint {
display:none;
}


/* for the main nav bar */

.mainNav {
	width:100%;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	background-color:#8DC63F;

	
}
.mainNav TR TD {
	vertical-align:top;
	padding:0px;
	margin:0px;
}

.mainNav a:link, .mainNav a:visited {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background-color:transparent;
	font-size:75%;
}

.mainNav a:hover {
	font-weight:bold;
	color:#CCFF99;
	text-decoration:underline;
	background-color:transparent;
	font-size:75%;
}
.mainNav  IMG {
	margin-top:0px;
	margin-right:3px;
	vertical-align:top;
	margin-left:5px;
	padding-top:0px;

}
IMG.nopad {
 margin-left:0px;
}

/* for the footer */

.footer {
	width:100%;
	margin:0;
	padding:0;
	color:#FFFFFF;
	background-color:#8DC63F;
	border:0px solid #ffffff;
}
.footer TR TD {
	vertical-align:top;
	margin:0px;
	padding:6px 0 10px 15px;
}

.footer a:link, .footer a:visited {
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	background-color:transparent;
	font-size:70%;
}

.footer a:hover {
	font-weight:normal;
	color:#CCFFCC;
	text-decoration:underline;
	background-color:transparent;
	font-size:70%;
}
/*for the title */

.title {
width:100%;


}

.title TD {
color:#FFFFFF;
font-weight:bold;

}

.title TD SPAN {
color:#FFFFFF;
}

.title TD IMG {
border-left:1px solid #ffffff;
}



/* for the crumb trail */

.crumb {
color:#333333;
font-weight:bold;
font-size:70%;
height:30px;
}

.crumb a:link, .crumb a:visited {
font-weight:normal;
text-decoration:none;

}

.crumb a:hover {
font-weight:normal;
text-decoration:underline;

}

/* for the main content area */

.10pxright{
margin-right:10px;
padding:0px;
}


.maincontent {
	width:100%;
}

.maincontent td {
vertical-align:top;

}
.maincontent td.nav {
width:165px;
}

.maincontent td.nav a:link, .maincontent td.nav a:visited, .maincontent td.nav a:hover{
	font-weight:bold;
	font-size:70%;
	text-decoration:underline;

}
.maincontent td.nav .selected {
	color:#99CC33;
	font-weight:bold;
	font-size:70%;
	
}
.maincontent td.nav p.subnav {
margin:0px;
padding-left:11px;

}
.maincontent td.nav p.subnav a:link, .maincontent td.nav p.subnav a:visited {
color:#999999;

}

.maincontent td.nav p.subnav a:hover {
color:#99CC33;
}


.maincontent td.nav img {
	margin-right:5px; 
	
}


.maincontent td.nav img.hrule, .maincontent td.relinfo img.hrule {
margin-top:2px;
margin-bottom:1px;
	width:100%;
	height:1px;

}





.maincontent td.middle {
margin:0px;
padding-left:15px;
padding-right:20px;
}

.maincontent td.middle img.pleasenote {
background-color:#993300;
width:100%;
height:1px;
margin-right:20px;
margin-bottom:5px;
}

.middle p {
	color:#333333;
	background-color:transparent;
	font-size:75%;
}

/* unique to factsheets */

.fscollection {
width:100%;
margin-left:-20px;
margin-right:0px;


} 
 
.fscollection td {
padding-left:20px;
} 

 .red, p.red {
 color:#cc0000;

 }
 .darkred, p.darkred {
 color:#993300; 
 }
/* RPK changed colour from ffffff (white) */
 .fscollection td.lightGreen {
 margin:0px;
 width:120px;
 color:#8DC63F;
 font-weight:bold;
 width:255px;
 font-size:90%;
 padding-top:2px;
 padding-bottom:2px;
 }
 
 .fscollection TD.midGreen {
 color:#FFFFFF;
 font-size:75%;
 font-weight:bold;
 margin:0px;
 padding-left:20px;
 }


 
 .threecol {
 width:100%;
 margin-left:-20px;

 }
 .threecol th {
 color:#99cc99;
 font-size:75%;
 text-align:left;
 padding-right:10px;
 padding-top:5px;
 
 }

 .threecol th, .threecol td {
 padding-left:20px;
 vertical-align:top;
 }
 
 .threecol td.greenwaste {
 background-color:#CCE5CC;
 padding-bottom:5px;
 }
 
 .threecol td.otherwaste {
  background-color:#EBF5EB;
 }

 
 .threecol td p {
 margin:0px;
 font-size:75%;
 padding-top:3px;
 padding-bottom:-5px;
 }
 
 .threecol td a:link, .threecol td a:visited, .threecol td a:hover {
	font-size:75%;

 }
/* for the press release archive and news archive and news index page*/

/* not sure if we need this.
.10pxpad {
margin:0px;
color:#000000;
padding-left:0px;
padding-bottom:5px;
}
*/

img.arrow {

	margin-right:5px;
	margin-top:5px;

}

.arra {
background-image:url('http://www.redhouselane.com/clients/gla/4097/assets/20030730/site/images/nav_arra_tall.gif');
background-repeat:no-repeat;
padding-left:10px;
padding-bottom:3px;
padding-bottom:0px; 
vertical-align:top;
margin:0px
 

}

.arra p {
margin:0px;
color:#333333;
padding-left:0px;
padding-bottom:3px;
}


hr.press {
height:1px;
width:100%;
color:#669900;
nowrap:nowrap;
}

table.press {
width:100%;
padding:0px;
border:0px solid #ffffff;
}

table.press td {
vertical-align:top;

}

table.press td img.news {
border:1px solid #006633;
margin-right:10px;
margin-left:10px;
width:90px;
height:66px;

}

.10pxleft {
padding-left:10px;
}

td.feedback_fieldname {
font-family: arial, helvetica, sans-serif;
font-size: 70%;
margin: 0px;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 5px;
}

/* for the news story */
img.imagenewsstory {
border:1px solid #006633;
margin-right:5px;
margin-left:0px;
padding:0px;
width:180px;
height:130px;

}

p.newsstory {
font-weight:bold;
text-align:top;
font-size:75%;
margin-bottom:0px;
margin-top:0px;
}

p.newsdate {
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
color:#99CC33;
}

.newsdate2 {
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
color:#99CC33;
font-size:160%;
}

 
 /* related info */
 
 
.maincontent td.relinfo {
padding-left:5px;
width:180px;
vertical-align:top;
}

 .relinfo a:link,  .relinfo a:visited,  .relinfo a:hover {
	font-size:70%;
	 font-weight:bold;	
 }



.relinfo p {
	margin:0px;
 padding-left:9px;
 padding-right:8px;
 padding-top:5px;
 padding-bottom:5px;
 font-size:70%;
}
 
 .relinfo p a:link,  .relinfo p a:hover,  .relinfo p a:visited {
 font-size:100%;

 }
.relinfo img.icon {
	margin-top:3px;
 margin-bottom:2px;
 vertical-align:text-top;
 }
 p.borough {
 background-color:#eeeeee;
 color:#333333;
 border-bottom:4px #FFFFFF solid;

}

 p.borough span.boroughtitle {
 color:#006633;
 font-weight:bold;

}
p.boroughlink, table.boroughlink {
background-color:#CDCDCD;
color:#000000;
padding-top:10px;
padding-bottom:10px;
}

p.boroughlink span.title, table.boroughlink span.title {
font-size:160%;
color:#006633;
font-weight:bold;
padding-left:10px;
}

p.boroughlink span.titleextranet {
padding-left:0px;
font-size:130%;
font-weight:bold;
color:#006633;
}

/*for the facilities locator form*/

.relinfo p.facilities {
	color:#333333;
/*	border-bottom:4px solid white;  RPK6*/
	padding-bottom:15px;
}

.relinfo p.facilities a:link, .relinfo p.facilities a:visited, .relinfo p.recycling a:link, .relinfo p.recycling a:visited {
	color:#333333;
	font-weight:normal;
}
.relinfo p.facilities img, .relinfo p.recycling img {
margin:0px;
margin-right:5px;
}

.relinfo p.facilities span.title {
	color:#FFFFFF;
	font-size:150%;
	font-weight:bold;
	padding-bottom:10px;
}

form input.go-home {
border-left:0px none; border-top:0px none; background-color:#CCFF99;
color:#006633;
font-size:90%;
font-weight:bold;
border-bottom:1px solid #669900;
border-right:1px solid #669900;
margin-left:4px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:0
}

form input.go {
border-left:0px none; border-top:0px none; background-color:#CCFF99;
color:#006633;
font-size:90%;
font-weight:bold;
border-bottom:1px solid #669900;
border-right:1px solid #669900;
margin-left:0; margin-right:0; margin-top:9px; margin-bottom:0; padding-left:10px; padding-right:2px; padding-top:2px; padding-bottom:0
}

form input.go-dark {
border-left:0px none; border-top:0px none; background-color:#8DC63F;
color:#ffffff;
font-size:90%;
font-weight:bold;
border-bottom:1px solid #669900;
border-right:1px solid #669900;
margin-left:0; margin-right:0; margin-top:9px; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:0
}

form input.feedback {
border-left:0px none; border-top:0px none; background-color:#8DC63F;
color:#006633;
font-size:90%;
font-weight:bold;
border-bottom:1px solid #669900;
border-right:1px solid #669900;
margin-left:0; margin-right:0; margin-top:9px; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:0
}

form  {
padding:0px;
margin-bottom:0px;
margin-top:3px;
background-color:transparent;
}

form input.radio {
padding:0px;
margin-left:-7px;
}

form input.comment {
padding:0px;
width:200px;
font-size:75%;
margin-bottom:3px;
}

form input.postcode {
padding:0px;
width:480px;
font-size:75%;
margin-bottom:3px;

}

form.extranet input {
margin:0px;
margin-left:10px;


}
p.extranetlogin {
padding:10px;
background-color:#CDCDCD;
color:#333333;
margin:0px;

border-top:1px solid #ffffff;
}


/*for the materials select box*/

.materials {
width:350px;
font-size:75%;

}

/*for the poll */
.relinfo p.recycling {
color:#000000;
	padding-bottom:15px;
}
.relinfo p.recycling span.title {
	font-size:150%;
	font-weight:bold;
	padding-bottom:10px;
}

/* a to z */


td.az {

background-color:#CCFF99;
text-align:center;
padding-left:2px;
padding-right:2px;
width:15px;
height:15px;
}

td.az a p {
font-size:80%;
CURSOR: hand;
font-weight:bold;
color:#777777;
padding-left:2px;
padding-right:2px;
width:20px;
height:15px;

}

td.az p.selected {
font-size:80%;
background-color:#8DC63F;
font-weight:bold;
color:#ffffff;
padding-left:2px;
padding-right:2px;
width:20px;
height:15px;
}

td.az a:link p, td.az a:visited p {
text-decoration:underline;
color:#000000;

}
/* RPK9 */
td.az a:hover {
color:#ffffff;
background-color:#99cc00;
padding-left:1px;
padding-right:1px;
width:13px;
height:15px;
}

td.az a:hover p {
color:white;
}

/* 2 column table for materials and borough*/

table.2col {
width:100%;
padding:0px;
border:0px solid #ffffff;
}

.2col td {
width:50%;
text-align:left;
vertical-align:middle;
}

.2col td div {
font-size:75%;
font-weight:bold;
}
 
.2col td img  {
padding:0px;
vertical-align:middle;
margin-right:5px;
margin:5px;
margin-bottom:0px;
}

.2col td p  {
padding:0px;
vertical-align:middle;
margin:0px;
}

ul li {
font-size:75%;
color:#333333;
margin-left:-10px;
}

th.search-result-title {
font-size: 80%;
background-color:#cccc99;
color:#000000;
padding-top:5px;
padding-right: 5px;
padding-bottom:5px;
padding-left:5px;
}

.searchresults p.green {
padding-left:20px;
margin:0px;

}

p.searchtips {
margin-right:150px; 
padding:0px;
}
/*for the homepage */

.maincontent td.homeright {
width:310px;
}

td.homeright p.darkGreen {
color:#FFFFCC;
font-weight:bold;
padding:10px;
}

p.lightGreen {
font-size:75%;
color:#006633;
padding:10px;
margin:0px;
border-top:4px solid #ffffff;
}

p.lightGreen span.title {
color:#FFFFFF;
font-weight:bold;
font-size:140%;
}

.white {
color:#ffffff;
}

p.home {
margin:0px;
}

p.home a:link, p.home a:hover, p.home a:visited {
	font-weight:bold;
	color:#669900;
	text-decoration:underline;
}

table.home {
width:100%;
border:0px solid #ffffff;
margin-top:23px;
}

table.home td {
padding-right:20px;
}

/*start new home page styles*/

.home-img-container {
	width:100%;
	background-color:#8DC63F;
}

.home-img-container img {
	width:437px;
	height:160px;
}

.home-ten {
	width:100%;
	padding: 18px 10px 10px 10px;
}

.home-ten h1 {
	font-size:160%;
	color:#FFFFCC;
	margin:0;
}

.home-ten h2 {
	font-size:100%;
	color:#FFFFFF;
	margin:7px 0 0 0;
}

.home-ten p {
	font-size:75%;
	color:#000000;
	margin:8px 0 0 0;
}

.home-recycling-ten {
	width:100%;
	padding:5px 10px 17px 10px;
	margin-top:4px;
}

.home-recycling-ten h1 {
	font-size:100%;
	color:#FFFFFF;
	margin:7px 0 0 0;
}

.home-recycling-ten p {
	font-size:75%;
	color:#000000;
	margin:8px 0 7px 0;
}

.home-recycling-ten form {
	margin-bottom:10px;
}

.home-recycling-ten a:hover, .home-recycling-ten a:link, .home-recycling-ten a:visited {
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	font-size:75%;
}

.home-comments-ten {
	width:100%;
	padding:5px 10px 17px 10px;
	margin-top:4px;
}

.home-comments-ten h1 {
	font-size:100%;
	color:#000000;
	margin:7px 0 0 0;
}

.home-comments-ten p {
	font-size:75%;
	color:#000000;
	margin:8px 0 10px 0;
}

.home-comments-ten a:hover, .home-comments-ten a:link, .home-comments-ten a:visited {
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	font-size:75%;
}

hr.home-hr {
height:1px;
width:100%;
color:#669900;
nowrap:nowrap;
margin:11px 0 9px 0;
padding:0;
}

.mayor {
 border:0px none;
 width:351px;
 height:60px;
 margin-left:0; margin-right:0; margin-top:50px; margin-bottom:25px
}

/*end new home page styles*/

.recycling-tenancy {
	width:100%;
	padding:5px 10px 17px 10px;
	margin-top:4px;
}

.recycling-tenancy h1 {
	font-size:100%;
	color:#FFFFFF;
	margin:7px 0 0 0;
}

.recycling-tenancy p {
	font-size:75%;
	color:#000000;
	margin:8px 0 7px 0;
	padding:0;
}

.recycling-tenancy form {
	margin-bottom:10px;
}

.recycling-tenancy a:hover, .recycling-tenancy a:link, .recycling-tenancy a:visited {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	font-size:75%;
}

.recycling-poll-tenancy {
	width:100%;
	padding:5px 10px 17px 10px;
	margin-top:4px;
}

.recycling-poll-tenancy h1 {
	font-size:100%;
	color:#000000;
	margin:7px 0 0 0;
}

.recycling-poll-tenancy p {
	font-size:75%;
	color:#000000;
	margin:8px 0 7px 0;
	padding:0;
}

.recycling-poll-tenancy p.small {
	font-size:60%;
}

.recycling-poll-tenancy form {
	margin-bottom:10px;
	font-weight:bold;
	font-size:80%;
}

.recycling-poll-tenancy a:hover, .recycling-poll-tenancy a:link, .recycling-poll-tenancy a:visited {
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	font-size:75%;
}

.borough-ten {
	width:100%;
	padding:5px 10px 17px 10px;
	margin-top:4px;
}

.borough-ten h1 {
	font-size:100%;
	color:#000000;
	margin:7px 0 0 0;
}

.borough-ten p {
	font-size:75%;
	color:#000000;
	margin:8px 0 10px 0;
	padding:0;
}

.borough-ten a:hover, .borough-ten a:link, .borough-ten a:visited {
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	font-size:75%;
}