/*
	Site:		RRS: Resource Recovery Solutions
	File:		/assets/styles/screen.css
	Version:	2011-24-10
	Author: 	
----------------------------------------------- */

* { margin: 0; padding: 0; }
body { background: #FFFFFF url(../images/body.png) repeat-y 0 0; color: #002b45; font: 62.5%/1.4 Verdana, Geneva, Tahoma, sans-serif; }
a:link,
a:visited { background-color: #FFFFFF; color: #707172; text-decoration: underline; }
a:hover, a:active { background-color: #FFFFFF; color: #002D62; text-decoration: none; }
button, input, textarea, select { font-size: 100%; font-family: Verdana, Geneva, Tahoma, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin-bottom: 1.2em; }
h1 { background-color: #3C8A2E; color: #FFFFFF; font-size: 2em; padding:6px 0 0 6px;}
h2 { background-color: #FFFFFF; color: #3C8A2E; font-size: 1.454em; font-weight:bold; position: relative; }
h3 { background-color: #FFFFFF; color: #3C8A2E; font-size:1.182em; font-weight:bold; position: relative; margin-bottom:0.5em; }
h4 { background-color: #FFFFFF; color: #3C8A2E; font-size:1.182em; font-weight: normal; }
p { padding-bottom: 1.6em; }
iframe, img { border: none; }
fieldset, form { border: 0 solid #FFFFFF; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
ol, ul { margin-bottom: .6em; }
ol li, ul li { margin-bottom: 1.6em; margin-left: 12px; }
div.pre { font-size: 1.1667em; }
pre, code { font-family: monospace; font-size: 107%; line-height: 1.2; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cleaner { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }
ul#Accessibility, .accessibility { left: -9999em; position: absolute; top: -9999em; }
.adn { display: block; height: 0; float: left; overflow: hidden; width: 0; }
#Container { font-size:1.1em; width: 950px; }
#Content h1 { font-size: 1.8em; padding:4px 0 0 10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
#Header { float: left; width: 220px; }
#Header p#BrandingLogo { padding-bottom: 0;  }
#Header p#BrandingLogo a { background-color:#3c8a2e; }
hr { background-image: url(../images/hr.png); background-position:0 100%; margin-bottom:20px; width:100%; border: none; height: 3px; }
.intro-text { font-size: 1.364em; }
/*	PRIMARY NAVIGATION
----------------------------------------------- */
#NavigationPrimary { padding: 0 0 0 20px; }
#NavigationPrimary ul { list-style-type: none; margin: 0; font-size: 1.227em; width: 172px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:10px 0 20px 0;}
#NavigationPrimary ul li { margin:0 0 8px 0; border-bottom: 1px dotted #FFFFFF; }
#NavigationPrimary ul li a { background: #3c8a2e; color: #FFFFFF; display: block; font-weight: bold; outline: none; overflow: hidden; position: relative; text-decoration:none; padding-bottom:8px; padding-left:8px; }
#NavigationPrimary ul li.parent-active a, #NavigationPrimary ul li.active a { background:none; }
#NavigationPrimary ul li a.facilities { background:none; color: #FFFFFF; display: block; font-weight: bold; outline: none; overflow: hidden; position: relative; text-decoration:none; padding-bottom:8px; padding-left:8px; }
#NavigationPrimary ul li a:hover { color:#c9dd03;}
#NavigationPrimary ul li.active a  { color:#c9dd03; padding:0 0 8px 8px; }

/*	PRIMARY NAVIGATION - SITES
----------------------------------------------- */
#NavigationPrimary ul li ul { font-size: 0.9em; padding:0; margin:6px 0 2px 2px; display:none; }
#NavigationPrimary ul li ul li { border-bottom:none; }
#NavigationPrimary ul li.parent-active ul, #NavigationPrimary ul li.active ul { display:block; }
#NavigationPrimary ul li ul li { padding:0 0 0 8px; margin:0; }
#NavigationPrimary ul li.active ul li a, #NavigationPrimary ul li.parent-active ul li a { background:transparent url(../images/li.png) no-repeat;  padding:0 0 10px 30px; margin:0;  }
#NavigationPrimary ul li.active ul li a:hover { color:#c9dd03; }
#NavigationPrimary ul li.active ul li a { color:#FFF; }
#NavigationPrimary ul li.parent-active ul li.active a { background:transparent url(../images/li-active.png) no-repeat;  padding:0 0 10px 30px; margin:0;   }
#NavigationPrimary p { color:#fff; font-size:0.818em; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 1em 1em; }

/*	GLOBAL
----------------------------------------------- */
#Content { float: left; margin: 0 0 0 15px; padding: 0 0 20px 0; width: 710px; }
.col-1 { float: left; margin: 0 0 0 10px; width: 650px; }
.two-col-layout { width:470px; }
.col-1 ul { font-weight: bold; padding-bottom: 0.2em; }
.col-1 ul li { background: #FFFFFF url(../images/bullet.png) no-repeat 0 0; color:#002b45; font-weight: normal; list-style-type: none; margin-bottom: .8em; margin-left: 0; padding: 0 0 2px 28px; }
.col-1 ul li strong { display: block; font-weight: bold; }
.col-1 ul a { background-color: #FFFFFF; color: #002b45; }
.col-1 ul a strong { display: inline; font-weight: bold; }
.col-2 { float: left; margin: 0 0 0 20px; width: 190px; }
.col-2 h3 { margin-bottom: 1em; }
.related-link img { padding-bottom: 20px; float: right; }
/*Span*/
.col-1 ul li span, 
.col-1 p span,
.col-1 ul li span a:link,
.col-1 ul li span a:visited { color:#3c8a2e; font-weight:bold; }
/*TOC*/
ul#TOC { font-size: 1.364em; font-weight: bold; }
ul#TOC li { background-image: none; padding-left: 0; }
ul#TOC li a { background-color: #FFFFFF; color: #3c8a2e; font-weight: bold; text-decoration: underline; }
ul#TOC li a:hover { color: #c9dd03; }
#Content a.btoc { font-size: 0.6875em; font-weight: normal; position: absolute; right:0; top:0; }
.col-1 .images-container { overflow: hidden; }
.col-1 .images { float:left; margin-right:20px;}
.col-1 dl { font-size: 1.2222em; overflow: hidden; padding-bottom: 1.4em; }
.col-1 dl.hr { padding-bottom: 2em; }
.col-1 dl dt { clear: left; float: left; margin-bottom: 0.4em; width: 130px; }
.col-1 dl dd { float: left; margin-bottom: 0.4em; width: 380px; }
.col-1 img.wasteHierarchy { margin:10px 0 30px 0;}

/*	FORM 
----------------------------------------------- */
.form-row { background-color: #FFFFFF; clear: both; color: #93bd43; font-size: 1.182em; }
.form-row label { display: block; padding: 10px 0; }
.form-row label span.form-row-label { display: block; padding-bottom: 0.6em; }
.form-row label span.form-row-field { display: block; }
.form-row-text label span.form-row-field input { background: #FFFFFF url(../images/form-field.png) repeat-y 0 0; border: 1px solid #999999; color: #000000; padding: 3px 2px; width: 400px; }
.form-row-select label span.form-row-field select { background: #FFFFFF url(../images/form-field.png) repeat-y 0 0; border: 1px solid #999999; color: #000000; padding: 2px 0 1px 2px; width: 400px; }
.form-row-select label span.form-row-field select option { padding: 0 3px 1px 2px; }
.form-row-textarea label span.form-row-field textarea { background: #FFFFFF url(../images/form-field.png) repeat-y 0 0; border: 1px solid #999999; color: #000000; padding: 3px 2px; width: 600px; }
.form-row-textarea-small label span.form-row-field textarea { width: 400px; }
.form-row-action { display: block; padding: 10px 0; }
.col-1 .highlight { background-color: #FFFFFF; color: #002D62; font-size: 1.6667em; padding-bottom: 1.2em; }
.form-row .error {color:#FF0000;}
.form-row textarea.error, .form-row input.error {color:#FF0000 !important; border:1px solid #FF0000 !important; }
#success { display:none; }

/*	SITE MAP
----------------------------------------------- */
.site-map { margin:0; padding:0 0 0 20px; }
.site-map ul {  margin:0; padding:0; }
.site-map ul li,
.site-map ul li a { background:none; font-size:1.1em; font-weight:normal; color:#3c8a2e; padding:0; list-style:circle; }
.site-map ul li ul { margin:10px 0 0 0; padding:0 0 0 30px;  }
.site-map ul li ul li,
.site-map ul li ul li a { font-size:0.94em; color:#3c8a2e; padding:0; list-style:square; }

/*	FOOTER
----------------------------------------------- */
.footer { margin:30px 0 0 250px; width:700px; float:left; padding-bottom:20px; }
.footer ul { float:left; margin-right:20px; }
.footer ul li { display:inline; margin:0; padding:0;}
.footer img.recycle { float:right; padding-right:25px; }

/*	NEWS LISTING
----------------------------------------------- */
#newsListing li { background:none; color:#3C8A2E; padding-left:0; }
#newsListing a { color:#3C8A2E; text-decoration:none; } 
#newsListing a:hover { color:#C9DD03; }

/*	PAGINATION
----------------------------------------------- */
.pagination { font-size: 1.182em; font-weight:bold; text-align:center; }
.pagination a { color:#3C8A2E; text-decoration:none; }
.pagination a.next { float:right; }
.pagination a.previous { float:left; }
.pagination a:hover { color:#C9DD03; }

/*	HELPER CLASSES
----------------------------------------------- */
.font-normal { font-weight:normal;}
#NavigationPrimary ul li.active a.our-facilities { background:none; margin:0 0 -8px -8px; }
span.small-text { font-size:0.75em; }
.clear {clear:both;}

.highlight { color:#3C8A2E; }
