* {
    margin:0;
	}

article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
  padding:0px;
  margin:0px;
	}

img{
	border:none;
	}

p a{
    color:black;
		font-size:18px;
		padding:0px 10px;
		font-family:Verdana, Geneva, sans-serif;
		line-height: 150%;
		text-align:justify;
		
	}
	
	

a:link{
	color:gray;
	font-family: Tahoma;
	padding-left:10px;
	}

a:visited {
    color:gray;
	font-family: Tahoma;
	padding-left:10px;
	}

table{
border-collapse:collapse;
margin-left:20px;
	}

table, th, td {
border: 1px solid gray;
	}

th {
	background: #8A745E;
	color:#F0F5F5;
	border:1px solid white;
	}

#logo{
text-align:right; 
float:left; 
position:relative;
width:20%;
max-width:200px;
display:block;
margin-left:10px;
margin-top:20px;
	}	

#logo2{
	display:none;
}

td a,th  a {
	padding:10px;
	}
	
body{
	background:white;
	margin:auto;
	}
	
h1{
color:rgb(146,208,8);
font-family: Tahoma;
font-weight: normal;
	}

h2{
color:rgb(146,208,8);
font-size:28px;
padding-left:10px;
padding-top:7px;
font-family: Tahoma;
font-weight: normal;
	}

h2 a:link {
text-decoration:none;
color:rgb(146,208,8);
font-size:28px;
padding-left:10px;
padding-top:7px;
font-family: Tahoma;
font-weight: normal;
	}	

h2 a:visited {
color:rgb(146,208,8);
font-size:28px;
padding-left:10px;
padding-top:7px;
font-family: Tahoma;
font-weight: normal;
	}	
	
h3{
color:#8A745E;
font-size:25px;
padding-left:10px;
font-family: Tahoma;
font-weight: normal;
margin-bottom:7px;
	}

h3 a:link{
color:#8A745E;
font-size:25px;
padding-left:0px;

font-family: Tahoma;
text-decoration:none;
	}

h3 a:visited{
color:#8A745E;
font-size:25px;
padding-left:10px;
font-family: Tahoma;
text-decoration:none;
	}	

#top_banner{
	display:block;
	overflow:hidden;
	background:rgb(0,99,65);
	padding:7px;
    text-align:center;
	}
	
#contact_menu{
	width:99%;
	margin-left: 0px;
	
	}	

#contact_menu ul {
	overflow:hidden;
	list-style:none;
	position:relative;
	float:right;
	}
 
#contact_menu ul li {
	float:left;
	margin-right:20px;
	}
 
#contact_menu ul li a{
	display:block;
	text-decoration:none;
	color:white;
	font-family:Tahoma;
	}	

#contact_menu ul li a:visited{
	color:white;
	display:block;
	text-decoration:none;
}

#contact_menu ul li a:hover {
	color:	white;
	text-decoration: underline;
}

header {
	position:relative;
	overflow:hidden;
	max-width:1500px;
	margin:auto;
	}

#top_header{
	float:left;
	max-width:639px;
	margin:3px;
	border-radius:1px;
	padding-left:30px;
	}
	
	#top_header p{
		color:white;
		font-size:18px;
		padding:0px 10px;
		font-family: Tahoma;
		}

#container{
	position:relative;
	clear:both;
	width:95%;
	max-width:1300px;
	margin:auto;
	overflow:hidden;
	border-top:1px solid gray;
	}

#top_menu{
	width:95%;
	margin: auto;
	margin-top:30px;
	margin-bottom:10px;
	background:white;
	}	

	#top_menu ul {
		overflow:hidden;
		list-style:none;
		position:relative;
		}
	 
	#top_menu ul li {
		float:left;
		margin-right:20px;
		margin-bottom:5px;
		}
	 
	#top_menu ul li a{
		display:block;
		text-decoration:none;
		color:gray;
		#color:rgb(146,208,8);
		font-family:Tahoma;
		padding:30px;
		}	

	#top_menu ul li a:visited{
		#color:rgb(146,208,8);
		color:gray;
		padding:30px;
		display:block;
		text-decoration:none;
		}

	#top_menu ul li a:hover {
		background:rgb(219, 219, 219);
		color:black;
		#color:rgb(146,208,8);
		}

#front_page_message{
	display:none;
	}
		
#article{
	margin:auto;
	width:99%;
	overflow:hidden;
	}

	#article p {
		color:black;
		font-size:18px;
		padding:0px 10px;
		font-family:Verdana, Geneva, sans-serif;
		line-height: 150%;
		}	

	#article div {
		width:270px;
		height:370px;
		overflow:hidden;
		border:1px solid white;
		margin:auto;
		float:left;
		}

	#article div:hover  {
		display:block;
		border:0px solid black;
		}

	#article div img{
		width:90%;
		margin-top:10px;
		}	

