
body {
	background-color:#eeeeee;
}

#wrapper {
	width:auto; max-width: 1500px; margin :auto; padding:0;
	font-style:normal; font-family:Arial, Helvetica, sans-serif;
	background-color:white; 
/*	margin-color:black; */

}
.center {
	display: block;
  	margin-left: auto;
    margin-right: auto;
	width:100%;	
/*	padding:10px;
	border:1px solid #021a40;
	background-color:#D4AF37;
	*/

}
#top {  z-index: 9999;	}

#topnav { background-color:gray; width:auto; overflow:hidden; clear:both;  z-index: 9999;	}
#topnav ul { width:100%; background-color:gray; margin:0px; float:left; padding:0px;
			border-bottom:4px #CFB53B solid;}
#topnav ul li {	display:inline;	color:white}
#topnav ul li a {	float:left;	padding:10px 20px; text-decoration: none;}

#topnav a:link	{	color:white	}
#topnav a:visited	{	color:white	}
#topnav a:active	{	color:white	}
#topnav a:hover	{	color:white; background-color:#C80041;	}
#topnav a:focus	{	color:white	}

* {box-sizing:border-box}

#slider_content	{	background-color:white; border-top:thick; border-top-color:black;  }

/* Slideshow container */
.slideshow-container {
  max-width:1124px;
  position: relative;
  margin: auto;
  border-bottom:4px #CFB53B solid;
  /*display:inline; */
   
  
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
/*  color: #f2f2f2;*/
  color:gray;
  font-size: 20px;
  padding: 8px 12px;
  position: absolute;
  bottom: 4px;
  width: 100%;
  text-align: center;
}

/* Caption text */
.text2 {
/*  color: #f2f2f2;*/
  color:black;
  font-size: 20px;
  padding: 8px 12px;
  position: absolute;
  bottom: 4px;
  width: 100%;
  text-align: center;
}
/* Caption text */
.text3 {
/*  color: #f2f2f2;*/
  color:white;
  font-size: 20px;
  padding: 8px 12px;
  position: absolute;
  bottom: 4px;
  width: 100%;
  text-align: center;
/* background-color:black;*/
}



/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

#content_main	{	clear:both; padding-top:10px;margin-left: auto;  margin-right: auto; }
#content_main h6 {color:#666666; text-align:center; font-size:20px; }


#content_head { margin-left: auto;  margin-right: auto;}


#sub_banner 	{	float:left;	margin-left: 30px; width :45%;  padding:0 10px 10px 40px; background-color:white; /*border:2px solid #021a40;
				background-color:#EFEFEF;*/	}
#sub_banner h1	{color:#666666; text-align:center; font-size:20px;	}
#sub_banner	.left {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width:100%;
	  padding-bottom:12px;
	}
	
#content_focus	{float:right; margin-right: 30px; width:45%;  padding:0 40px 10px 10px; background-color:white;/*border:2px solid #021a40; background-color:#EFEFEF;*/	}	
#content_focus	h1	{	color:#666666; text-align:center; font-size:20px;	}
#content .right {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width:100%;
	}
	
#content_what	{	clear:both; padding-top:10px; padding-bottom:10px;}


	
#content_what h1 {	color:#666666; text-align:center; font-size:20px;	}
#content_what h2 {	color:#666666; text-align:center; font-size:20px;	}
#content_what h3 {	color:purple; text-align:center; font-size:20px;	}
#content_what h4	{color:purple; text-align:center; font-size:large; text-decoration:underline; }


#footer	{	clear:both; background-color:white; float:left;	height: auto; width:100%; padding:0;	 border:4px  #CFB53B solid; padding-top:10px;}
/*#footer	{	clear:both; background-color:gray; float:left;	height: auto; padding:0px;	width :1124px; border:3px #cccccc solid; padding-top:10px;border-bottom:4px #CFB53B solid;border-top:4px #CFB53B solid;}		
/*#footer_text p	{	width:80%; display:inline	}*/
#footer_text h4	{  color:gray; text-align:center; font-size:16px; width:100%; 	margin: 0px 0 40px 0 }
/*#footer_text h4 img	{ margin 20px 0 0 40px 	} */
#logo	{	float:right; }
#logo .right	{		display: block;
  	margin-left: auto;
    margin-right: auto;
	width:auto;	
  	}
	

/* About Page */

#about_content	{clear:both;  }
#content1	{	float:left;  }
#content1	.left {
	  display: block;
	  margin-left:60px;
	  margin-right: 30px;
	  margin-top: 50px;

	  width: 30%;

	}
} 


#content2	{ 	width:70%; margin-left : 50px;
	}
#content2	h2	{color:gray; text-align:center; font-size:28px;	text-decoration:underline; }

#content2 p	{margin-left: 10px; font-size:18px;	}
#content2 a	{text-align:center}
#content2	.center {
	display: block;
  	margin-left: auto;
    margin-right: auto;
	width:100%;	
	padding-bottom:10px;
}
#content3	{	float:right;  }
#content3	.right{
	  display: block;
	  margin-left:10px;
	  margin-right: 60px;
	  margin-top:0px;
	  background-color:white;
	  width: 20%;


	}
/*}*/

/* Contact Page */
#google_map	iframe	{padding: 10px 10px 10px 10px}
	
}
#mission	{ width:300px; 	}
#mission .center {	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width:40%;
	}
/* Turner Page */
#content_turner	{clear:both;	background-color:white; margin-left: 10px; padding-bottom:10px;
}	
#content_turner2	{clear:both; background-color:white;}	
#content_turner2	.center	{	display: block;
  	margin-left: auto;
    margin-right: auto;
	width:40%;	
	padding-bottom:10px;
}	
#content_turner	h3	{color:gray; text-align:center; text-decoration:underline; }
} 