@charset "UTF-8";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}


/* FOR INDEX TEXT ONLY*/

#indexbodyheader {color: #000099; font-size:26px; font-weight:bold; font-style:italic;}
#indexbody {color: #000099; font-size:18px;}


#footertop { width:1012px; font-size: 7px;}
#footerbottom { width:1012px; font-size: 8px;}

/* END FOR INDEX TEXT ONLY*/

#staticlogo{
float:left;
width:191px;
height:150px;
font-size:19px;
font-style:italic;
padding-top:0px;
padding-left:70px;
}

#animatedlogo{
float:left;
width:210px;
height:150px;
padding-top:0px;
padding-left:64px;
}



.twoColFixRtHdr #container { 
	width:1012px;
	height:850px;
	background-image:url(images/pg_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: #;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRtHdr #containersubpages { 
	width:1012px;
	height:850px;
	background-image:url(images/subpage_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: #;
	text-align: left; /* this overrides the text-align: center on the body element. */
}




/* FOR NAVIGATIO SECTION ONLY*/
.twoColFixRtHdr #headernav {
	width:1200px; 
	background: #FFFFFF; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
/* END NAVIGATIO SECTION*/



.twoColFixRtHdr #header {
	clear:both;
	width:1011px;
	background: #FFFFFF; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px;
	height:355px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
}
.twoColFixRtHdr #sidebar1subpage {
	float: left; /* since this element is floated, a width must be given */
	width: 200px;
	height:355px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 105px 170px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixRtHdr #mainContentsubpage { 
	margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 105px 170px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
 

.twoColFixRtHdr #footer {
	height:15px;
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#; 
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.twoColFixRtHdr #footertext {
	width:1012px;
	padding-top: 160px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#; 
} 
.twoColFixRtHdr #footertext p {
	width:1012px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ============================================== TOP NAVIGATION MENU */

.style1 {color: #01aa4d}

#menu{
	float:left;
	width:750px;
	padding-top:112px;
	height: 35px;
	padding-left:13px;
	background-image:url(#);
	font-size:11px;

}

#menu .active{
	background-color:#000000;
	color:#FFFFFF;
}

#menu ul {
margin-right:0px;
float:left;
}

#menu li {
 	float: left;
	display:inline;
	}

#menu li a {
	padding:5px 4px 5px 4px;
	text-decoration:none; 
	color:#000099;
 }
 
#menu li a:hover{
 color:#00830d;
 background-color:#;
 }
 

/* ============================================== END TOP NAVIGATION MENU */

/* ============================================== TOP FLASH NAVIGATION MENU */



#menuflash{
	float:left;
	width:750px;
	padding-top:112px;
	height: 35px;
	padding-left:0px;
	background-image:url(#);
	font-size:11px;

}

#menuflash .active{
	background-color:#000000;
	color:#FFFFFF;
}

#menuflash ul {
margin-right:0px;
float:left;
}

#menuflash li {
 	float: left;
	display:inline;
	}

#menuflash li a {
	padding:5px 4px 5px 4px;
	text-decoration:none; 
	color:#000099;
 }
 
#menuflash li a:hover{
 color:#01aa4d;
 background-color:#;
 }
 

/* ============================================== END TOP NAVIGATION MENU */


/* ============================================== START BOTTOM NAVIGATION MENU */

.style1 {color: #01aa4d}

 
 
 
#navigator {font-size:10px; background-color:#;
	color:#FFFFFF;

}

.housebutton {font-size:10px; background-color:#;
	color:#FFFFFF;

}

.housebutton a {font-size:10px; background-color:#;
	color:#FFFFFF;

}

.housebutton a:hover {
color:#00830d;
 background-color:#;
}


 
 

/* ============================================== END BOTTOM NAVIGATION MENU */


/* ============================================== RECYCABLE SUB PAGES MENU */

.style1 {color: #01aa4d}

#menurecycle{
	float:left;
	width:950px;
	padding-top:5px;
	height: 25px;
	padding-left:52px;
	background-image:url(#);
	font-size:12px;

}

#menurecycle .active{
	background-color:#000000;
	color:#FFFFFF;
}

#menurecycle ul {
margin-right:0px;
float:left;
}

#menurecycle li {
 	float: left;
	display:inline;
	}

#menurecycle li a {
	padding:5px 30px 5px 30px;
	text-decoration:none; 
	color:#000099;
 }
 
#menurecycle li a:hover{
 color:#00830d;
 background-color:#;
 }
 

/* ============================================== RECYCABLE SUB PAGES MENU */





/* ============================================== START RECYCLE PAGE LINKS */
 
 
#navigatorrecycle {font-size:12px; font-weight:bold; text-decoration: underline; color:#000099;
	color:#000099;

}

.housebuttonrecycle {font-size:12px; font-weight:bold; background-color:#; text-decoration: underline; color:#000099;
	color:#000099;

}

.housebuttonrecycle a {font-size:12px; font-weight:bold; background-color:#; text-decoration: underline; color:#000099;
	color:#000099;

}

.housebuttonrecycle a:hover {
color:#00830d;
font-weight:bold;
font-style:underline;
 background-color:#;
}


 
 

/* ============================================== END RECYCLE PAGE LINKS */
.bodytextscroller {
overflow:auto;
	float: left;
	height: 350px;
	width: 550px;
	padding-right:10px;
	margin-right:25px;
	margin-left:20px;
}
.stripefiller {
	height: 310px;
	width: 1px;
}
#textscroller{
font-size:16px;
font-style:none;
font-family:Arial, Helvetica, sans-serif;
padding-top:0px;
padding-left:65px;
}
#indexcopy{
padding-top:65px;
padding-left:175px;
}
#subpageimageholder{
padding-top:70px;
padding-left:35px;
padding-right:12px;
}
#subpagecontactholder{
padding-top:70px;
padding-left:200px;
padding-right:12px;
}


#imagecaption {padding-left:25px;}

.bodyheaders {color: #000099; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px;}

.subbodyheaders {color: #000099; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.bodyscrollertext {color: #000099; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.bodyscrollertexta {color: #000099; font-family:Arial, Helvetica, sans-serif; font-size:10px;}  

.bodyscrollertextb {color: #000099; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:10px;}  

.bodyscrollertextc {color: #00830d; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:italic;}  

.bodyscrollertextd {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px;} 

.bodyscrollertexte {color: #000099; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic;}  

.imagecaptiontext {color: #000099; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}

.imagecaptionsubtext {color: #000099; font-family:Arial, Helvetica, sans-serif; font-size:9px;}