/* CSS Document */
body {
background-image: url(images/bgY.jpg);
background-repeat: repeat-x;
background-color: rgb(196,196,196);
padding: 0;
margin: 0;
text-align: center;
color: rgb(0, 0, 0);
font-family: Verdana, Helvetica, Arial, sans-serif;
}
a {

color: white;
}

h1 {

font-size: 16px;
font-weight: bold;
padding: 18px 0 4px 10px;
margin: 0;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 16px;
padding: 28px 0 0 45px;
margin: 0;
color: #FFFFFF;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 10px 10px 0 20px;
margin: 0;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 28px;
padding: 13px 0 0 45px;
margin: 0;
color: #FFFFFF;
}

.alignleft {
display:block;
float:left;
text-align:left;
margin-right:5px;
margin-left:20px;
padding-right:5px;
}
.alignright {
display:block;
float:right;
text-align:right;
margin-left:5px;
padding-left:5px;
margin-right:20px;
padding-right:20px;
}
.aligncenter {
display:block;
margin:0 auto;
float:none;
text-align:center;
}



.green {
color: rgb(39,206,14);
}
.index_content {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 40px 0 20px;
line-height: 24px;
margin: 0;
}
#page_index {
background-image: url(images/bgX.jpg);
background-repeat: repeat-y;
	text-align: left;
	margin: 20px auto 0 auto;
	width:800px;
	/*height:1020px;*/
}
#page_about {
background-image: url(images/bgX.jpg);
background-repeat: repeat-y;
	text-align: left;
	margin: 20px auto 0 auto;
	width:800px;
	height:1260px;
}
#page_services {
background-image: url(images/bgX.jpg);
background-repeat: repeat-y;
	text-align: left;
	margin: 20px auto 0 auto;
	width:800px;
	height:820px;
}
#page_rates {
background-image: url(images/bgX.jpg);
background-repeat: repeat-y;
	text-align: left;
	margin: 20px auto 0 auto;
	width:800px;
	height:520px
	}
#page_recycling {
background-image: url(images/bgX.jpg);
background-repeat: repeat-y;
	text-align: left;
	margin: 20px auto 0 auto;
	width:800px;
	height:820px;
}
#page_contact {
background-image: url(images/bgX.jpg);
background-repeat: repeat-y;
	text-align: left;
	margin: 20px auto 0 auto;
	width:800px;
	height:690px;
}
#page_services {
background-image: url(images/bgX.jpg);
background-repeat: repeat-y;
	text-align: left;
	margin: 20px auto 0 auto;
	width:800px;
	height:850px;
}
#page_rates {
background-image: url(images/bgX.jpg);
background-repeat: repeat-y;
	text-align: left;
	margin: 20px auto 0 auto;
	width:800px;
	height:1650px;
}
#banner {
background-image: url(images/index_01.jpg);
background-repeat: no-repeat;
	width:800px;
	height:111px;
}

#navbox {
width: 800px;
height: 29px;
margin: 0;
padding: 0;
}

#nav-02 {
float: left;
background-image: url(images/nav-02-ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
	width:90px;
	height:29px;
}
#nav-02 a{
display: block;
background: transparent url(images/nav-02.jpg) no-repeat;
	width:90px;
	height:29px;
}
#nav-02 a:hover{
background-position: -90px 0;
}


#nav-03 {
float: left;
background-image: url(images/nav-03-ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
	width:73px;
	height:29px;
}
#nav-03 a{
display: block;
background: transparent url(images/nav-03.jpg) no-repeat;
	width:73px;
	height:29px;
}
#nav-03 a:hover{
background-position: -73px 0;
}


#nav-04 {
float: left;
background-image: url(images/nav-04-ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
	width:74px;
	height:29px;
}
#nav-04 a{
display: block;
background: transparent url(images/nav-04.jpg) no-repeat;
	width:74px;
	height:29px;
}
#nav-04 a:hover{
background-position: -74px 0;
}


#nav-05 {
float: left;
background-image: url(images/nav-05-ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
	width:75px;
	height:29px;
}
#nav-05 a{
display: block;
background: transparent url(images/nav-05.jpg) no-repeat;
	width:75px;
	height:29px;
}
#nav-05 a:hover{
background-position: -75px 0;
}


#nav-06 {
float: left;
background-image: url(images/nav-06-ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
	width:75px;
	height:29px;
}
#nav-06 a{
display: block;
background: transparent url(images/nav-06.jpg) no-repeat;
	width:75px;
	height:29px;
}
#nav-06 a:hover{
background-position: -75px 0;
}


#nav-07 {
float: left;
background-image: url(images/nav-07-ov.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
	width:77px;
	height:29px;
}
#nav-07 a{
display: block;
background: transparent url(images/nav-07.jpg) no-repeat;
	width:77px;
	height:29px;
}
#nav-07 a:hover{
background-position: -77px 0;
}


#index-08 {
float: left;
background-image: url(images/index-08.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
	width:336px;
	height:29px;
}


/* ---------------------------*/
#sidebar_index {
float: left;
background-image: url(images/sidebar_index.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 8px 5px 0 0;
	width:165px;
	height:900px;
}
#sidebar_index p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
line-height: 13px;
padding: 5px 26px 0 45px;
margin: 0;
}
#sidebar_index img {
padding: 0;
margin: 8px 0 0 45px;
}

