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


.welcome_vid {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  border: medium ridge #DBAB57;
  box-shadow:-1px 1px 40px #000000;
}

.welcome_vid img {width: inherit;}


#specialMessageIndexP { 
  border: medium ridge #DBAB57;
  box-shadow:-1px 1px 40px #000000;
  background-color:#00FFFF;
  font-size:26px;
  color:#000066;
  text-align:center;
  margin-top: 18px;
  margin-bottom: 20px; }

/* Menu Code:   https://codepen.io/frankieali4/pen/tLezH */		  		  
a, label {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  }

a:hover {
  color: #ddd;
}

.menu a {
  display: block;
  padding: 15px 25px;
}

.drop-down a {
  min-width: 90px;
}

.drop-down-menu {
  display: block;
}

.menu-title {
  cursor: pointer;
}

.menu-title {
  display:block;
  padding: 15px 25px;
}

.activate {
  display: none;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin: 0 0 0 -15px;
  opacity: 0;
}

/* Skin */

.menu a, .drop-down-menu {
  background: #3d6d99;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5796d0), color-stop(100%,#3d6d99));
    background: -moz-linear-gradient(top, #5796d0 0%, #3d6d99 100%);
}

.menu a:hover, .drop-down-menu:hover {
  background: #5a6470;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495261), color-stop(100%,#38404b));
  background: -moz-linear-gradient(top, #495261 0%, #38404b 100%);
}

.drop-down a {
  background: #222;
}

.drop-down a:hover {
  background: #111;
}


.menu  {
  background: #3d6d99;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%,#5796d0),           color-stop(100%,#3d6d99));
  background: -moz-linear-gradient(top, #5796d0 0%, #3d6d99 100%);
  border: medium ridge #DBAB57;
	background-color: #5A88E8;
	box-shadow:-1px 1px 40px #000000;


}

:checked ~ .menu-title {
  background: #495261;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495261), color-stop(100%,#38404b));
  background: -moz-linear-gradient(top, #495261 0%, #38404b 100%);
}

.drop-down {
  max-height: 0;
  overflow: hidden;
}

.drop-down a {
  background: #222;
}

.activate:checked ~ .drop-down {
  max-height: 200px;
}

.drop-down, .menu a, .drop-down-menu {
  -webkit-transform: translateZ(0);  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/* END OF MENU ------------------------------------------------------ */
body {padding-left:1em;
  padding-right:1em;
  margin-left:auto;
  margin-right:auto;
  max-width:1080px;}

#header {
   display:inline-block;
   width:50%;
   max-width: 1074px;
   height: 200px;
   }
  
#header img {
    max-width:325px;
	min-width: 180px;
    height:auto;
	margin-top:1em;
	margin-right:auto;
	margin-left:auto;
	}
	
#header_video {position:absolute;
    top: 10px;
	left: 50%;
	width:30%;
		 }
	
#content1, #content2, #content1a, #content1b {
	margin-top: .5em;}

#content1 img, #content2 img, #content1a img, #content1b img {
	width:100%;
    height:auto;
	border: medium ridge #DBAB57;
	box-shadow:-1px 1px 40px #000000;}

#content2 img {border: medium ridge #DBAB57;
	background-color: #5A88E8;
	box-shadow:-1px 1px 40px #000000;
	}
	
#specialIndexPage {background-color:#FFCC00;
    margin-top: .3em;
    margin-bottom: .3em;
	border: medium ridge #DBAB57;
	box-shadow:-1px 1px 40px #000000;
	font-size: x-large;
	padding:20px;
	position:relative;
	 }
	 


/* -- START: CODE FOR TABLE ON DOCUMENT PAGE --- */

#responsive_table { 
     width: 100%;
	 max-width: 580px;
	 margin-left: auto;
	 margin-right: auto;
	 margin-bottom: 50px;
	 height: 100%;
	 background-color:black;
     border: medium ridge #DBAB57;
	 }
	  
.respon_div {
	 background-color:#E2D5CD;
	 padding: 15px;
	 width: 230px;
	 display: inline-block;
     border: medium ridge #DBAB57;
     text-decoration:underline;
     text-align:center;
     margin: 10px;   }
 
.respon_div a { color:black;
    font-size: large;} 

.respon_div a:hover {color: white;
    background-color: black;}
	
/* -- END: CODE FOR TABLE ON DOCUMENT PAGE --- */



	
#slideLinks {width:100%;
    text-align:center;
	height:25px;
	margin-top: 8px;
	margin-bottom: 10px;
	border: medium ridge #DBAB57;
	border-radius:10px;
	box-shadow:-1px 1px 40px #000000;
	background-color: beige;}

#slideLinks a {color: black;
    text-decoration:underline;}

#slideLinks table {width: 100%; text-align:center;
   }
   
#slideLinks table a:hover {color: red;
}	

	
/* SCROLL CODE ----------------------------------------------------- */

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}


#slider { overflow: hidden; 
   width: 100%; border: medium ridge #DBAB57;      
  box-shadow:-1px 1px 40px #000000;
  }
	
	
#slider figure img {width: 20%;
    float: left;  
	margin-left: 0px;
	}
	 
#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite;       
 
}

/*  FOOTER --------------------------- */

#footer {
	font-size: 10px;
	text-align: center;
	vertical-align: text-top;
	position: relative;
	line-height: 24px;
	height: auto;
	max-width: 500px;
	min-width: 280px;
	border: medium ridge #DBAB57;
	border-radius:10px;
	background-color: beige;
	box-shadow:-1px 1px 40px #000000;
	z-index:10;
	visibility: visible;
	padding-top: 5px;
	margin-left:auto;
	margin-right:auto;
	clear: both;
	color:black;
		}


@media screen and (max-width: 480px) {
   a, label {
   font-size:34px;
  }
  
  #header img {
    max-width:275px;
	height:auto;
	margin-top:1em;
	margin-right:auto;
	margin-left: 0px;
	}
  
  #header {
    display: block;
	font-size: 34px;
	  } 
		
  
  #header_video {
	Position:relative;
	left: 25px; 
	margin-bottom:10px;} 
	
  .menu {margin-top:120px;}
  
  #slideLinks a {font-size:18px;}
  
  
  }
/* -- END: CODE FOR MEDIA --- */