body {
		background: #F1F0D1;
		font-family: Verdana, Arial, sans-serif;
		font-size: 13px;
		overflow: auto;
}

h1, h2, h3 {
		text-align: center;
		padding-left: 5%;
		color: #878E63;
}

h4 {
		text-align: center;
		padding-left: 5%;
		color: #000000;
		font-size: 13px;
}
p {
		padding: 2%;
		color:#000000;
		text-align: left;
}
img {
		text-align: center;
		max-width: 100%;
		height: auto;
		width: auto;
}
#wrapper {
		margin: 0 auto;
		max-width: 1020px;
		width: 98%;
		background: #FEFBE8;
		border: 1px solid #878E63;
		border-radius: 2px;
		box-shadow: 0 0 10px 0px rgba(12, 3, 25, 0.8);
}
#callout {
		width: 100%;
		height: auto;
		background:  #F1F0D1;
		overflow: hidden;
}
#callout p {
		text-align: right;
		font-size: 12px;
		padding: 0.1%  5% 0 0;
		color: #376F6F;
}

header img{
		width: 100%;
		border-top: 1px solid #878E63;
		border-bottom: 1px solid #878E63;			
}
nav ul {
		list-style: none;
		margin: 0;
		padding-left: 10px;
		padding-right: 2px;
}
nav ul li {
		float: left;
		border: 1px solid #878E63;
		width: 14%;
}
nav ul li a {
		background: #F1F0D1;
		display: block;
		padding: 4% 4%;
		font-weight: bold;
		font-size: 14px;
		color:  #878E63;
		text-decoration: none;
		text-align: center;
}		
nav ul li.active a {
		background-color: #878E63;
		color: #F1F0D1;
}
nav ul li a:hover {
		background-color: #A4B889;
		color: #F1F0D1;
}
.banner img {
		width: 98.5%;
		border-top: 1px solid #878E63;
		border-bottom: 1px solid #878E63;
}
.clearfix {
		clear: both;
}
.left-col {
		width: 45%;
		float: left;
		margin: -2% 1% 1% 1%;
}
.sidebar {
		width: 45%;
		float: right;
		margin: 1%;
		text-align: left;
}
.rightside {
		float: left;
		margin: 0 auto;
		width: 100%;
		height: auto;
		padding: 1%;
}
.section {
		width: 31%;
		float: left;
		margin: 1% 1%;
		text-align: center;
}

footer {
		background: #878E63;
		width: 100%;
		overflow: hidden;
}
footer p, footer h3 {
		color: #F1F0D1;
}
footer p a {
		color: #F1F0D1;
		text-decoration: none;
}
ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
} 
li {
		display: inline;
}
ul li img {
		height: 50px;
}
.table1 {
		float: left;
		margin: 0 auto;
		width: 80%;
		height: auto;
		padding: 1%;
}
.a:link {
	color:  #F1F0D1;
	text-decoration: none;
}
.a2:link  {
	color:  #009999;
	text-decoration: none;
}
.a2:hover,.a2:active,.a2:visited {
	color:  #009999;
	font-weight: bold;
	text-decoration:none; 
}	
		
/*--------------------------------------MEDIA !!! -------------------------------*/


@media screen and (max-width: 320px) {
		body {
				font-size: 12px;
		}
p {
		font-size: 12px;
}
 }

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

		p {
		font-size: 12px;
		}
		nav {
				width: 100%;
				margin-bottom: 10px;
		}
		nav ul {
				list-style: none;
				margin: 0 auto;
				padding-left: 0;
		}
		nav ul li {
				text-align: center;
				margin-left: 0 auto;
				width: 100%;
				border-top: 1px solid #878E63;
				border-right:  0px solid #878E63;
				border-bottom: 1px solid #878E63;
				border-left:  0px solid #878E63;
		}
		nav ul li a {
				padding: 8px 0;
				font-size: 12px;
		}
		.left-col {
				width: 100%;
		}
		.sidebar {
				width: 100%;
		}
		.section {
				float: left;
				width: 100%;
				margin: 0;
		}
		.table1 {
		width: 250px;
		height: auto;
		
}
		
}