* {
  box-sizing: border-box;
}


		h1      {color: #e5e5e5; font-family: arial, helvetica, sansserif; font-size: 22px; font-weight: 100; letter-spacing: 5; margin-top: 14pt;  margin-bottom: 6pt;}
		
		h2      {color: #e5e5e5; font-family: arial, helvetica, sansserif; font-size: 19px; font-weight: 100; letter-spacing: 3; margin-top: 12pt;  margin-bottom: 6pt;}
		
		h3      {color: #e5e5e5; font-family: arial, helvetica, sansserif; font-size: 16px; font-weight: 100; letter-spacing: 2; margin-top: 10pt;  margin-bottom: 6pt;}

		h3.italic      {color: #e5e5e5; font-family: arial, helvetica, sansserif; font-size: 16px; font-weight: 100; letter-spacing: 2; margin-top: 10pt;  margin-bottom: 6pt; font-style: italic; }




		p				{color: #e5e5e5; font-family: arial, helvetica, sansserif; font-size: 13px;   text-decoration: none }
		
		p.small			{color: #e5e5e5; font-family: arial, helvetica, sansserif; font-size: 11px;   text-decoration: none }
		
		p.x_small		{color: #e5e5e5; font-family: arial, helvetica, sansserif; font-size: 8px;   text-decoration: none }

		p.justify		{color: #e5e5e5; font-family: arial, helvetica, sansserif; font-size: 13px;  text-align: justify }


		a			{color: #b5b5b5; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }
		a:visited	{color: #b5b5b5; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }
		a:active	{color: #b5b5b5; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }					
		a:hover		{color: #ffffff; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }
		
		a.small			{color: #b5b5b5; font-family: arial, helvetica, sansserif; font-size:11px;  text-decoration: none }
		a:visited.small	{color: #b5b5b5; font-family: arial, helvetica, sansserif; font-size:11px;  text-decoration: none }
		a:active.small	{color: #b5b5b5; font-family: arial, helvetica, sansserif; font-size:11px;  text-decoration: none }					
		a:hover.small	{color: #ffffff; font-family: arial, helvetica, sansserif; font-size:11px;  text-decoration: none }		


		a.footer			{color: #ac9f7f; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }
		a:visited.footer	{color: #ac9f7f; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }
		a:active.footer		{color: #ac9f7f; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }					
		a:hover.footer		{color: #d4c49d; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }

		
		Label {color: #eeeeee; font-family: arial, helvetica, sansserif; font-size: 14px;   text-decoration: none }


		p.form_footer {color: #eeeeee; font-family: arial, helvetica, sansserif; font-size: 14px;   text-decoration: none }
 
		a.form_footer_link			{color: #cccccc; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }
		a:visited.form_footer_link	{color: #cccccc; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }
		a:active.form_footer_link	{color: #cccccc; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }					
		a:hover.form_footer_link		{color: #ffffff; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }




body {
  margin: 0;
  font-family: arial, helvetica, sansserif;
  font-size: 14px;
  background-color: #d8a586;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}


.header_content {

  	position: fixed;
  	top: 0px;
  	
  	left: 0px;
  	
  	background-color: #000000;
  	  	
  	  	
	margin-left: 1px;
	margin-right: 1px;
  	

  	color: #e5e5e5;
  	
  	
  	width: 100%;
  	Height: 153px;
  	  	
  	  	
  	text-align: center;
  	

  	  	

  	
	border:1px solid #000000; 


}



.upper_content {

	/*

	border:1px solid #ffffff; 
	
  	position: absolute;
  	top: 100%%; 	
  	left: 33%;
  	
  		*/
  	

  	position: absolute;
  	
  	color: #e5e5e5;
  		  	
  	padding: 10px;
  	
  	margin-left: 10%;
  	margin-right: 10%;
  	
  	margin-top: 95px;
  	
  	
  	width: 80%;
  	height: auto;
	
}







.content_window {

	position: absolute;
	
	top: 160px;
	
	left: 20%;
	
	right: 20%;

  	background: rgba(0, 0, 0, 0.75);

	width: 60%;
	
	border-radius: 10px;
	
	padding: 10px 20px 0px 20px;



}



.content_data {

	display: block;

}





.about_links {

	
	position: relative;
	
	width: 100%;
	
	border-radius: 10px;
	
	border:1px solid #f1f1f1;
	




}








.float_left {

	float: left;

}






.page_titles {

	position:  absolute;

	
	width: 45px;
	
	height: 264px;
	
	top: 160px;
	
	left: 15px;
	
	
	border-radius: 10px;
	

	/*
  	background: rgba(0, 255, 0, .0);
	*/
 

}




.home_content_window {

	position: absolute;
	
	bottom: 65px;
	
	left: 20%;
	
	right: 20%;

  	background: rgba(0, 0, 0, 0.75);

	width: 60%;
	
	border-radius: 10px;
	
	padding: 5px 12px 8px 12px;



}



.lower_content {

	position: absolute;
	
	top: 68%;
	
	left: 20%;
	
	right: 20%;

  	background: rgba(0, 0, 0, 0.75);

	width: 60%;
	
	border-radius: 10px;
	
	padding: 10px 20px 10px 20px;

}







/* for all but home page */

.lower_content_data {
  	position: fixed;
  	bottom: 1px;
  	background: rgba(0, 0, 0, 0.0);
  	color: #e5e5e5;
  	width: 100%;
  	
  	left: 0px;
  	
  	Height: 110px;
  	  	
  	padding: 10px;
  	
	/* border:1px solid #e5e5e5; */
	
    border-radius: 10px;
  
}







#vidBtn {

	display: block;
	
	height: 26px;

  	width: 60px;
  	font-size: 10px;
  	padding: 3px;
  	border: none;
	background-color: rgba(0, 0, 0, 0.90);
  	color: #e5e5e5;
  	cursor: pointer;
  	border-radius: 5px;
  	border:1px solid #f1f1f1;
}


#vidBtn:hover {
  	border-radius: 5px;
	background-color: rgba(255, 208, 143, 0.5);
  	color: #ffffff; 
  	border:1px solid #e5e5e5;	
}










#srmBtn {

	display: block;
	
	height: 26px;

  	width: 60px;
  	font-size: 10px;
  	padding: 3px;
  	border: none;
	background-color: rgba(0, 0, 0, 0.90);
  	color: #e5e5e5;
  	cursor: pointer;
  	border-radius: 5px;
  	border:1px solid #f1f1f1;
}


#srmBtn:hover {
  	border-radius: 5px;
	background-color: rgba(255, 208, 143, 0.5);
  	color: #ffffff; 
  	border:1px solid #e5e5e5;	
}



#myDisabled {
	display: block;
	
	height: 26px;

  	width: 60px;
  	font-size: 10px;
  	padding: 3px;
  	border: none;
	background-color: rgba(255, 0, 0, 0.90);
  	color: #e5e5e5;
  	cursor: pointer;
  	border-radius: 5px;
  	border:1px solid #f1f1f1;

  	cursor: not-allowed;
}



.menu {

	display: flex;

  	position: fixed;
  	bottom: 15px;
  	right: 1px;
  	
  	color: #f1f1f1;
  	width: 400px;
  	padding: 5px;
  	
  	height: 36px;
 
  	justify-content: right;  	  	

	/*
	
  	border: 1px solid #ffffff;	
  	
  
	*/

  	
}



.pause_button_position {

	display: flex;

  	position: fixed;
  	bottom: 15px;
  	left: 5px;
  	
  	color: #f1f1f1;
  	width: 100px;
  	padding: 5px;
  	
  	height: 36px;
 
  	justify-content:left;  	  	


	/*
  	border: 1px solid #ffffff;
	*/
  	
}




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


	[id*="vidBtn"] {

		visibility: hidden;
	
	}
	

}













/* responsive iform for Google Form  ONLY neccesary if using Google iFrame*/

.container {
  position: relative;
  width: 100%;
  
    height: 950px;
  
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  
  border: white;
  
}

/* responsive iform for Google Form ONLY neccesary if using Google iFrame*/

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}





/* css for google form */



		Label {color: #eeeeee; font-family: arial, helvetica, sansserif; font-size: 14px;   text-decoration: none }


		p.form_footer {color: #eeeeee; font-family: arial, helvetica, sansserif; font-size: 14px;   text-decoration: none }
 
		a.form_footer_link			{color: #dddddd; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }
		a:visited.form_footer_link	{color: #dddddd; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }
		a:active.form_footer_link	{color: #dddddd; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }					
		a:hover.form_footer_link		{color: #ffffff; font-family: arial, helvetica, sansserif; font-size:13px;  text-decoration: none }


.form_footer {color: #eeeeee; font-family: arial, helvetica, sansserif; font-size: 14px;   text-decoration: none }
 



input[type=text], select, textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #888888;
  border-radius: 6px;
  resize: vertical;
}


label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: #333333;
  color: white;
  padding: 8px 20px;
  border: none;
  border: 1px solid #888888;
  border-radius: 6px;
  cursor: pointer;
  float: Left;
}



input[type=reset] {
  background-color: #888888;
  color: white;
  padding: 8px 20px;
  border: none;
  border: 1px solid #888888;
  border-radius: 6px;
  cursor: pointer;
  float: Right;
}


input[type=submit]:hover {
  background-color: #559955;
}


input[type=reset]:hover {
  background-color: #aa5555;
}


.form_container {
  border-radius: 6px;
  background-color: #ac9f7f;
  padding: 10px;
  Max-width: 430px;

}


.container_buttons {
	
  Width: 100%;

  Max-width: 430px;	
  
  padding: 10px 0px 0px 0px;

}


.container_btnLeft {

	float:left;  
  	width: 50%; 
	margin: 10px 0px 5px 0px;

}


.container_btnRight {

	float:Right;  
  	width: 50%; 
	margin: 10px 0px 5px 0px;

}


.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}





/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */

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


  .header_content {
  
  	  	Height: 100px;
  
  }

}




@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit], input[type=reset], .container_btnLeft, .container_btnRight {
    width: 100%;
    margin-top: 0;
  }
  
  .header_content {
  	  	Height: 75px;
  }
  
  
}