body{font-family:Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center; background:#868686 url(../img/bg/body-bg.gif) repeat-x top left;}
body.home{font-family:Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center; background:#868686 url(../img/bg/body-home.jpg) repeat-x top left;}
.r {float:right;} .l {float:left;}

/*
------------------------------------------------------
=MAIN STRUCTURE
------------------------------------------------------*/
#container{width:770px; margin:0px auto 0px auto; text-align:left;}

/*
------------------------------------------------------
=CLEARING
-----------------------------------------------------*/
.clear{clear:both;} .clear10{clear:both; height:10px;} .last{margin-right:0px !important; padding-right:0px !important; border-right:none !important;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*
------------------------------------------------------
=ACCESSIBILITY
------------------------------------------------------*/
#access {position:absolute; top:-9999px;}

/*
------------------------------------------------------
=TITLES
-----------------------------------------------------*/
h1 {font-family: Arial, Verdana, serif;  font-size: 2.4em;  margin-bottom:10px; padding-top:7px; color:#b53b17; font-weight:bold;}
h1.inside {font-family: Arial, Verdana, serif;  font-size: 2.4em;  margin-bottom:10px; padding-top:7px; color:#3c3c3c;}
h2.small {font-family: Arial, Verdana, serif;  font-size: 16px;  margin-bottom:10px; margin-top:2px; color:#b53b17; font-weight:bold; }
h2 {font-family: Arial, Verdana, serif;  font-size: 1.9em;  line-height:1.6em; margin-bottom:10px; margin-top:2px; color:#b53b17; font-weight:bold;}
h3.grey {font-family: Arial, Verdana, serif;  font-size: 16px;  margin-bottom:2px; margin-top:5px; color:#403f3f; font-weight:bold;}
h3 {font-family: Arial, Verdana, serif;  font-size: 1.6em;  line-height:1.6em; margin-bottom:10px; margin-top:2px; color:#b53b17; font-weight:bold;}
h4 {font-family: Arial, Verdana, serif;  font-size: 1.5em;  line-height:1.6em; margin-bottom:10px; margin-top:2px; color:#d1490f; font-weight:bold;}
h5 {font-family: Arial, Verdana, serif;  font-size: 1.3em;  line-height:1.6em; margin-bottom:10px; margin-top:2px; color:#a83c0b; font-weight:bold;}
h6 {font-family: Arial, Verdana, serif;  font-size: 1.2em;  line-height:1.6em; margin-bottom:10px; margin-top:2px; color:#7a2f07; font-weight:bold;}

/*
------------------------------------------------------
=HEADER
-----------------------------------------------------*/
#header{background: url() no-repeat; height:127px;}
#header img.logo {float:left; margin-top:22px; margin-left:10px;}

/*
------------------------------------------------------
=SEARCH
-----------------------------------------------------*/
#header .search {margin-top:20px; float:right; margin-right:6px;  width:238px; background-image:url(../../ntr2008/img/search.gif) no-repeat }
#header .search #search_form .searchButton {width:17px!important; border:none!important; background:url(../img/icons/search.gif) no-repeat right center; cursor:pointer; margin-left:2px;}
#header .search input{padding:4px; border:1px solid #e6c3ac; width:206px; color:#5c5a58;  font-family:Arial, Helvetica, sans-serif; margin-top:24px; font-size:1.2em;}
#header .search:focus{color:#333;}
#header .search img {margin-left:4px; position:relative; top:5px;}
#header .search p.recycle {font-family:Arial, Helvetica, sans-serif; font-size:1.4em; font-style:italic; color:#b82b07; margin-top:10px; font-weight:bold; letter-spacing:-1px; background:url(../img/bg/phone-number.gif) no-repeat; width:238px; text-indent:-9000px;} 


/*
------------------------------------------------------
=NAVIGATION
-----------------------------------------------------*/
/* Styles for the entire LavaLamp menu */
#navigation .lavaLamp {position: relative; height: 42px; width: 760px; background: url("../img/bg/navigation-bg.gif") no-repeat top; padding:0px 5px 0px 5px; overflow: hidden;}
 /* Force the list to flow horizontally */
#navigation .lavaLamp li {float: left; list-style-type: none; padding-left:2px; margin-left:7px; margin-right:3px;}
/* Represents the background of the highlighted menu-item. */
#navigation .lavaLamp li.back {background: url("../img/bg/lava.gif") no-repeat right -25px; width: 15px; height: 25px; z-index: 8; position: absolute; top:9px; margin-left:0px;}
#navigation .lavaLamp li.back .left {background: url("../img/bg/lava.gif") no-repeat top left; height: 25px; margin-right: 12px;}
/* Styles for each menu-item. */
#navigation .lavaLamp li a {position: relative; overflow: hidden; text-decoration: none; font-size:1.4em; color: #fbe0d6; outline: none; text-align: center; height: 25px; top: 13px;  z-index: 10; float: left; display: inline; margin: auto 13px; font-family:Arial, "Times New Roman", Times, serif;}

/*
------------------------------------------------------
=MAIN LAYOUT
-----------------------------------------------------*/
body.home #main{width:760px; margin-top:10px; margin-bottom:20px;}
#main{width:770px;}
#content{width:550px; background:url(../img/bg/content-bg.gif) no-repeat top right; padding-left:10px; float:right; padding-bottom:10px;}
body.home #content{width:495px; background:url(../img/bg/content-bg.gif) no-repeat top right; float:left; padding-left:10px;}

/*
------------------------------------------------------
=BANNER
-----------------------------------------------------*/
#banner {width:770px; width:123px;}
/*
------------------------------------------------------
=LHS
-----------------------------------------------------*/
#lhs {float:left; width:172px; background:url(../img/bg/left-nav-bg.gif) no-repeat; margin-top:10px; padding:10px 10px 10px 18px; height:450px;}
#lhs ul.nav {width:165px;}
#lhs ul.nav li {font-family:Arial, Helvetica, sans-serif; background:url(../img/bg/left-nav-line.gif) repeat-x top left; width:165px;  padding-top:8px; padding-bottom:6px;}
#lhs ul.nav li a {color:#b58804; font-size:1.4em; font-weight:bold; text-decoration:none;  line-height:1.3em; display:block;}
#lhs ul.nav li a.on {color:#c13e14;}
#lhs ul.nav li a:hover {color:#c13e14;}
#lhs ul.nav li.sub {padding-top:1px; background:none !important; padding-bottom:1px;}
#lhs ul.nav li.sub a{ font-size:1.2em; padding-left:12px;  line-height:1.2em; color:#b58804; background:url(../img/icons/arrow.gif) no-repeat 1px 4px; margin-left:10px;}
#lhs ul.nav li.sub a:hover {color:#d5552c;}
#lhs ul.nav li.sub a.on {color:#d5552c;}
#lhs ul.nav li.last {padding-bottom:8px; padding-top:2px;}
#lhs ul.nav li.first {background:none !important;  margin-top:-6px!important;}

/*
------------------------------------------------------
=RHS
-----------------------------------------------------*/
#rhs {float:right; width:240px; margin-left:10px; }
#rhs p.services {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#9e7b0b; font-size:1em; display:block; background:#fdf2cf; border-bottom:1px solid #f7e6b3; padding:9px 1px 8px 5px; margin:0px 0px 8px 0px; width:234px;}
#rhs img {border:3px solid #f5dd95;} #rhs img.heading{padding:0px; border:none; margin-top:10px; margin-bottom:5px;}
#rhs p {color:#716e6e; font-size:1.1em; line-height:1.5em;}
#rhs p a {color:#b53b17; text-decoration:none;}
#rhs p a:hover{text-decoration:underline;}
.divide {background:url(../img/bg/rhs-line.gif) repeat-x; margin:9px 0px 9px 0px; width:240px; height:1px; padding-right:6px;}
#rhs p.more {color:#979595; font-size:1em; margin-left:25px; margin-top:5px;}

/*

------------------------------------------------------
=GALLERY SLIDER
------------------------------------------------------*/
.hidden {display: none;}
#prevNext {margin-bottom: -1.8em; }
#prevNext img {position: relative; z-index: 2; cursor: pointer; top:204px;left:730px;}
#slides p {background: url(../img/bg/opacity.png); font-family:Arial, Helvetica, sans-serif; border-top:1px solid #585656; margin: 0; padding: 0 1em; font-size: 1.2em; position: relative; top: -42px; line-height: 38px; height:42px; color:#FFF; font-weight:bold;}

/*
------------------------------------------------------
=GENERAL TYPOGRAPHY
-----------------------------------------------------*/
#content p{font-size:1.2em; line-height:1.5em; color:#403f3f; margin-bottom:10px; margin-right:10px;}
#content p.faq{font-size:1.2em; line-height:1.5em; color:#403f3f; margin-bottom:20px; margin-right:10px;}
#content p a, #content ul li a, #content ol li a{color:#b53b17; text-decoration:none;} 
#content p a:hover, #content ul li a:hover, #content ol li a:hover{text-decoration:underline;}
.line {background:url(../img/bg/sig-bottom.gif) no-repeat; width:486px; height:1px; margin-top:20px; margin-bottom:15px;}

/*
------------------------------------------------------
=UN-ORDERED LIST
------------------------------------------------------*/
ul.list {margin-bottom:10px; margin-top:10px; color:#a8dee8; font-size:1.2em; margin-left:2px;} 
ul.list li {margin-bottom:1px; line-height:1.6em; padding-left:12px; background:url(../img/icons/arrow.gif) no-repeat 0px 7px; height:1%; color:#403f3f;} 
ul.list li a {color:#403f3f!important; text-decoration:none;}
ul.list li a:hover {text-decoration:underline; color:#b53b17!important;}

/*
------------------------------------------------------
= FAQ LIST
------------------------------------------------------*/
ul.faq {margin: 0px 0 20px 0px;}
ul.faq li {margin:9px 0; font-size: 1.3em; margin-bottom: -15px; font-weight: bold; padding: 0 0 0 20px; color:#b53b17!important; font-family: Arial, Helvetica, sans-serif; background: url(../img/icons/q.gif) no-repeat 0px 2px;}
/*

------------------------------------------------------
= ORDERED LIST
------------------------------------------------------*/
ol.list {list-style: decimal; margin-bottom:10px; margin-left:17px; margin-top:6px; color:#D24E04; font-size:1.2em; padding-left:17px;} 
ol.list li {margin-bottom:3px; line-height:1.6em; padding-left:0px; height:1%; color:#403f3f;} 
ol.list li a {color:#403f3f!important; text-decoration:none; font-weight:normal;}
ol.list li a:hover {text-decoration:underline; color:#b53b17!important;}

/*
------------------------------------------------------
=BLOCKQUOTE
------------------------------------------------------*/
blockquote {background:url(../img/bg/blockquote-bg.gif) no-repeat; width:520px; height:85px; font-family:Georgia, "Times New Roman", Times, serif; margin:5px 0px 10px 0px; border:2px solid #f5ebcc; padding:15px 5px 5px 15px;}
blockquote p{font-size:1.4em !important;  color:#8b6a06 !important; font-style:italic !important; }
blockquote cite {float:right; font-size:1.4em !important;  color:#c2770b; font-style:italic; margin-right:5px; margin-top:-10px; margin-bottom:0px;}
body.home blockquote {width:460px; background:url(../img/bg/blockquote-bg-home.gif) no-repeat;}

/*
------------------------------------------------------
=NOTES STYLE
-----------------------------------------------------*/
.note{background:#fef9d5; padding:8px 2px 8px 5px; border:1px solid #f5ebcc; color:#4a4939 !important; margin-bottom:12px; margin-top:10px; margin-left:0px; font-size:1.2em; width:535px;}

/*
------------------------------------------------------
=SITEMAP STYLE 
------------------------------------------------------*/
ul.sitemap {font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; padding-top:5px; margin-left:17px;}
ul.sitemap li {font-weight: bold; display:block; padding-top: 0px; background: url(../img/icons/arrow2.gif) no-repeat 3px 6px; line-height:1.6em;}
ul.sitemap li a{color:#d24e04; margin-left:15px;}
ul.sitemap li a:hover {color:#eb520f;}
ul.sitemap li.sub {padding:0px; margin-left:22px; font-weight:normal; background:none;}
ul.sitemap li.subsub{margin-left:52px; font-weight:normal; background:none;}

/*
------------------------------------------------------
=IMAGE CAPTION
------------------------------------------------------*/
.imgRight{float:right; margin:5px 0px 0px 10px;} 
#content .imgRight img{padding:3px; border:1px solid #9c7538;} 
#content img {border:1px solid #f5dd95; margin-bottom:15px; margin-top:5px;}
#content .imgRight p{width:244px; font-size:1.1em !important; font-family:Arial, Verdana, serif; text-align:center; color:#403f3f;}
.imgLeft{float:left; margin:5px 10px 1px 0px; margin-top:1px;} 
#content .imgLeft img{padding:3px; border:1px solid #9c7538;}
#content .imgLeft p{ width:244px; font-size:1.1em !important; font-family:Arial, Verdana, serif; text-align:center; color:#403f3f;}
#right .imgRight {float:right; margin:2px 0px 2px 10px; position:relative; }
#right .imgRight p {font-size:1.1em; color:#4a4939; font-family:Trebuchet MS, Georgia, "Times New Roman", Times, serif; margin:0; padding:2px 2px 2px 5px; margin-top:1px; border-left:2px solid #e34f0f; background:#FFF;}

/*



------------------------------------------------------
=TABLES
-----------------------------------------------------*/
#content table{width:95%; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; border:1px solid #f5ebcc;}
#content table th{padding:6px 9px; background: url("../img/bg/navigation-bg.gif") no-repeat top; color:#fff; font-weight:bold;}
#content table td{padding:6px 9px; line-height:1.4em; font-family:Arial, Helvetica, sans-serif;}
#content table tr{background-color:#F2F2F2;}
#content table tr.white{background-color:#FCFCFC;}
#content table a{color:#033e53; text-decoration:none; font-weight:bold; display:inline;} #content table a:hover{text-decoration:none;}

/*



------------------------------------------------------
=FAQS (Style if JavaScript is disabled)
------------------------------------------------------*/
#content ul.myfaq li p.question {font-size: 1.6em; font-weight: bold; border-bottom: solid 1px #EEEEEE; display: block;}
#content ul.myfaq li p {margin-bottom: 8px;}

/*
------------------------------------------------------
=ORANGE BOX FEATURE
------------------------------------------------------*/
#orange-box{background:#F8F0DD; padding:14px 2px 0px 15px; width: 512px;}
#orange-box .box {float:left; width:150px; padding-right:22px; margin-bottom:10px;}
#orange-box .box img {margin-bottom:0px; border:3px solid #f5dd95;} #orange-box .last{padding-right:0px;}
#orange-box .box h3{color:#D37F12; font-size:1.6em; padding-bottom:7px; margin-bottom:7px; background:url('../img/bg/orange-box-line.gif') repeat-x bottom; font-weight:bold;}
#orange-box .box p{color:#000; margin-left:3px; width:155px; margin-top:-5px;} #orange-box .box a{color:#E88607; }

/*------------------------------------------------------
=FOOTER
-----------------------------------------------------*/
#footer{text-align:left; background:#fafafa; border-top: 4px solid #444; position:relative; height:210px; }
#footer #footerwrap { width:770px; margin-left:auto; margin-right:auto; position:relative; }
#footer ul{padding-top:15px; margin-left:auto; margin-right:auto; width:770px; background:url(../img/bg/recycle-logo2.gif) no-repeat 5px 22px;}
#footer ul li{display:block; font-size:1.2em; line-height:1.4em; color:#444; margin-left:50px;}
#footer ul li.links{display:block; font-size:1.2em; line-height:1.4em; color:#888; margin-left:500px; margin-top:-47px; border-left:1px solid #dddddd; padding-left:15px;}
#footer ul li a{color:#ccc; text-decoration:none; color:#000;} 
#footer ul li a:hover{text-decoration:underline;}
#footer ul li.links span {margin-right:10px;}
#footer ul li.links img.one51 { position:absolute; bottom:0; right:0;}
#footer p{padding-top:15px; margin-left:auto; margin-right:auto; text-align: center; width:770px; display:block; font-size:1.1em; line-height:1.4em; color:#888;}

/*

/*------------------------------------------------------
=Contact Form
-----------------------------------------------------*/
#content form{font-size:1.1em; margin-bottom:10px; margin-right:10px; margin-top:4px; border:1px solid #f5ebcc; background:#fef9eb;}
#content form tr.alt { background:#fef9eb;}
#content table.form { border:none;}
#content form td{ padding:8px 8px 3px 18px; text-align:left; font-family: Arial, Verdana, serif; color:#b53b17; margin-left:30px; background:#fef9eb;}
#content form input {padding:2px; font-size:1.1em; color:#333333; width:250px; border: solid 1px #F1DFA6;}
#content form textarea {padding:2px; width:250px; height:100px; border: solid 1px #F1DFA6;}
#content form input#submit{width:10px; padding:2px; cursor:pointer;}
#content form tr td input.button {background-color:#fcf0cb; border: solid 1px #F1DFA6; width:100px; text-align:center; color:#333333; font-size:1.1em;}

/*

------------------------------------------------------
=SEARCH RESULTS
-----------------------------------------------------*/
.zoom_searchform{font-size:1.1em; background-color:#ffffcc; padding:7px 7px 0px 7px; border:1px solid #f3d8a4; color:#734717; }
.zoom_searchform input.zoom_searchbox{padding:3px; border:1px solid #ccc; width:150px!important;}
.zoom_searchform input.focus{border:1px solid #999;}
.zoom_searchform input.zoom_button{padding:2px 4px; text-align:center; color:#333333; height:22px; background-color:#fcf0cb!important; font-family:Arial, Helvetica, sans-serif; cursor:pointer; margin-right:5px; width:100px!important;}
.zoom_searchform .zoom_match input{margin-right:0px; margin-left:3px; width:25px!important;}
small{display:none;} .searchheading{font-size:1.2em; line-height:1.5em; font-weight:bold; padding-bottom:5px; margin-bottom:8px; padding-top:12px; padding-left:2px;}
.summary{font-size:1.2em; line-height:1.5em; margin-bottom:10px;} .searchheading br{display:none;}
.result_title{margin-bottom:3px;} .result_title b{display:none;}
.result_block, .result_altblock{font-size:1.2em; padding-bottom:9px; border-bottom:1px solid #ccc; margin-bottom:10px; line-height:1.5em;}
.result_block .context, .result_altblock .context{font-size:0.8em; font-family:Arial, Helvetica, sans-serif; color:#403f3f; line-height:1.5em; margin-bottom:0px; text-decoration:none!important;}
.result_block a, .result_altblock a{color:#cb6032!important; text-decoration:underline; font-size:0.8em!important; font-weight:bold; } .result_block a:hover, .result_altblock a:hover{color:#cb6032; text-decoration:none;}
.result_block .infoline, .result_altblock .infoline{font-size:0.8em;}
.result_pagescount{font-size:1.1em; padding-left:15px; background:#fdf6de url(../img/icons/pages.gif) no-repeat 5px center; padding:8px 8px 8px 20px; color:#666; margin:10px 0px 10px 0px;}
.result_pagescount br{display:none;}
.result_pages{ font-size:1.1em; font-weight:bold;}
.result_pages a{color:#cb6032!important; text-decoration:none;} .result_pages a:hover{color:#cb6032; text-decoration:underline;}


/*
------------------------------------------------------
=error
-----------------------------------------------------*/
.error{background:#fce3e3 url(../img/icons/error.gif) no-repeat 12px center; padding:6px 2px 0px 5px; border:1px solid #db3636; color:#db3636 !important; margin-bottom:12px; margin-top:10px; margin-left:10px; font-size:1.1em;width:94%;}
.error p{color:#000 !important; margin-bottom:5px !important; padding-top:2px;}
.error ul{list-style-type:disc; font-size:1em !important; margin-left:55px; margin-top:2px; margin-bottom:5px;} 
.error ul li{margin-bottom:0px; background:none !important; color:#000;}
.error ul li.title { list-style:none; margin-left:-14px; margin-bottom:2px; font-size:1em !important;}

/*


