@charset "utf-8";
/* CSS Document */
    @import "style.css"; /* just some basic formatting, no layout stuff */
<!--
body {	
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	}
html {
	background-image: url(images/bg-bottom.jpg);
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	padding-bottom:10px;
	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 */
	font-family:Arial, Helvetica, sans-serif;
}
#bg{
	background-image: url(images/bg-top.jpg);
	background-repeat:repeat-x;
}
strong{
	font-weight:bold;
}
#didyouknow{
	color:#71b800;
	font-weight:bold;
}
#headerflash{
position:absolute; 
left:50%; 
margin-left:-219px; 
top:71px; 
width:720px; 
height:250px; 
z-index:3;
visibility: visible;
}
		#getaqoutetoday {
position:fixed;
left:50%; 
padding-left:450px;
top:50%; 
width:74px; 
height:63px; 
z-index:2;
visibility: visible;
		}
		strong{
			color:#000;
			}
h1 {
	margin: 0px;
	padding: 0px;
	font-size:24px;
	color:#2d8100;
		
	}
	h2 {
	font-size:16px;
	color:#71b800;
	}
	strongwhite{
	font-size:20px;
	color:#FFF;
	}
.oneColElsCtr #container {
	z-index:0;
	padding: 0px;
	width: 881px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#container2 {
	background-color:#fff;
	float:left;
}

#image1 {
float:right;
margin:17px;
margin-right:0px;
}
#image2 {
float:left;
margin:17px;
margin-left:0px;
}
#image3 {
float:left;
margin:0px;
margin-right:14px;
margin-bottom:15px;
padding:0px;
}
#image4 {
float:left;
margin:0px;
margin-bottom:15px;
padding:0px;
}
#maintop{
	background-image: url(images/maintop.gif);
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	width:881px;
	height:27px;
	
}
	#menu 
{
		width:205px;
	float:left;
	position:relative;
	margin-top:-184px;
	margin-left:-204px;
	padding:0px;
	font-size: 14px;
	padding-bottom:60px;
}
#menu.p 
{
	line-height: 1.5em;
}
#menu a:visited,
#menu a:link,
#menu a:active {border:medium none;}

#menu .parent {
	padding-top:6px;
	padding-left:10px;
	background:url(default.gif) no-repeat center center;		/* mouseover image	*/
	width:174px;	/*	width, height, left and top to fill the whole LI item	*/
	height:22px;
	color: #2f7f02;
	font-weight:bold;
	text-decoration: none;
	position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
}

#menu .parent a {
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
	/*height:28px;*/
	position:relative;
	color: #2f7f02;
	font-weight:bold;
	text-decoration: none;
}

#menu .parent .hover {
	background:url(over.gif) no-repeat center center;		/* mouseover image	*/
	position:absolute;	/* must be postion absolute 	*/
	width:184px;	/*	width, height, left and top to fill the whole LI item	*/
	height:28px;
	left:0; 
	top:0;	
	z-index:0;		/* display under the Anchor tag	*/
	display:none;	/* hide it by default	*/
	color:#FFF;

}	
#menu .parent-childs {
	padding-top:6px;
	padding-left:10px;
	background:url(default-dropdown.gif) no-repeat center center;		/* mouseover image	*/
	width:174px;	/*	width, height, left and top to fill the whole LI item	*/
	height:22px;
	color: #2f7f02;
	font-weight:bold;
	text-decoration: none;
	position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
}

#menu .parent-childs a {
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
	/*height:28px;*/
	position:relative;
	color: #2f7f02;
	font-weight:bold;
	text-decoration: none;
}

#menu .submenu {
	width:184px;	/*	width, height, left and top to fill the whole LI item	*/
	position:relative;
	padding:0;
	margin:0;
}

#menu .parent-childs .hover {
	background:url(over-dropdown.gif) no-repeat center center;		/* mouseover image	*/
	position:absolute;	/* must be postion absolute 	*/
	width:184px;	/*	width, height, left and top to fill the whole LI item	*/
	height:28px;
	left:0; 
	top:0;	
	z-index:0;		/* display under the Anchor tag	*/
	display:none;	/* hide it by default	*/
	  color: #fff;

}	
#menu .child {
	padding-top:6px;
	padding-left:10px;
	background:url(subnav.gif) no-repeat center center;		/* mouseover image	*/
	width:174px;	/*	width, height, left and top to fill the whole LI item	*/
	height:22px;
	color: #2f7f02;
	font-weight:bold;
	text-decoration: none;
	position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
}

#menu .child a {
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
	/*height:28px;*/
	position:relative;
	color: #2f7f02;
	font-weight:bold;
	text-decoration: none;
}

#menu .child .hover {
	background:url(over.gif) no-repeat center center;		/* mouseover image	*/
	position:absolute;	/* must be postion absolute 	*/
	width:184px;	/*	width, height, left and top to fill the whole LI item	*/
	height:28px;
	left:0; 
	top:0;	
	z-index:0;		/* display under the Anchor tag	*/
	display:none;	/* hide it by default	*/
	color: #fff;
}
#mainContent {
	margin: 0px;
	padding-top: 173px;
	padding-left:221px;
	padding-right:17px;
			background-image: url(images/footer-recycle2.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#FFF;
	color:#848282;
	font-size:14px;
	float:left;
	width:643px;
}
#header{
	padding-top:2px;
	padding-bottom:4px;
}
#footer{
	clear:both;
	text-align:right;
		margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
}
		#thumb{
			float:left;
			margin:0px;
			padding-right:16px;
			padding-top:17px;
	}
			#thumb-right{
			float:left;
			margin:0px;
			padding-right:0px;
			padding-top:17px;
	}
-->