.histReded .content	
{
	margin-right: 10px;
	margin-left: 300px;
}
.histReded .sideBar
{
	float: left; 
	width: 290px;
	border-right:1px #CCCC00 solid;
}

.history .content	
{
	margin-left: 10px;
	margin-right: 260px;
}
.history .sideBar
{
	float: right; 
	width: 250px;
	border-left:1px #CCCC00 solid;
}
.history .article
{
	text-align: justify;
	margin: 10px 0px 15px 0px;
}
.articleTitle
{
	border-style: none none dashed none;
	border-width: thin;
	border-color: #C0C0C0;
	color:#576D9D;
	font-size: x-large;
	text-align: left;
	text-indent: 0px;
	margin: 0px 0px 4px 0px;
}
.articleTitle a
{
	color:#576D9D;
	text-decoration: none;
}

/* always visible */
#outer .holder {padding:1em; border:1px solid #ddd; margin:0px 10px 10px 0;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
.history a i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold; text-decoration:none;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}