/* CSS Document */

body{
background-color:#F7F7EE;
padding:0px;
margin:0px;
}

form{
padding:0px;
margin:0px;
}
p{
padding:0px;
margin:0px;
}
.pf{
font-family:Verdana,Arial;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:left;
line-height:normal;
padding-left:22px;
padding-right:10px;
padding-top:5px;
}
.pf2{
font-family:Verdana,Arial;
font-size:11px;
font-weight:normal;
color:#000000;
text-align:left;
line-height:normal;
padding-left:25px;
padding-right:10px;
}

.pf1{
font-family:Verdana,Arial;
font-size:11px;
font-weight:normal;
color:#ffffff;
text-align:left;
line-height:normal;
}
.pf111{
font-family:Verdana,Arial;
font-size:11px;
font-weight:normal;
color:#000000;
text-align:left;
line-height:normal;
}
.p1{
font-family:Verdana,Arial;
font-size:11px;
font-weight:normal;
color:#ffffff;
text-align:left;
line-height:normal;
padding-left:24px;
padding-right:10px;
padding-top:5px;
text-decoration:none;
}
.p3{
font-family:Verdana,Arial;
font-size:12px;
font-weight:BOLD;
color:#ffffff;
text-align:left;
line-height:normal;
padding-top:0px;
padding-left:5px;
}
p{font-family:Verdana,Arial;}
ul{font-family:Verdana,Arial;}
/* homepage */
#main_div{
width:770px;
height:950px;
}
#main_div_about{
width:770px;
height:750px;
}
#main_div_how{
width:770px;
height:800px;
}
#main_div_customers{
width:770px;
height:780px;
}
/* homepage left side */
#div_left{
width:244px;
height:1010px;
float:right;
background-image:url(../images/BROWN.gif);
background-repeat:repeat-y;
}
#div_left_about{
width:244px;
height:780px;
float:right;
background-image:url(../images/BROWN.gif);
background-repeat:repeat-y;
}
#div_left_how{
width:244px;
height:970px;
float:right;
background-image:url(../images/BROWN.gif);
background-repeat:repeat-y;
}
#div_left_faq{
width:244px;
height:930px;
float:right;
background-image:url(../images/BROWN.gif);
background-repeat:repeat-y;
}
#div_left_customers{
width:244px;
height:1200px;
float:right;
background-image:url(../images/BROWN.gif);
background-repeat:repeat-y;
}
#green_add{
background-image:url(../images/GREEN_ADD.gif);
background-repeat:no-repeat;
width:244px;
height:125px;
}
#left_logo{
background-image:url(../images/left_logo.gif);
background-repeat:no-repeat;
width:244px;
height:128px;
}
#green_patch_index{
background-image:url(../images/green_patch.gif);
background-repeat:repeat-y;
width:244px;
height:214px;;
}
#green_patch_how{
background-image:url(../images/green_patch.gif);
background-repeat:repeat-y;
width:244px;
height:355px;;
}
#green_patch_faq{
background-image:url(../images/green_patch.gif);
background-repeat:repeat-y;
width:244px;
height:285px;;
}
#green_brown{
background-image:url(../images/green_brown.gif);
background-repeat:no-repeat;
width:244px;
height:6px;
}
#welcome{
background-image:url(../images/welcome.gif);
background-repeat:no-repeat;
width:244px;
height:41px;
}
#certificate{
background-image: url(../images/certificate.gif);
background-repeat:no-repeat;
width:244px;
height:41px;
}
#warrnty{
background-image: url(../images/warrnty.gif);
background-repeat:no-repeat;
width:244px;
height:47px;
}
#wrecycling{
background-image: url(../images/recycling.gif);
background-repeat:no-repeat;
width:244px;
height:41px;
}
#onsite{
background-image: url(../images/onsite.gif);
background-repeat:no-repeat;
width:244px;
height:41px;
}
#satiesfy{
background-image: url(../images/satifies.gif);
background-repeat:no-repeat;
width:244px;
height:41px;
}
#brown_divide{
background-image:url(../images/brown_divide.gif);
width:244px;
height:7px;
background-repeat:no-repeat;
}



/* homepage left side ends here */



/* main logo goes here */
#div_right{
width:526px;
height:750px;
float:left;
}
#div_right_about{
width:526px;
height:750px;
float:left;
}
#div_right_how{
width:526px;
height:750px;
float:left;
}

