body {
	font: normal 16px Arial;
	background-color: #fbe6b1;
	}
.content {
	width: 750px;
	padding: 20px;
	margin: 20px auto;
	background: #ffffed;
	border: 1px solid #d8725b;
	}
.header {
	width: 744px;
	height: 100px;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -20px;
	margin-bottom: 40px;
	padding: 20px;
	border: 3px solid gray;
	background-color: #bdccd3;  /*77a5a5;7fa9a8; 7f9faa;3d96cf;*/
	font-variant: small-caps;
	}	
.header span {
	font-size: 120%;
	margin: 0px 40px;
	}
.header h1 {
	font-size: 180%;
	color: #999;
	}	
.footer {
	width: 100%;
	height: 110px;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -20px;
	margin-top: 40px;
	border-top: 3px solid gray;
	padding: 20px;
	color: #666;
	background-color: #bdccd3;
	}	
h1, h3, h4, h5, h6 {
	padding-left: 20px;
	color: #666;
	}	
p.mod {
	width: 650;
	margin: 30px auto;
	padding: 20px;
	}					/*for centering and padding*/
img {
	border-style: solid;
	border-color: transparent;
	border-width: 0px;
	}					/*yields black borders in IE unless set to 0px*/
div.image {
	float: left;
	width: 40%;
	margin-bottom: 20px;
	background-color: #ffffed;
	}								/*left column float (for image)*/
div.comment {
	float: right;
	width: 50%;
	padding: 10px;
	margin-bottom: 20px;
	color: #777;
	}	 							/*right column float (for text)*/
div.midhead {
	clear: both;
	text-align: right;
	margin-bottom: 20px;
	margin-top: 40px;
	}								/*terminate float*/
a:link {
	text-decoration: none;
	color: green;
	}
a:visited {
	text-decoration: none;
	color: #684;
	}						/*color set to background, or set in page headers, to avoid visible     		image borders in IE*/
a:hover {
	text-decoration: none;
	color: red;
	}