/* Stylesheet for Euro Recycling */
/* Author: Tom Bryan*/
/* Copyright Nineteen to the Dozen Limited */
/* Date: January 2009 */
/* Modified CSS Reset based on Eric Meyer's http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend,li,dt,dd,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-family: "Tahoma", Arial, sans-serif; 
	font-size:11px;
}

a img, :link img, :visited img {
	border: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol{
	list-style: decimal;
}
ul{
	list-style: disc;
}
li,dd,p{margin:0 0 10px 0; padding:0;line-height:1.4;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/*****************end reset*/

a{color:#365fb7;}
br.clear{clear:both;font-size:0;height:0;}
span.name{font-weight:bold;}
dt{font-size:1.4em;}
strong {font-weight:bolder}
label {margin:0 10px 0 0;}

.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.indent{margin-left:30px;}
.imgpad{padding:2px;}
ul { list-style:none; }

h1{color:#006e2e; }
h2{color:#000;  font-weight:bold; margin-bottom:10px;}
h3{color:#808080; font-size:10px;}
h4{color:#3F4C6B;  font-weight:bold; margin-bottom:10px; white-space:nowrap; padding-top:5px;}
/*h5, see li.banner*/
h6{color:#006E2E; font-size:3em; font-weight:bold;}

.style7{color:#fff; font-size:25px; font-weight:bold; margin-bottom:5px;}

html{height:100%;}

body{height:100%; min-height:100%; width:100%; background:#404D6C; background-image:url(/images/bckgrd.png); background-repeat:repeat-x;}
.internal{background-image:url(/images/bckgrd-sm.png); background-repeat:repeat-x;}

#header{width:916px; height:55px; margin: 0 auto 0 auto; padding:0;}

/*********** nave moved to bottom dk **************/

#logo{float:left; padding:0; margin:0px; width:160px; height:55px;}

#wrapper {width:916px; margin:0 auto 0 auto; background:white;}
#wrapper-internal {width:916px; margin:60px auto 0 auto; background:white;}

#main-banner{height:315px; width:916px; margin:0 auto 0 auto; background-image:url(/images/green-fade.jpg); background-repeat:no-repeat;}
#flash {width:420px; height:230px; background-color:black; border: solid 10px #EEEEEE; float:left; margin:30px 0 0 5px;}
#main-banner-text h1{color:#fff; font-size:20px; font-weight:bold; margin-bottom:5px;}
#main-banner-text {width:460px; float:left; margin:40px 0 0 0; padding-left:10px;}
#main-banner-text p {color:#fff;  font-weight:bold; margin:15px 0 65px 0; padding:0;}

.grey-inner{width:210px;  background-color:#ebebeb; border:solid 1px #efefef; color:#808080;padding:5px;}
.grey-inner p,h4 {padding-left:2px;}

#left {float:left;width:200px;margin-top:20px;margin-left:20px;}
#left-2 {float:left;width:200px;margin-left:20px;margin-top:20px;}

#right {float:left;width:210px;margin-top:20px;margin-left:20px;}
#right-2 {float:left;width:200px;margin-left:20px;margin-top:20px; color:#808080;}

ul.pdf {list-style:none; margin-top:10px; padding:0; margin-left:0px;}
ul.pdf li {background-image:url(/images/adobe.png); background-position:left; background-repeat:no-repeat; text-indent:24px; white-space:nowrap; line-height:20px;}

#footer{background-image: url(/images/footer-bck.png); background-repeat:repeat-x; background-color:#e8e7e7; height:250px; margin-top:20px;}
ul.footer-block {list-style:none;  padding:0; margin:0;}
ul.footer-block li {width:110px; height:26px; display:inline-block; background:url(/images/footer-block.png) no-repeat left; float:left; white-space:nowrap; line-height:20px; margin-top:20px; margin-left:20px; text-align:center; padding-top:3px;}
ul.footer-block li a {color:white; text-decoration:none;}
ul.footer-block li a:hover {color:silver;} 

.footer-text{width:916px; height:auto; clear:both; }
.footer-text ul{list-style:none; padding:0; margin:0;}
.footer-text li {display:inline-block; width:200px; margin-left:20px; margin-top:20px; text-align:center; float:left;}

#copyright{width:360px; height:auto; float:right; clear:both; margin-top:-25px; margin-right:35px; color:#666; padding-bottom:4px;}

#index-text {float:left; width:400px; height:auto; margin-top:-40px; margin-left:20px;  color:#666;}
#index-splash{margin-right:20px; margin-top:10px; float:right;}
#internal-main-img {float:right; padding:13px 2px 0px 0px;}

li.bannerLI {width:200px;height:111px;font-size:11px;font-family:Arial; margin-left:-40px;}
li.bannerLI h5{color:#3F4C6B; font-size:15px; font-weight:bold; padding-top:5px; text-indent:5px;}
li.bannerLI p{margin:0px;padding-left:5px; padding-top:13px; color:#808080;}
li.bannerLI a {margin-left:93px; margin-top:12px; position:absolute;}
.banner-content {padding:0px; margin: -120px 0 0 0; height: 111px;}
.banner-image{margin-bottom:20px;}

li.more {background-image:url(/images/arrow.png); background-position:right; background-repeat:no-repeat; text-indent:24px; white-space:nowrap; line-height:15px; text-align:right;}
li.more a{margin-right:23px;}
li.more-grey {background-image:url(/images/arrow-grey.png); background-position:right; background-repeat:no-repeat; text-indent:24px; white-space:nowrap; line-height:15px; text-align:right;}
li.more-grey a{margin-right:23px;}

ul.orange-banner {list-style:none;  padding:0; margin:0;}
ul.orange-banner li {width:200px; height:30px; display:block; background-image:url(/images/orange-banner.png); background-position:left; background-repeat:no-repeat; float:left; text-indent:2px; white-space:nowrap; line-height:20px; margin-top:10px; text-align:center; padding-top:7px;}
ul.orange-banner li.index {width:200px; height:30px; display:inline; background-image:url(/images/orange-banner.png); background-repeat:no-repeat;  background-position:top; float:left; white-space:nowrap; line-height:20px; text-align:center; padding-top:5px; margin-right:20px;}
ul.orange-banner li a {color:white; text-decoration:none; font-weight:bold; }
ul.orange-banner li a:hover {color:#ff5500;}

ul.left-3-links {list-style:none; margin-top:10px; padding:0; margin-bottom:10px; margin-left:0px;}
ul.left-3-links li {background:url(/images/sub-nav-back.jpg) no-repeat top right; text-indent:5px; white-space:nowrap; line-height:20px; text-align:right;}
ul.left-3-links li a {margin-right:30px;}
ul.left-3-links li a:hover{color:silver;}

a:hover{color:#336600;}

/************************* styles for internal page 3 equalising column layout */

#inner{
	margin-right:140px;
	background:#fff;/* left column colour*/
	border-right:1px solid #fff;
}

#middle{
	background:#fff;/* centre column colour*/
	margin-left:200px;
	border-left:1px solid #fff;
	
}
#content,#content2{
	position:relative;
	width:87%;
	float:left;/* contain clearing*/
}
#content2 {margin:0 -1px}/* moz needs this*/
#content2 h1 {font-size:1.5em; font-weight:bold;/*margin-left:70px;*/}
#content2 h2 {font-size:1.25em;margin:1em 0 1em 0;}
/*#content2 {background:url(/images/mobile.png) no-repeat top left;}*/
#content2 p {padding-top:10px; }
#content2 ul {list-style-type:circle;}

#content{
	position:relative;
	float:left;/* contain clearing*/
	width:87%;
	color:#808080;
	margin-top:20px;
}
#left-3{
	width:200px;
	margin-left:-179px;/*overlap for old mozilla*/
	position:relative;
	left:-1px;/* now line it up*/
	float:left;
	margin-right:20px;
	color:#808080;
}

#right-3{
	width:200px;
	margin-right:-199px;/*overlap for old mozilla*/
	position:relative;
	left:1px;/* now line it up*/
	float:right;
	margin-left:20px;
}
* html #left-3{margin-right:-3px;}/* 3 pixel jog*/
* html #right-3{margin-left:-3px;}/* 3 pixel jog*/


/* clear without structural mark-up */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

/* mac hide - force layout in ie \*/
* html .clearfix,* html #inner, * html #middle {height: 1%;}
.clearfix {display: block;}
/* End hide */
p.expand a{color:#fff;display:block;clear:both}
p.expand a:hover{height:200px;}
#content p img{float:right;}

/***************************end 3 col*/


/*********************  Site nav **********************/

/* original navigation (#nav) */
#site-nav {background:none; padding:0; margin-top:35px; margin-right:5px; float:right; color:#3f4c6b;/* word-spacing:60px;*/position:relative;z-index:99;}
#site-nav li a {background:#dcdcdc;text-decoration:none; color:#3f4c6b; font-size:11px; font-weight:bold;padding:5px 20px 5px 20px;}
#site-nav li a:hover {color:#ebebeb; background:#cecece;}

/*navigation*/
#site-nav ul{padding-left:2px;margin:0 0 0 0px;}
#site-nav ul li{list-style:none!important;}
#site-nav li {text-align:center;padding-left:10px;padding-right:10px;height:24px;float:left;position:relative;margin:0 0px; }
/*
#site-nav li a{text-align:center;width:100%;text-decoration:none;height:100%;display:block;padding:0 5px 0 5px;color:#000;font: 12px "Tahoma","Arial Black",sans-serif ; margin-top:15px;}
#site-nav li a:hover{color:silver;} 
*/
/*navigation drop down*/
#site-nav li ul{position:absolute;left:-999em;margin:0;top:10px;}
#site-nav li ul li{text-align:left;padding:0 0px;width:115px;height:26px;background:none;margin:0px;float:none;}
#site-nav li ul li a{display:block;background: url(../images/drop-nav.png) no-repeat 0 0 !important; background: url(../images/drop-nav.png) no-repeat 0 0; background-color:silver;font-weight:normal;text-decoration:none;line-height:16px;color:white;white-space: nowrap; width:105px;  /*filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;*/}
#site-nav li ul li a:hover{color:white; background: url(../images/drop-nav.png) no-repeat -145px 0 !important; background: url(../images/drop-nav.png) no-repeat -145px 0;}
#site-nav li:hover ul,#site-nav li.sfhover ul{left:5px;background:none;padding:10px 0 0 0;}
#site-nav li:hover ul ul,#site-nav li.sfhover ul ul{left:116px;background:none;padding:0; width:145px;}
#site-nav ul li ul li.leaf.sfhover {list-style-type:none!important;} 

/*#site-nav{background-image:url(/images/navBar.jpg); background-repeat:no-repeat; width:870px; height:49px; margin-bottom:0px; position:relative;z-index:99;}
#site-nav a{outline:none;}*/

.left-button{margin:10px 0px;}

#headlines {margin-top:20px;border-bottom:1px solid silver;}
#headlines h1{color:#000;font-size:1em;font-weight:bold;}
#headlines ul{margin:0px;padding:0px;list-style-type:none;}
#headlines li{border-top:1px solid silver;margin-top:10px;padding:5px 5px 0px 5px;}
#headlines a{font-size:1em; color:#000; text-decoration:none;display:block;}
#headlines a:hover{color:blue;text-decoration:underline;}


.footer-link {text-align:center;margin-top:20px;display:block;clear:both;margin-top:60px;}



#main-banner-text h1 a:link,
#main-banner-text h1 a:active,
#main-banner-text h1 a:hover,
#main-banner-text h1 a:visited{
	color:#FFF;
	font-size:20px;
}

#main-banner-text a:link,
#main-banner-text a:active,
#main-banner-text a:hover,
#main-banner-text a:visited{
	color:#FFF;
}
#government {
	table-layout:fixed;
	border:1px solid black;
	width: 650px;
}
#government #col1 {width:60px}
#government #col2 {width:325px}
#government #col3 {width:70px}
#government #col4 {width:70px}
#government #col5 {width:80px}
#government td, #government th {
	padding:5px;
	border:1px solid black;
}
#government th {
	font-weight:bold;
	text-align: center;
}
#government ul {
	margin:0;
	padding-left:15px;
}
#government ul li {
	margin:0;
	line-height: 1;
}
#officesafe {float:right;}