#mainlogo{
background-image:url(../images/big_logo.gif);
background-repeat:no-repeat;
width:526px;
height:99px;
float:left;
}
/* main logo end here*/
#div_split{
width:526px;
height:750px;
float:left;
}
#div_split_about{
width:526px;
height:650px;
float:left;
}
#div_split_how{
width:526px;
height:800px;
float:left;
}
#div_split_customers{
width:526px;
height:750px;
float:left;
}

#container{
border-style: solid;
border-color:lightblue;
width:741px;
height:1010px;
}

#navigation{
background-image: url(../images/main_navigation1.gif);
background-repeat: repeat-y;
width:141px;
height:910px;
float:left;
}
#navigation2{
background-image: url(../images/main_navigation.gif);
background-repeat: repeat-y;
width:141px;
height:910px;
float:left;
}
#navigation_about{
background-image: url(../images/main_navigation.gif);
background-repeat: repeat-y;
width:141px;
height:680px;
float:left;
}
#navigation_how{
background-image: url(../images/main_navigation.gif);
background-repeat: repeat-y;
width:141px;
height:870px;
float:left;
}
#navigation_customers{
background-image: url(../images/main_navigation.gif);
background-repeat: repeat-y;
width:141px;
height:1100px;
float:left;
}
#div_center{
width:385px;
height:750px;
float:left;
}
#div_center_about{
width:385px;
height:650px;
float:left;
}
#div_center_how{
width:385px;
height:700px;
float:left;
}
#home_image{
background-image:url(../images/homepage_image.gif);
background-repeat:no-repeat;
width:385px;
height:290px;
float:left;
}
#about_image{
background-image: url(../images/flow.gif);
background-repeat:no-repeat;
width:385px;
height:290px;
float:left;
}
#contact{
background-image: url(../images/customers.gif);
background-repeat:no-repeat;
width:385px;
height:251px;
float:left;
}
#how_image{
background-image: url(../images/howitworks.gif);
background-repeat:no-repeat;
width:385px;
height:290px;
float:left;
}
#cost_image{
background-image: url(../images/contact01.gif);
background-repeat:no-repeat;
width:385px;
height:290px;
float:left;
}

#bear_image{
background-image: url(../images/motherbabybear.jpg);
background-repeat:no-repeat;
width:385px;
height:290px;
float:left;
}

#slideshow{
width:385px;
height:291px;
float:left;
}

#blue_line{
background-image:url(../images/blue_line2.gif);
background-repeat:repeat-x;
width:385px;
height:48px;
float:left;
}

#antifreeze1{
background-image:url(../images/antifreeze1.gif);
background-repeat:no-repeat;
width:385px;
height:48px;
float:left;
}

#blueline{
background-image:url(../images/blue_line.gif);
background-repeat:repeat-x;
width:385px;
height:25px;
float:left;
font-family:Verdana,Arial;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
padding-top:10px;
text-align: center;
}
#blue_gr{
background-color:#DBECF3;
width:385px;
float:left;
text-align:left;
}
#blue_gr1{
width:385px;
float:left;
text-align:left;
}
#navigation1{
width:125px;
height:165px;
padding-top:10px;
}
#testimonials{
background-image:url(../images/blue_light.gif);
background-repeat:repeat-y;
width:141px;
height:370px;
}
#testimonials_about{
background-image:url(../images/blue_light.gif);
background-repeat:repeat-y;
width:141px;
height:650px;
}
#yellow_gr{
width:385px;
float:left;
text-align:left;
}
#yellow_gr1{
width:385px;
float:left;
}



.ulwe{
margin:0px;
padding:0px;
font-family:Verdana,Arial;
font-size:11px;
list-style:none;
line-height: 18px;
list-style-type: none;
left: 0px;
margin-left: 0px;
padding-left: 0px;
color: #666666;
text-align:left;
text-decoration:none
}
.ulwe:hover{
margin:0px;
padding:0px;
font-family:Verdana,Arial;
font-size:11px;
list-style:none;
line-height: 18px;
list-style-type: none;
left: 0px;
margin-left: 0px;
padding-left: 0px;
color: #62bbe0;
text-align:left;
text-decoration:none
}
.li3{background: url(../images/arrow.gif) center left no-repeat; margin:0;	
	          padding:0 0 0 10px; line-height:22px; border-width:0px 0px 1px 0px;border-style:dashed;border-color:#ffffff;
}
.ulwe1{
margin:0px;
padding:0px;
font-family:Verdana,Arial;
font-size:11px;
list-style:none;
line-height: 18px;
list-style-type: none;
left: 0px;
margin-left: 0px;
padding-left: 0px;
color: #ffffff;
text-align:left;
text-decoration:none;
font-weight:bold;
}
.ulwe1:hover{
margin:0px;
padding:0px;
font-family:Verdana,Arial;
font-size:11px;
list-style:none;
line-height: 18px;
list-style-type: none;
left: 0px;
margin-left: 0px;
padding-left: 0px;
color: #FFEF00;
text-align:left;
text-decoration:none;
font-weight:bold;
}
.ulwe2{
margin:0px;
padding:0px;
font-family:Verdana,Arial;
font-size:11px;
list-style:none;
line-height: 18px;
list-style-type: none;
left: 0px;
margin-left: 0px;
padding-left: 0px;
color: #FFEF00;
text-align:left;
text-decoration:none;
font-weight:bold;
}









