/*
	display:none;
	border:1px solid green;
*/
#container {
	width: 100%;  /* this will create a container 100% of the browser width */
	margin: 0px; 
	text-align: left; 
}
#header {
	background: #024E82; 
	padding: 0px 10px 0px 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. */
	margin: 0px; 
	color:#FFF;
	height:65px;
}
div#header_content { 
	width:751px;
	margin: 0px; 
 }
#mainContent {/* For some odd reason there is padding around this DIV in FF */
	border:none;
	padding: 0px 20px 20px 20px; 
	margin: 0px;
	max-width:751px;
	min-height:200px;
	background: #F8F8F8;
}
#mainContent_footer { 
	padding: 15px 0px 15px 15px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0px;
	background:#E3DEC9;
} 
#footer { 
	padding: 10px 0px 10px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0px;
	background:#CCC;
	border-top: 1px solid #666;
}