@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #cccccc;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
#container {
	width: 889px;  
	background: #FFFFFF;
	margin: 20px auto; 
	border: 1px solid #000000;
	text-align: left;
} 
#header {
	background: #DDDDDD;
	background-image: url(graphics/header.jpg);
	height: 149px;
} 
#header h1 {
	margin: 0; 
	padding: 10px 0; 
}
#sidebar1 {
	float: left; 
	width: 125px; 
	padding: 20px 5px 15px 20px; 
}
#sidebar2 {
	float: right; 
	width: 157px; 
	padding: 10px 20px 15px 5px; 
}
#mainContent {
	padding: 10px 0px 10px 0px; 
	margin: 0px 0px 0px 149px;
	width: 552px;
} 
#footer {
	padding: 0 10px 0 20px;
	background-image: url(graphics/footer.jpg);
	height: 60px;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
}
.floatright { 
	float: right;
	margin-left: 8px;
}
.floatleft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}