@charset "utf-8";
/* CSS Document */


	*  { padding:0px; margin: 0px; border: 0px;   }
	body  {background-color:#488456; text-align:center; font-size:101%; }
	#wrapper, #wrapper2 { background-color:#DFEAD0; text-align:left; width: 92%; margin: 0 auto; max-width: 1166px; position:relative; z index: 3;}
	#wrapper2  {  font-family:Verdana, Geneva, sans-serif;  }
	#header  {text-align:left; width: 92%; margin: 0 auto; max-width: 1166px;  }
	#nav  {color:#488456; text-align:center; padding: 10px;}
	#nav a:link {padding: 2px 3%; color:#488456; text-decoration:none; font-weight:bold;}
	#nav a:hover  {color:#cc3300;  text-decoration:underline;   }
	h1  {color:#FFF; font-weight:bold; padding: 20% 2%; position:relative; z-index: 4; }
	
	hr  { width:75%; color:#488456;   }
	
	/* Hide the link that should open and close the topnav on small screens */
/*.topnav*/ .icon {    display: none; }
	
/*background slideshow*/
	.crossfade > figure {   animation: imageAnimation 48s linear infinite 0s;   backface-visibility: hidden;  background-size: cover;  background-position: center center;
  							color: transparent;  height: 100%;  left: 0px;  opacity: 0;  position: absolute;  top: 0px;  width: 100%;  z-index: 0;  }
	.crossfade > figure:nth-child(1) { background-image: url('slides/8.jpg'); }
	.crossfade > figure:nth-child(2) {  animation-delay: 6s;  background-image: url('slides/10.jpg'); }
	.crossfade > figure:nth-child(3) {  animation-delay: 12s;  background-image: url('slides/11.jpg'); }
	.crossfade > figure:nth-child(4) {  animation-delay: 18s;  background-image: url('slides/3.jpg'); }
	.crossfade > figure:nth-child(5) {  animation-delay: 24s;  background-image: url('slides/5.jpg'); }
	.crossfade > figure:nth-child(6) {  animation-delay: 30s;  background-image: url('slides/1.jpg'); }
	.crossfade > figure:nth-child(7) {  animation-delay: 36s;  background-image: url('slides/12.jpg'); }
	.crossfade > figure:nth-child(8) {  animation-delay: 42s;  background-image: url('slides/9.jpg'); }	
	@keyframes imageAnimation {  0% { animation-timing-function: ease-in; opacity: 0; } 
	8% { animation-timing-function: ease-out; opacity: 1; } 
	17% { opacity: 1 }
 	25% { opacity: 0 }
 	100% { opacity: 0 }   }
	
	#confirst { margin:2%; padding:2%; border: 2px thin #333; text-align:center;  } 
	#conleft  { width:40%; float:left;      }
	#conright  { width:40%; float:right;   }
	#footer   {  text-align:center;  clear:both; font-size: 75%;  padding:2%;   }
	
	@media only screen and (max-width: 800px) { 
#wrapper, #wrapper2  { width:98%;   }
#nav { width: 80%;   }
#nav a:hover  { text-decoration:underline;   }
 .topnav a  /*:not(:first-child) */ {display: none;   margin-top: 20px;}
 /* .topnav*/ a.icon {    float: right;    display: block;  margin-top:3%; padding:4px; margin-right: 20px;} 
  a:hover   { background-color:  #ded9bc;   text-decoration:underline;  }
 .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {    position: absolute;    right: 0;    top: 0;  }
  .topnav.responsive a {    float: none;    display: block;    text-align: left;  padding:5% 0%;}
}