body{background:#112233; margin:0; padding:0px; font-size:100.01%}
div, table, p{font-family:helvetica, arial, sans-serif; color:#000000;}
form{padding:0; margin:0; display:inline;}

a{color:#D1CEAB;}
a:hover{color:#99977D;}
a.hidden{text-decoration:underline;}

#wrapperHome{background:#3e5168; width:769px; font-size:1em; border:1px solid #000000; padding:0;}

#hubwrapperHome{ font-size:1em; border:1px solid #000000; padding:0;}
#wrapperHome div, #wrapperHome table, #wrapperHome p{font-family:helvetica, myriad, arial, sans-serif; font-weight:normal; color:#e0e0e0; letter-spacing:.03em;}
#hubTagline{position:relative;color:#000000; margin:auto; left:12px; top:10px; font-size:.9em; font-weight:bold; font-style:italic;}
#hubimage{position:relative; left:0; top:0;}
#wrapper{background:#3e5168 url("/images/pageBG.gif") repeat-y; width:769px; font-size:1em; padding:0; border:1px solid #000000;}
#wrapper div, #wrapper table, #wrapper p{font-family:helvetica, myriad, arial, sans-serif; font-weight:normal; color:#e0e0e0; letter-spacing:.03em;}

/* header classes */
#scripts{}
#header{color:#000000; width:769px; height:74px; background:#ffffff url("/images/header/headerBG.jpg") no-repeat;}
#logo{float:left; width:124px; margin:0 3px;}
#title{width:286px; float:left; padding:20px 0 0 10px;}
#title h1{padding:0; margin:0;}
#printlogo{display:none;}
#utility{width:242px; float:right; margin-top:1px;}
#utility a{font-size:.7em; text-decoration:none; color:#000000; font-weight:bold;}
.divider{color:#eeeeee; font-size:1px; padding:0 4px 0 4px;}
#navBar{z-index:50; height:22px; width:769px; background:#666666 url("/images/header/navBarBG.gif") no-repeat;}
#navBar div{float:left; margin:3px 0 0 6px;}
#navBar a{font-size:8pt; font-weight:bold; color:#FFFFFF; text-decoration:none;}
#imageBar{height:32px; width:769px; background:#ffffff url("/images/header/tier2BG.jpg") no-repeat;}
#imageBarHome{height:115px; width:769px; background:#ffffff url("/images/header/homeBG.jpg") no-repeat; border-bottom:1px solid #dd3333;}
/* end of header classes */

/* nav classes */
#nav{width:149px; height:190px; padding:0; margin:0; float:left; background:#cccccc; text-align:left; voice-family:"\"}\""; voice-family:inherit; height:190px;}
html > body #nav {min-height:190px; height:auto;}
#nav h2{margin:0; padding:8px 2px 3px 13px; color:#dd3333; font-weight:bold; font-style:italic; font-size:.79em;}
#nav.aboutNav{background: url("/images/leftNav/aboutNav-bg.jpg") no-repeat;}
#nav.demolitionNav{background: url("/images/leftNav/demolitionNav-bg.jpg") no-repeat;}
#nav.environmentalNav{background: url("/images/leftNav/environmentalNav-bg.jpg") no-repeat;}
#nav.othrSvcsNav{background: url("/images/leftNav/otherSvcsNav-bg.jpg") no-repeat;}
#nav.projectsNav{background: url("/images/leftNav/projectsNav-bg.jpg") no-repeat;}
#nav.recyclingNav{background: url("/images/leftNav/recyclingNav-bg.jpg") no-repeat;}
#nav.usedEquipNav{background: url("/images/leftNav/usedEquipNav-bg.jpg") no-repeat;}
#nav.companyPubNav{background: url("/images/leftNav/companyPubNav-bg.jpg") no-repeat;}
#nav.infoNav{background: url("/images/leftNav/infoNav-bg.jpg") no-repeat;}
.navLists{width:124px; margin:10px; text-align:left;}
.navLists ul{padding:0; margin:0;}
.navLists li{list-style-type:none; margin:0 0 7px 10px;}
.navLists li a{font-size:.70em; color:#000000; text-decoration:none; font-weight:bold;}
.navLists li a:hover{text-decoration:underline; color:#000000;}
.navLists2Off{font-size:1.0em; margin-left:3px; font-style:italic;}
.navLists2Off li{margin:0;}
.navLists2On{font-size:1.0em; margin-left:3px; font-style:italic; color:#DD3333;}
.navLists2On li{margin:0;}
.navLists2On a{color:#DD3333;}
.navLists2On a:hover{color:#DD3333;}
/* end of nav classes */

/* content classes */
#content{float:right; font-size:.78em; width:618px; height:100%; background-color:#3e5168;}
#content img{border:0;}

#contentHome{font-size:.80em; width:759px; text-align:left;}
#content p{padding:0; margin:2px 0 15px 0;}
.padding{background-color:#3e5168; padding:5px 10px 5px 10px; text-align:left;}
.padding p{ vertical-align:text-top;}
h1 {font-size:1.05em; margin:10px 0 8px 0; padding:0; }
h2 {font-size:1.05em; margin:5px 0 0 0; padding:0; color:#B9B18D;}
h3 {font-size:1em; margin:5px 0 0 0; padding:0; color:#B9B18D;}
.floatRight{float:right;}
.floatLeft{float:left;}
.indent{padding-left:20px; display:block;}
.expanded li{margin:0 0 10px 0;}
.clear{clear:both; font-size:1px;}
hr{background:#112233; color:#112233; border:0px; height:1px; padding-bottom:0; margin-bottom:0;}
#content li{padding:2px 0 12px 0;}
.text{font-size:9pt;}
.image{float:right; padding:0 0 10px 10px; font-size:.9em;}	
#text{height:auto; width:550px; margin: 10px auto 20px 20px;}
.list{width: 550px; margin-bottom:40px;}

/* end of content classes */

/* tables */
.border{border:1px solid #666666; font-size:.9em;}
th{background:#666666; color:#ffffff; text-align:center;}
.line1 td{background:#eeeeee;}
.line2 td{background:#dddddd;}
.line3 td{background:#cccccc;}
/* end of table classes */

/* forms */
form{font-size:9pt; display:inline; margin:0; padding:0;}
.label{ font-weight:bold; color:#cccccc; text-align:right; font-size:9pt;}
.labelL{font-weight:bold; color:#000000; font-size:9pt;}
.field{font-family: courier new, monospace, courier; font-size:9pt; color:#000000;}
.select{font-size:9pt;}
.error{font-size:9pt; font-weight:bold; color:#ff0000;}
.required{font-size:9pt; font-weight:bold; color:#ff0000;}
.disclaimer{font-size:8pt;}
.red{font-weight:bold; color:#ff0000;}
.example{color:#E5E2BC; font-size:8pt;}
.formButton{padding-top:2px; background:#666666; color:#f0f0f0; font-weight:bold; font-size:7pt;}
/* end of forms classes */

/* footer classes */
#footer{background:#000000; border-top:1px solid #cccccc; font-size:.66em; width:771px; text-align:center;clear:both;}
#footer p{padding:5px; margin:0; color:#ffffff;}
/* end of footer classes */

/* video styles */
#video_section{position:relative; background:transparent; width:406px; margin:auto;}
#video_section .movie{background: #112233; margin:2px; width:400px; float:left; border: 1px #888888 solid;}
#video_section .movie_small{background:#ededed;float:left; margin:2px; width:195px; border: 1px #888888 solid;}
#video_section p{margin: 5px 0 0 5px; }
#video_section h4{font-size:1em; margin: 5px 0 0 5px; color:#B9B18D;letter-spacing:.1em;}

.video_text{float:right;margin:0 5px 5px 0;}
.video_text a:link{text-decoration: underline;}
.video_text a:hover{text-decoration: none;}

.video_image_large{margin-bottom:1px; border:none; border-bottom:2px #888888 solid;}
.video_image_small{margin:auto 5px auto auto; border:none; border-right:1px #888888 solid;border-bottom:1px #888888 solid;}
.info{margin-top:5px; margin-bottom:5px;}
/* end of video styles */

span.hidden {display:none}






/*hub page Styles */


#hubheader		{
position: relative; 
display:inherit;
padding-top:7px;
height: 81px; 
width:100%;
z-index: 10;
background-color:#000000;
border-bottom:
}

#thetable{position: relative; 
    display: table; 
    width: 100%;
    border: 0; 
    clear: both;
    border-spacing: 0; /* required by Opera 6 */}

 /* hide this from opera6 */
head:first-child+body div.thetable {height: 100%;}

#tablerow{display: block;}

 /* hide this from opera6 */
head:first-child+body div.tablecell {height: 100%;}
/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */

#left{
width: 350px; 
float:left;
position: relative;
z-index: 5;
padding-top:15px;
padding-left:50px;
height:375px;
}

#left li {margin-top:7px; color:#ffffff; font-size:14px; font-weight:bold;}


#middle				{
width: auto; 
position: relative;

}

#right			{
width: 500px; 
float:right;
position: relative;
padding-top:25px;
padding-left:50px;
padding-right:50px;

}


#hubfooter			{
clear: both; 
position: relative; 
margin-top: 7px;
margin-bottom: 40px; /* required for Opera 6 to show background color but others don't like it so hide the value of 0 from it */

z-index: 15;
background:#000000; border-top:1px solid #cccccc; font-size:12px; text-align:center;
}



 /* hide this from opera6 */
head:first-child+body div#footer {margin-bottom: 0;}

.thetable a:link, .thetable a:visited	{
color: #FFFFFF;
background: transparent;
margin-top:10px;
border:0px;
}

.thetable a:hover	
{
    height:110%;
}

ul	{padding-right: 0.5em;}

#fooder-links-table{text-align:center;}
#fooder-links-table td{padding:0px;}
#fooder-links-table ul{padding-left:0px; margin:0px;}
#task1-title{color:#99977D;}