body {
	margin: 10px; 
	background-color: #f4ebb6;
	/*background-image: url('../images/CivilWar02-LtGray.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;*/
	font-size: 11px; 
	line-height: 18px;
	font-family: Verdana, Arial, sans-serif; 
	color: #23292C;
}
#mainwrap {
margin-left:auto;
margin-right:auto;
}

#Contents {
	position:absolute;
	width:600px;
	z-index:2;
	left: 208px;
	top: 100px;
}
#Contents A{ text-decoration: none; font-weight: bold; font-size: 11px; }
#Contents A:visited{ color: #f58459; text-decoration: underline;}
#Contents A:link{ color: #e24f50; text-decoration: underline;}
#Contents A:active { color: #e24f50; text-decoration: none; background-color: #f4e06d}
#Contents A:hover {color: #e24f50; text-decoration: none; background-color: #f4e06d}
#Contents p.quote {
	line-height: 150%;
	}
#Contents img {
	border:#74a17e solid 10px;
	margin: 5px;
	}
#Contents img.left {
	float:left;
	}
#Contents img.right {
	float:right;
	}
	
#Leftside {
	position:absolute;
	width:120px;
	z-index:3;
	left: 15px;
	top: 100px;
	background-color:#f58459
}
	div#Leftside p {border-bottom: 1px solid #f3c19b; font-size: 10px; padding: 0 0 1px 1px; color: #000;}
	div#Leftside a { text-decoration: none; font-weight: bold; font-size: 10px; }
	div#Leftside a:visited {color: #23292c}
	div#Leftside a:link {color: #23292c}
	div#Leftside a:active {color: #000}
	div#Leftside a:hover {color: #000; background-color: #fff;
	}

#Rightside {
	position:absolute;
	width:200px;
	z-index:4;
	left: 850px;
	top: 100px;
}
	div#Rightside p {font-size: 10px; padding: 1px; color: #8f6699;}
	div#Rightside a { font-size: 10px; }
	div#Rightside a:visited {text-decoration: underline; color: #666}
	div#Rightside a:link {text-decoration: underline; color: #666}
	div#Rightside a:active {text-decoration: none; color: #000}
	div#Rightside a:hover {text-decoration: none; color: #000; background-color: #fff;
	}


#headerBlock {
/*border-top: 1px solid #555555;*/
/*border-bottom: 1px solid #555555;*/
padding: 10px 0;
margin-bottom: 10px;
background-color:#f4e06d
}
h1, h2, p, ul {
margin-top: 0;
}
h1 {
font: normal 225%/100% "Arial Black", Helvetica, sans-serif;
margin-bottom: 10px;
}
h2 {
	margin-bottom: 0;
	font-size: 30px; 
	font-family: Verdana, sans-serif; 
	color: #e24f50;
}
h3 {
font: bold 93%/100% Verdana, Arial, Helvetica, sans-serif;
margin-top: 1.5em;
margin-bottom: 2px;
color: #99b778;
}
p,li {

}
p {
margin-bottom: 1em;
}
p.category {
font-weight: bold;
font-size: 10px;
color: #1488b8;
text-transform: uppercase;
margin-bottom: 3px;
}
p.introduction {
font-weight: bold;
font-size:12px;
}
p.authorCredit {
font-weight: bold;
margin-top: 1.5em;
background: url(author_background.gif) 0 50% no-repeat;
padding-left: 18px;
}
p.title { font-size: 12px; 
	line-height: 14px;
	font-weight: bold;
	font-family: Verdana, sans-serif; 
	border-top: 1px solid #2a7263;
	color: #99b778 }
ul {
padding-left: 1.5em;
}
div.pullquote{float: right;
	width: 150px; 
	color: #8f6699;
	border: solid #8f6699;
	border-width: 7px 0;
	font: bold 20px Verdana, Arial, sans-serif;
	line-height: 26px;
	padding: 10px 10px;
	margin: 1px, 7px;}
div.pullq-left{float: left;
	width: 150px; 
	color: #8f6699;
	border: solid #8f6699;
	border-width: 7px 0;
	font: bold 20px Verdana, Arial, sans-serif;
	line-height: 26px;
	padding: 10px 10px;
	margin: 10px, 10px;}
span.note {font-family: "Century Schoolbook",serif;
	font-style: italic; 
	font-size: 12px;
	line-height: 14px;}
div.pullnote{float: right;
	width: 150px; 
	color: #8f6699;
	border: solid #8f6699;
	border-width: 7px 0;
	font: bold 100%/150% Verdana, Arial, sans-serif;
	/*line-height: 26px;*/
	padding: 10px 10px;
	margin: 1px, 7px;}
div.noteleft{float: left;
	width: 150px; 
	color: #8f6699;
	border: solid #8f6699;
	border-width: 7px 0;
	font: bold 100%/150% Verdana, Arial, sans-serif;
	/*line-height: 26px;*/
	padding: 10px 10px;
	margin: 1px, 7px;}