body {
	background:#024F00;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 18px;
	overflow: auto;
}

.frame_a {
	width: 99.7%; /*or any other size*/
	height: 400px; /*or any other size*/
	overflow: hidden;
	background: #DBDBDB;
	border: 0;
}

#iframe_body {
	background:#DBDBDB;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 18px;
	overflow: auto;
}

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

p {
	padding:2%;
	color: #000000;
}

img {
	text-align: center;
	padding-left: 2px;
	max-width: 99%;
	height: auto;
	width: auto;
}

#wrapper {
	margin: 0 auto;
	max-width:1536px;
	width: auto;
	background:#DBDBDB;
	border-radius:2px;
	box-shadow: 0 0 10px 0px rgb(12,3,25,0.8);
}

#belowNav {
    margin-top: 5px;
    margin-bottom: 5px;
    border:5px solid #024F00;
}

header {
	width: 99%;
	min-height: 50px;
	padding:3px;
	text-align: center;
}

nav ul {
	list-style: none;
	margin: 0;
	padding-left: 50px;
}

nav ul li {
	float: left;
	border: 1px solid #878E63;
	width: 16%
}

nav ul li a{
	background: #024F00;
	display: block;
	padding: 2% 2%;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

nav ul li a:hover, nav ul li.activer a {
	background: #55B750;
	color: #000000;
}

.clearfix {clear:both;}

.left-col {
	padding: 10px;
	width: 60%;
	float: left;
	margin: -3% 1% 1% 1%;
    text-align: justify;
}

.sf li {
	padding: 10px;
	width: 90%;
	float: left;
	margin: -2% 1% 1% 5%;
	list-style-type: disc;
    display: list-item;
}

.sidebar {
	width: 30%;
	float:right;
	margin: 1%;
	text-align: center;
}

.main_image {
	float:left;
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 1%;
}

.section {
	width: 29%;
	float:left;
	margin: 2% 2%;
	text-align: center;
}

footer{
	background: #1E9214;
	width: 100%;
	overflow:hidden;
    height: 175px;
}

footer p {
	color: #FFFFFF;	
    width:70%;
}

footer p a{
	color: #FFFFFF;
	text-decoration: none;
}

.footer-left-col {
    position: relative;
	padding: 10px;
	width: 60%;
	float: left;
	margin: -2% 1% 1% 1%;
    text-align: justify;
}

ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

li {
	display: inline;
}

ul li img {
	height: 50px
}

/* sub menus */

#submenu {
    padding: 0;
	position: absolute;
	visibility: hidden;
    text-align: left;
	z-index: 1;
}

li:hover ul#submenu {
	opacity: 1;
	visibility: visible;
}

#submenu li {
	float: auto;
	width: 81%;
}

#submenu a:hover {
	background: #55B750;
}

#submenu a {
	background-color:#024F00;
}

/*----------------------- MEDIA!!! -----------------*/
@media screen and (max-width: 470px){
	body{
		font-size: 12px;
	}
    #iframe_body {
	   font-size: 12px;
    }
    #wrapper {
	max-width:470px;
    }
    .left-col{
		width: 95%;
	}
    footer{
        height: auto;
    }
    .footer-left-col{
		width: 95%;
	}
}

@media screen and (max-width: 640px){
	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: 15px;
	}
	
	.left-col{
		width: 95%;
	}
	
	.sidebar{
		width: 100%;
	}
	
	.section{
		float: left;
		width: 100%;
		margin:0;
	}   
    body{
		font-size: 15px;
	}
    #iframe_body {
	   font-size: 15px;
    }
    #wrapper {
	   max-width:640px;
    }
    footer{
        height: auto;
    }
    .footer-left-col{
		width: 95%;
	}
}