#listbox {
width: 110px;
margin: 0 0 0 45px;
padding: 0 0 0 13px;
}
#sidebar_index ul{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
line-height: 12px;
padding: 6px 0 6px 0;
margin: 0;
}
#sidebar_index li{
padding: 0 0 4px 0;
margin: 0;
}
#sidebar_bio {
float: left;
background-image: url(images/sidebar_bio.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 8px 0 0 0;
	width:175px;
	height:500px;
}
#sidebar_bio p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
line-height: 13px;
padding: 0 26px 0 45px;
margin: 0;
}
#sidebar_services {
float: left;
background-image: url(images/HH_sidebar.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
	width:165px;
	height:613px;
}
#sidebar_services p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
line-height: 13px;
padding: 0 26px 0 45px;
margin: 0;
}
#sidebar_contact {
float: left;
background-image: url(images/about_sidebar.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 8px 0 0 0;
	width:155px;
	height:613px;
}
#sidebar_contact p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
line-height: 13px;
padding: 0 26px 0 45px;
margin: 0;
}


#sidebar_about {
float: left;
background-image: url(images/about_sidebar.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
	width:165px;
	height:913px;
}
#sidebar_about p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
line-height: 13px;
padding: 0 0 0 42px;
margin: 0;
}

#sidebar_recycle {
float: left;
background-image: url(images/recycle_sidebar.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 8px 0 0 0;
	width:165px;
	height:450px;
}
#sidebar_recycle p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
line-height: 13px;
padding: 0 26px 0 45px;
margin: 0;
}
#sidebar_blank {
float: left;
background-image: url(images/blank_sidebar.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
	width:165px;
	height:450px;
}
#sidebar_blank p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
line-height: 13px;
padding: 0 26px 0 45px;
margin: 0;
}

#contentbox{
width: 800px;
margin: 0;
padding: 0;
}
#contentboxabout{
width: 800px;
/*height: 300px;*/
margin: 0;
padding: 0;
}
#contentboxcontact{
width: 800px;
height: 600px;
margin: 0;
padding: 0;
}

#content_index {
float: right;
background-image: url(images/content_index.jpg);
background-repeat: no-repeat;
display: block;
margin: 0;
padding: 0;
	width:625px;
}
#content_index p{
font-size: 11px;
line-height: 16px;
padding: 10px 60px 0 20px;
margin: 0;
}
#content_index a{
color: #222222;
font-weight: bold;
}
#content_index a:hover{
color: #666666;
}
#content_index img{
}


#content_about {
float: right;
background-image: url(images/content_index.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0 0 0 0;
	width:625px;
	height:500px;
}
#content_about p{
font-size: 11px;
line-height: 16px;
padding: 10px 60px 0 20px;
margin: 0;
}
#content_about a{
color: #222222;
font-weight: bold;
}
#content_about a:hover{
color: #666666;
}
#content_about img{
margin: 25px 0 0 20px;
padding: 0;
}
#content_about ul{
font-size: 11px;
line-height: 18px;
padding: 12px 26px 0 20px;
margin: 0 0 0 10px;
}
#content_about li{
padding: 0 0 4px 0;
margin: 0;
}

#content_services {
float: right;
background-image: url(images/content_index.jpg);
background-repeat: no-repeat;
display: block;
margin: 0;
padding: 50px 0 0 0;
	width:625px;
	height:513px;
}
#content_services p{
font-size: 11px;
line-height: 16px;
padding: 0 60px 8px 20px;
margin: 0;
}
#content_services a{
color: #222222;
font-weight: bold;
}
#content_services a:hover{
color: #666666;
}
#content_services img{
float: right;
margin:  10px 50px 0 20px;
padding: 0;
}


#content_rates {
float: right;
background-image: url(images/content_index.jpg);
background-repeat: no-repeat;
display: block;
margin: 0;
padding: 50px 0 0 0;
	width:625px;
	
}
#content_rates p{
font-size: 11px;
line-height: 16px;
padding: 0 60px 8px 20px;
margin: 0;
}
#content_rates a{
color: #222222;
font-weight: bold;
}
#content_rates a:hover{
color: #666666;
}
#content_rates img{
float: right;
margin:  10px 50px 0 20px;
padding: 0;
}


#content_recycling {
float: right;
background-image: url(images/content_index.jpg);
background-repeat: no-repeat;
display: block;
margin: 0;
padding: 50px 0 0 0;
	width:625px;
	height:380px;
}
#content_recycling p{
font-size: 11px;
line-height: 16px;
padding: 0 60px 8px 20px;
margin: 0;
}
#content_recycling a{
color: #222222;
font-weight: bold;
}
#content_recycling a:hover{
color: #666666;
}


#content_contact {
float: right;
background-image: url(images/content_index.jpg);
background-repeat: no-repeat;
display: block;
margin: 0;
padding: 50px 0 0 0;
	width:625px;
	height:380px;
}
#content_contact p{
font-size: 11px;
line-height: 16px;
padding: 0 60px 8px 20px;
margin: 0;
}
#content_contact a{
color: #222222;
font-weight: bold;
}
#content_contact a:hover{
color: #666666;
}

.bignumbers {
font-size: 14px;
}

.rates_table {
width: 546px;
border-style: none;
margin: 12px 0 12px 20px;
font-size: 11px;
border-style: none solid solid none;
border-color: rgb(100,100,100);
border-width: 1px;
}
.rates_table th{
width: 200px;
color: rgb(255,255,255);
background-color: rgb(0,55,16);
text-align: left;
padding: 4px;
}
.rates_table td{
color: rgb(0,55,16);
background-color: rgb(209,223,215);
text-align: left;
padding: 4px;
}



#footer_index {
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
margin: 0 auto;
padding: 0;
	width:800px;
	height:70px;
}
#footer_index p{
text-align: center;
color: #FFFFFF;
font-size: 10px;
line-height: 14px;
padding: 36px 0 4px 0;
margin: 0;
}
#footer_index a{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#footer_index a:hover{
color: rgb(200, 200, 200);
}