body  {
	font: 100%  Arial, Verdana, Helvetica, sans-serif;
	background: #BAC0C7;
	margin: 0; 
	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;
}
#container { 
	width: 1024px;  
	height:800;
	background: #BAC0C7;
	margin: 30px auto; 
	padding: 0;
	text-align: left; 
} 

#mainContent  { 
	margin: auto; 
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#footer { 
	margin: 0;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image: url("../images1/footer.jpg");
	background-repeat:no-repeat;
	height: 166px;
} 

.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: 0;
}