.ulw{
width:300px;
margin:0px;
padding:0px;
font-family:Verdana,Arial;
font-size:11px;
list-style:none;
line-height: 20px;
list-style-type: none;
left: 0px;
margin-left: 0px;
padding-left: 0px;
color: #044F74;
text-align:left;
text-decoration:none;
padding-left:15px;
padding-top:15px;
font-weight:bold;
padding-bottom:15px;
}
.ulw10{
width:350px;
margin:0px;
padding:0px;
font-family:Verdana,Arial;
font-size:11px;
list-style:none;
line-height: 20px;
list-style-type: none;
left: 0px;
margin-left: 0px;
padding-left: 0px;
color: #044F74;
text-align:left;
text-decoration:none;
padding-left:15px;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;

}
.ulw11{
width:350px;
margin:0px;
padding:0px;
font-family: Verdana,Arial;
font-size:11px;
list-style:none;
line-height: 20px;
list-style-type: none;
left: 0px;
margin-left: 0px;
padding-left: 0px;
color: #151515;
text-align:left;
text-decoration:none;
padding-left:15px;
font-weight:normal;
padding-top:5px;
padding-bottom:5px;

}


.li4{background: url(../images/bullet.gif) center left no-repeat; margin:0;	
	          padding:0 0 0 15px; line-height:35px; border-width:0px 0px 1px 0px;border-style:dashed;border-color:#565E67;
}
.li5{background: url(../images/02.gif) center left no-repeat; margin:0;	
	          padding:0 0 0 20px; line-height:35px; border-width:0px 0px 1px 0px;border-style:dashed;border-color:#565E67;
}
.li6{background: url(../images/03.gif) center left no-repeat; margin:0;	
	          padding:0 0 0 20px; line-height:35px; border-width:0px 0px 1px 0px;border-style:dashed;border-color:#565E67;
}
.li7{background: url(../images/04.gif) center left no-repeat; margin:0;	
	          padding:0 0 0 20px; line-height:35px; border-width:0px 0px 1px 0px;border-style:dashed;border-color:#565E67;
}
.li8{background: url(../images/05.gif) center left no-repeat; margin:0;	
	          padding:0 0 0 20px; line-height:35px; border-width:0px 0px 1px 0px;border-style:dashed;border-color:#565E67;
}
#bottle{
background-image:url(../images/bottle.gif);
background-repeat:no-repeat;
float:left;
height:130px;
width:244px;
}
#cerft{
background-image: url(../images/certificate_anylisis.gif);
background-repeat:no-repeat;
float:left;
height:170px;
width:244px;
}
#cerft1{

background-repeat:no-repeat;
float:left;
height:20px;
width:244px;
}
#jui{
background-image: url(../images/408_2.gif);
background-repeat:no-repeat;
float:left;
height:169px;
width:244px;
}
#jui8{
background-image: url(../images/red_lablel.gif);
background-repeat:no-repeat;
float:left;
height:169px;
width:244px;
}
#jui3{
float:left;
height:20px;
width:244px;
}
#jui_2{
background-image: url(../images/onsite_cert.gif);
background-repeat:no-repeat;
float:left;
height:169px;
width:244px;
}
#customers{
background-image: url(../images/customers4.gif);
background-repeat:no-repeat;
float:left;
height:130px;
width:244px;
}
#customers1{
background-image: url(../images/customers5.gif);
background-repeat:no-repeat;
float:left;
height:130px;
width:244px;
}
.text{
font-family:Verdana,Arial;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#1C1C1C;
background-color:#DBECF3;
word-spacing:1px;
}
.text2{
font-family: Verdana,Arial;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#1C1C1C;
background-color:#DBECF3;
}
.testimonilas_text{
font-family:Verdana,Arial;
font-size:12px;
font-weight:bold;
color:#C3DE3E;
text-decoration:none;
}
.test_inner{
font-family:Verdana,Arial;
font-size:11px;
font-weight:normal;
color:#ffffff;
text-align: left;
line-height:normal;
padding-top:5px;
}
.border1{
border:1px solid #223E63; 
width:146px;
height:15;
}
.border2{
border:1px solid #223E63; 
width:146px;
}



