a:visited {
		color: #FF0;
}
a:hover {
		color: #D40000;
}
a:link {
		color: #FF0;
}

body {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		background: #033;
		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;
		height: 620px;
		width: 430px;
}

.oneColElsCtrHdr #container {
		width: 46em;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		border: 1px solid #000000;
		text-align: left;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 24px;
}
.oneColElsCtrHdr #header {
	padding: 0 10px 0 20px;  
	text-align: center;
	background-color: #2A1F00; 
	border-bottom: thick solid #D43F55;	
} 
.oneColElsCtrHdr #header h1 {
		margin: 20px 0 0;
		font-family: "MS Serif", "New York", serif;
		color: #D40000;
		background-color: #2A1F00;
		font-size: 130%;
}
.oneColElsCtrHdr #mainContent {
	padding: 0 20px;
	font-size: 24px;
	background-color: #2A1F00;
	height: 35em;
}
.oneColElsCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.oneColElsCtrHdr #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 */
}