#aside_wrapper {
	background:rgb(230, 230, 230);
	width:100%;
	overflow:hidden;
	margin-top:30px;
	border-top:1px solid gray;
	}
	
aside {
	width:90%;
	max-width:1200px;
	overflow:hidden;
	margin:auto;
	padding: 10px 0px;
	}	
	
	aside div{
		overflow:hidden;
		width:210px;
		height:330px;
		float:left;
		margin:3px;
		margin-left:20px;
		margin-top:20px;
		border:1px dotted black;
		
		}
		
	aside div p{
		color:black;
		padding:5px;
		clear:both;
		width:95;
		font-family:Verdana, Geneva, sans-serif;
		}

	aside div img{
			clear:both;	
			width:90%;
			height:120px;
			margin-top:10px;
			padding-right:10px;
		}
		
	aside div:hover  {
		display:block;
		background:rgb(219, 219, 219);
		}
		
	
footer{
	overflow:hidden;
	clear:both;
	color:black;
	border-top:1px dotted black;
	font-family:Tahoma;
	margin:auto;
	margin-bottom:50px;
	margin-top:20px;
	text-align:center;
	}

	footer div{
		float:left;
		text-align:left;
		margin-left:10px;
		font-size:8px;
		margin-bottom:10px;

	}	

	footer div p a {
		font-size:16px;
	}

	footer div img{
		 width:95%;
		 clear:both;
		}
	
	#footer_primary_div{
		width:70%;
	}
	
	#left_footer_div{
		float:left; 
		width:58%;	
		}
	
	#right_footer_div{
	float:right;width:38%
		}
	
	#footer_img_div {
		width:27%;
		float:left;
		}
		
#copyright_note{
	overflow:hidden;
	clear:both;
	width:100%;
	height:50px;
	text-align:center;
	margin:0px;
}	


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

	header {
		display:block;
		}
	
	#logo{
		display:none;
	}	
	
	#logo2{
		display:block;
		width:50%;
		margin:auto;
	}

	#top_menu{
	width:95%;
	margin: auto;
	margin-top:5px;
	margin-bottom:10px;
	background:white;
	}	

	#top_menu ul {
		overflow:hidden;
		list-style:none;
		position:relative;
		}
	 
	#top_menu ul li {
		float:left;
		margin-right:1px;
		margin-bottom:1px;
		}
	 
	#top_menu ul li a{
		display:block;
		text-decoration:none;
		color:gray;
		font-family:Tahoma;
		padding:10px 15px;
		}	
		
	#front_page_message{
		display:block;
		color:black;
		font-size:16px;
		padding:0px 10px;
		font-family:Verdana, Geneva, sans-serif;
		line-height: 150%;
		text-align:justify;
		}
		

	#article {
		display:none;
		width:95%;
		margin:auto;
		}

	aside {
	display:block;	
	background:none;
	float:left;
	width:95%;
	margin:0px;
	padding-top:5px;
	margin-top:5px;
			}	
		
	aside div{
		overflow:hidden;
		width:95%;
		height:80px;
		clear:both;
		margin:3px;
		border:none;
		border-bottom:none;
		}	

	aside div p{
		color:black;
		padding:5px;
		float:left;
		width:95%;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		margin-bottom:10px;
		
		}

	aside div img{
		display:none;
		float:left;	
		width:45%;
		height:120px;
		margin-top:10px;
		padding-left:10px;	
		margin-bottom:10px;
		}

		
	aside div:hover  {
		display:block;
		background:rgb(219, 219, 219);
		}


	#article div {
		width:40%;
		max-width:370px;
		height:370px;
		overflow:hidden;		
		border:1px solid white;
		margin:10px;
		margin-left:10px;
		float:left;
		}

	#article div:hover  {
		display:block;
		border:0px solid gray;
		}
		
	#article div img{
		width:60%;
		margin-top:10px;
		}	

	#footer_primary_div{
		width:90%;
		}	

	#left_footer_div{
		clear:both;
		width:100%;	
		}
	
	#right_footer_div{
		clear:both;
		width:100%
		}
		
	#footer_img_div {
		width:90%;
		float:left;
		}
}
	@media screen and (max-width:500px ) {

	aside div{
		overflow:hidden;
		width:95%;
		min-height:150px;
		clear:both;
		margin:3px;
		border:none;
		border-bottom:none;
		}	

	
	}