.li10{background: url(../images/Q.gif) center left no-repeat; margin:0;	
	          padding:0 0 0 20px; line-height:normal;
}
.li11{background: url(../images/A.gif) center left no-repeat; margin:0;	
	          padding:0 0 0 20px; line-height:normal;
}
.li12{background: url(../images/A.gif) top left no-repeat; margin:0;	
	          padding:0 0 0 20px; line-height:normal;
}
/* ----------------------------------bluemenu*/
img{border:0px;}
.flt{float:left;}
.menubg{clear:left; background-color:; width:121px;}
.menu{float:left; clear:left; font:bold 11px Helvetica, Arial, sans-serif;}
.menu li {
margin:0px 0px 0px 0px;
	list-style:none;
	}
.menu a, .menu a:visited {
	width:124px;
	height:22px;
	margin:0px 0px 2px 0px;
	position:relative;
	display:block;
	color:#cbe7f5;
	text-decoration:none;
	background:url(../images/menubg2.jpg) no-repeat;
	padding:4px 0 0 0px;
	}
*html .menu a, .menu a:visited {
	width:124px;
	height:22px;
	margin:0px 0px 2px 0px;
	position:relative;
	display:block;
	color:#cbe7f5;
	text-decoration:none;
	background:url(../images/menubg2.jpg) no-repeat;
	padding:4px 0 0 0px; 
	}
.menu a:active, .menu li.current_page_item a, .menu li.current_page_item a:visited  {
	background:url(../images/recycle1.jpg) no-repeat;
	font-weight:normal;
	font-weight:bold;
	}	
	
	.menu a:hover
	{background:url(../images/recycleani.gif) no-repeat;
	font-weight:normal;
	}


/* ---------------------------------- */
		/* ----------------------------------whitemenu */

	#leftColumn {
		float: left;
		width: 132px;
		margin-right: 25px;
		height:910px;
	}
		
	#leftColumn ul {
		list-style: none;
		list-style-image: none;
		padding: 0;
		margin: 0;
	}
				
	#leftColumn ul li {
		font-size: 12px;
		margin: 0;
		padding: 0;
		border: 1px solid #fff;
	}
		
	#leftColumn ul li a {
		padding: 10px;
		margin: 0;
		background: #f8f8f8;
		display: block;
		border-left: 4px solid #D6BFD9;
		text-decoration: none;
	}
		
	#leftColumn ul li a:hover {
		background: #E2D2E4;
		display: block;
		border-left: 4px solid #794A7E;
		text-decoration: none;
		
	}
		
	body#members #leftColumn ul li#membersLink a, 
	body#list_members #leftColumn ul li#list_membersLink a, 
	body#database #leftColumn ul li#databaseLink a, 
	body#meetings #leftColumn ul li#meetingsLink a, 
	body#guidance #leftColumn ul li#guidanceLink a, 
	body#reports #leftColumn ul li#reportsLink a, 
	body#documentation #leftColumn ul li#documentationLink a
	{
		background:#945E9C; 
		color: #fff;
		display: block;
		border-left: 4px solid #C4DB1B;
		text-decoration: none;
	}
		
	#leftColumn .formbutton {
		background: #9D67A3;
		border: 1px solid #C4DB1B;
		
	}
	
	#leftColumn h3 {
		border: 0;
		font-size: 18px;
	}
	
		
/* ---------------------------------- */
#nav img { border: none; }
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block; width: 126px; height: 21px; margin: 0%; }
#nav li a img { border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; /* for IE6 */ }
#nav li a:hover img { visibility:visible; /* for IE6 */ }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#one { background:url(recycleanihome.gif) no-repeat left bottom; }
#two { background:url(recycleaniabout.gif) no-repeat left bottom; }
#three { background:url(recycleanihow.gif) no-repeat left bottom; }
#four { background:url(recycleanicustomers.gif) no-repeat left bottom; }
#five { background:url(recycleanifaqs.gif) no-repeat left bottom; }
#six { background:url(recycleaniproducts.gif) no-repeat left bottom; }
#seven { background:url(recycleanicontact.gif) no-repeat left bottom; }
