.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.page-body {
  background-color: #275316;

}

.main-page {
	background-color: antiquewhite;
}

.site-header {

	background-color:#e5da0d;
	color: #821705;
	padding: 10px 5%;
	box-shadow: 0 1px 3px #999;

}

.site-header h1 {
	margin: 0;
	font-size: 20px;
	float: left;

}

.main-nav {
	color: #821705;
	background-color: #e5da0d ;
	float: right;
}

.main-nav ol {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	
}

.main-nav ol li {
	display:inline;
	
}

.main-nav ol li a {
	float: right;
	text-decoration:none;
	color: #821705;
}

.into-text{
	font-size: 20px;
}

.bill-board {
	background: #821705;
	color:#e5da0d ;
	text-align: center;
	padding: 20px;
}

.bill-board h2 {
	margin-top: 0;

}

.column-wrapper{
	width: 90%;
	margin: 0 auto;
}

.main-col{
	float:left;
	width: 70%;
}

.main-nav a {
	margin: 2.5px;
}

.sidebar-col{
	background: black;
	color: #275316;
	float:right;
	width: 25%;
	padding: 20PX 2.5%;
}

.main-footer {
	background-color: #821705;
	color: #275316;
	padding: 20px 5%;
}

.main-footer a {
	color: #e5da0d;
	font-size: 12px;
}

.copywrite {
color: #e5da0d;
float: left;

}

.footer-nav {
	list-style: none;
	float: right;

}

.footer-nav li {
	float: left;

}

.footer-nav li + li {
	margin: 0 10px;

}




/*-------------------------about page------------------------------*/

.about-header {
	background-color: darkcyan;
	color: black;
	padding: 10px 5%;
	box-shadow: 0 1px 3px #999;
}

.about-header {
	margin: 0;
	font-size: 20px;
	float: left;
}

.about-nav {
	float: right;
}

.about-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;

}

.about-nav ul li {
	display: inline;
}

.about-nav ul li a{
	text-decoration: none;
	color: floralwhite;
}