/* AAPFCO 2016 PUBLIC SITE CSS */
/* See style_MASTER.css for notes */
/* Body */
   
body {
	background: #BBBBBB; 
	color: #000000;  
	font-size: 87.5%; 
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
.body {
	clear: both; 
	margin: 0 auto; 
	width: 70%;
}
	
/* Headings */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

/* Anchor style */

a {
	outline: 0;
	}

a img {
	border: 0px; 
	text-decoration: none;
}

a { 
	color: #346517; 
	text-decoration: none;
}

a:visited {
	color: #98002F;  
	text-decoration: none;
}

a:hover {
	color: #1D4107;   
	text-decoration: none;
}

/* MainHeader Area */

.logo_wrapper {
    width: 100%;
    margin: 0 auto;
}

.mainHeader img {
	width: 100%;
	height: auto;
	padding: 45px 0px 0px 0px;
}

/* Search Area */

.search {
	margin:3px 3px 5px 0;
}

.search-text {
	width:200px;
	margin-right:5px;
}

.search-option {font-size: 0.9em;text-align:center;}

/* Content Area */

.mainContent {
	overflow: hidden;
	line-height: 25px;
}

.topcontent {
	background-color: #FFFFFF;   
	padding: 3% 3%;	
	margin-bottom: 2%;
}

.bottomcontent {
	background-color: #FFFFFF;	  
	padding: 3% 3%;
}

.content {
	width: 68%;
	float: left;
}

/* Sidebar  */

.top-sidebar {
	width: 26%;
	float: left;
	margin-left: 2%;
	background-color: #FFFFFF;	 
	padding: 2% 2%;
	margin-bottom: 1%;
}

.middle-sidebar {
	width: 26%;
	float: left;
	margin-left: 2%;
	background-color: #FFFFFF;	 
	padding: 2% 2%;
	margin-bottom: 1%;
}

.bottom-sidebar {
	width: 26%;
	float: left;
	margin-left: 2%;
	background-color: #FFFFFF;	 
	padding: 2% 2%;
}

/* Footer  */

.mainFooter {
	width: 98%;
	float: left;
	margin-top: 1%;
	margin-bottom: 2%;
	padding: 1%;
	background-color: #7F8989;   
	color: #FFFFFF;	 
}

.mainFooter p {
	width: 90%;
	margin: 2% auto;
}

.mainFooter a {
	color: #FFFFFF;  
	decoration: none;
}

.mainFooter a:hover {
	color: #1D4107;  
	decoration: none;
}

.mainFooter a:visited {
	color: #E3E98D;
}

/* Media Queries */

@media only screen and (max-width: 767px) 
{

.body {
	clear: both; 
	margin: 0 auto; 
	width: 95%;
	font-size: 90%;
}

.mainHeader img {
	width: 100%;
}

.mainContent {
	overflow: hidden;
	line-height: 25px;
	margin-top: 4%;
	margin-bottom: 2%;
}
	
.topcontent {
	background-color: #FFFFFF; 
	padding: 2% 5%;
	margin-bottom: 4%;
}
	
.bottomcontent {
	background-color: #FFFFFF;	  
	padding: 2% 5%;
}

.content {
	width: 100%;
	float: left;
}	

.post-info {
	display: none;
}
	
.top-sidebar {
	width: 86%;
	float: left;
	background-color: #FFFFFF;	  
	margin-top: 4%;
	margin-left: 0;
	padding: 0 7%;
	margin-bottom: 0;	
}		


.top-sidebar p {
	width: 90%;
}

.middle-sidebar {
	width: 86%;
	float: left;
	background-color: #FFFFFF;	  
	margin-top: 4%;
	margin-left: 0;
	padding: 0 7%;
	margin-bottom: 0;	
}
	
.middle-sidebar p {
	width: 90%;
}
	
.bottom-sidebar {
	width: 86%;
	float: left;
	background-color: #FFFFFF;	   
	margin-top: 4%;
	margin-left: 0%;
	padding: 0 7%;
	margin-bottom: 1%;
}
	
.bottom-sidebar p {
	width: 90%;
}
	
.mainFooter {
	width: 100%;
	float: left;
	margin: 2% 0;
	padding-left: 0;
	background-color: #7F8989;  
	color: #FFFFFF;	   
}
	
.mainFooter p {
	width: 86%;
	margin: 2% auto;
}
}