/* Style the body */
	body {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #373C43;
	}

/* Style the header */
	header {
		background-color: #373C43;
		padding: 5px;
		text-align: center;
		font-size: 35px;
		color: white;
		height: auto;
		padding-bottom: 2px;
		margin-bottom: 2px;
		border-bottom-width: 2px;
		padding-right:0px;
		padding-left:0px; 
	}
	
/* Style right column */
	right, right2 {
		float: right;
		padding: .33%;
		width: 10%;
		text-align: center;
		color:white;
	}

/* Create two columns/boxes that floats next to each other */
	nav {
		float: left;
		width: 10%;
		background: #ccc;
		padding: .33%;
		text-align: center;
	}

/* Style the list inside the menu */
	nav ul {
		list-style-type: none;
		padding: 0;
}

/* Style article */
	article {
		float: left;
		padding: .33%;
		width:78%;
		background-color: #f1f1f1;
		text-align: center;

	}

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

/* Style the footer */
	footer {
		background-color: #777;
		padding-left: 0%; /* padding=width of nav or 0% for full length*/
		padding-right:0%; /* padding=width of right or 0% for full length*/
		text-align: center;
		color: white;
		float:left;
		width:100%;
	}

/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
	@media (max-width: 850px) {
		nav, article, right, right2 {
			width: 100%;
			height: auto;
		}
	}

/* Style Links*/
	a{
		color: #0033A4 ;
	}
	a:hover{
		color:#006EFF  ;
	}
	a.right{
		color: #00BEFF;
	}
	a.right:hover{
		color: white;
	}
/* Style Nav bar links*/
	a.nav:link, a.nav:visited {
		background-color: #ccc;
		color: black;
		width:100%;
		height: 10%;
		padding-bottom: 7px;
		padding-top: 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		border-radius:50px;
	}

	a.nav:hover, a.nav:active {
		background-color: black;
		color:white;
		text-decoration: underline;
	}

/* Style Nav bar links-current*/
	a.current:link, a.current:visited {
		background-color: grey;
		color: white;
		width:100%;
		height: 10%;
		padding-bottom: 7px;
		padding-top: 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		border-radius:50px;
		text-decoration: underline;
	}

/* Style Social links*/
	a.social:link, a.social:visited {
		background-color: #0033A4 ;
		color: white;
		width:75%;
		height: 10%;
		padding-bottom: 7px;
		padding-top: 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		border-radius:50px;
	}

	a.social:hover, a.social:active {
		background-color: #006EFF  ;
		color:white;
		text-decoration: underline;
	}

/* Right side 911 comment */
	p.right::before{
		color:red;
		background-color: #373C43;
		text-align: center;
		font-weight: bold;
		Content:"This page is not actively monitored in the event of an emergency - call 911";
		
	}

/* Right side 911 comment */
	h4.right{
		background-color: #373C43;
		text-align: center;
		margin: 1px;
		}
	h4.right::before{
		color:red;
		background-color: #373C43;
		text-align: center;
		font-weight: bold;
		Content:"This page is not actively monitored in the event of an emergency - call 911";
	}

/* Notice iframe */
	iframe.notice{
		display: none;
		height: 97px;
		width: 100%;
		border:0px;
		padding-top:2px; 
		padding-right:0px;
		padding-left:0px; 
		padding-bottom:0px;
		margin-top:2px; 
		margin-bottom:0px; 
	}

/* apparatus image dimensions */
	img.apps{
		width:100%;
		max-height:200px; 
		max-width:200px;
	}
	img.apps:hover  {
  		opacity: .6;
	}

/* apparatus headers */
	h5.apps{
		color:red;
		text-align:center;
	}

/* Start Apparatus Images */
	* {
	  box-sizing: border-box;
	}

	.row > .column {
	  padding: 0 8px;
	}

	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}

	.column {
	  float: left;
	  width: 25%;
	}

	/* The Modal (background for slide show) */
	.Slideshows,
	.ImagesET113, .ImagesET213, .ImagesSQ113, .ImagesA513, .ImagesA613, .ImagesS213, .ImagesCTFoam, .ImagesSt13, .ImagesSt213, .ImagesTG, .ImagesTW113, .ImagesA_513F, .ImagesET313, .ImagesET_213F {
	display: none;
	  position: fixed;
	  z-index: 1;
	  padding-top: 0px;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  overflow: auto;
	  background-color: black;
	 -ms-overflow-style: none; 
	 scrollbar-width: none;
	}
	.Slideshows::-webkit-scrollbar {display: none;}
	.ImagesET113::-webkit-scrollbar {display: none;}
	.ImagesET213::-webkit-scrollbar {display: none;}
	.ImagesSQ113::-webkit-scrollbar {display: none;}
	.ImagesA513::-webkit-scrollbar {display: none;}
	.ImagesA613::-webkit-scrollbar {display: none;}
	.ImagesS213::-webkit-scrollbar {display: none;}
	.ImagesCTFoam::-webkit-scrollbar {display: none;}
	.ImagesSt13::-webkit-scrollbar {display: none;}
	.ImagesSt213::-webkit-scrollbar {display: none;}
	.ImagesTG::-webkit-scrollbar {display: none;}
	.ImagesTW113::-webkit-scrollbar {display: none;}
	.ImagesA_513F::-webkit-scrollbar {display: none;}
	.ImagesET313::-webkit-scrollbar {display: none;}
	.ImagesET_213F::-webkit-scrollbar {display: none;}

 

	/* Slideshow Content */
	.Slideshow_content,
	.ImagesET113_content, .ImagesET213_content, .ImagesSQ113_content, .ImagesA513_content, .ImagesA613_content, .ImagesS213_content, .ImagesCTFoam_content, .ImagesSt13_content, .ImagesTG_content, .ImagesTW113_content, .ImagesA_513F_content, .ImagesET313_content, .ImagesET_213F_content {
	  position: relative;
	  background-color: #fefefe;
	  margin: auto;
	  padding: 0;
	  width: 100%;
	  max-width: 1200px;
	}

	/* The Close Button */
	.close {
	  color: red;
	  position: fixed;
	  z-index:2;
	  top: 5%;
	  right: 10%;
	  font-size: 50px;
	  font-weight: bold;
	}

	.close:hover, .close:focus {
	  color: #999;
	  text-decoration: none;
	  cursor: pointer;
	}

	.mySlides, .ET113, .ET213, .SQ113, .A513, .A613, .S213, .CTFoam, .St13, .St213, .TG, .T113, .A_513F {
	  display: none;
	}

	.cursor, .cursor2, .cursor3, .cursor4, .cursor5, .cursor6, .cursor7, .cursor8, .cursor9, .cursor10, .cursor11, .cursor12, .cursor13 {
	  cursor: pointer;
	}

	/* Slideshow Next & previous buttons */
	.PreviousButton, .NextButton, 
	.PreviousButton_ET113, .NextButton_ET113, 
	.PreviousButton_ET213, .NextButton_ET213, 
	.PreviousButton_SQ113, .NextButton_SQ113, 
	.PreviousButton_A513, .NextButton_A513, 
	.PreviousButton_A613, .NextButton_A613, 
	.PreviousButton_S213, .NextButton_S213, 
	.PreviousButton_CTFoam, .NextButton_CTFoam, 
	.PreviousButton_St13, .NextButton_St13, 
	.PreviousButton_St213, .NextButton_St213, 
	.PreviousButton_TG, .NextButton_TG, 
	.PreviousButton_TW113, .NextButton_TW113, 
	.PreviousButton_A_513F, .NextButton_A_513F, 
	.PreviousButton_ET313, .NextButton_ET313,
	.PreviousButton_ET_213F, .NextButton_ET_213F	{
	  cursor: pointer;
	  position: absolute;
	  top: 50%;
	  width: auto;
	  padding: 16px;
	  margin-top: -50px;
	  color: white;
	  text-shadow:
	  -1px -1px 0 #000,
	  1px -1px 0 #000,
	  -1px 1px 0 #000,
	  1px 1px 0 #000;  

	  font-weight: bold;
	  font-size: 50px;
	  transition: 0.6s ease;
	  border-radius: 0 3px 3px 0;
	  user-select: none;
	  -webkit-user-select: none;
	  outline-color: pink;
	  
	}

	/* Position the "next button" to the right */
	.NextButton, .NextButton_ET113, .NextButton_ET213, .NextButton_SQ113, .NextButton_A513, .NextButton_A613, .NextButton_S213, .NextButton_CTFoam, .NextButton_St13, .NextButton_St213, .NextButton_TG, .NextButton_TW113, .NextButton_A_513F, .NextButton_ET313, .NextButton_ET_213F {
	  right: 0px;
	  border-radius: 3px 0 0 3px;
	}

	/* Position the "prev button" to the left */
	.PreviousButton, .PreviousButton_ET113, .PreviousButton_ET213, .PreviousButton_SQ113, .PreviousButton_A513, .PreviousButton_A613, .PreviousButton_S213, .PreviousButton_CTFoam, .PreviousButton_St13, .PreviousButton_St213, .PreviousButton_TG, .PreviousButton_TW113, .PreviousButton_A_513F, .PreviousButton_ET313, .PreviousButton_ET_213F {
	  left: 0px;
	  border-radius: 3px 0 0 3px;
	}

	/* On hover, add a black background color with a little bit see-through */
	.PreviousButton:hover, .NextButton:hover, 
	.PreviousButton_ET113:hover, .NextButton_ET113:hover, 
	.PreviousButton_ET213:hover, .NextButton_ET213:hover, 
	.PreviousButton_SQ113:hover, .NextButton_SQ113:hover, 
	.PreviousButton_A513:hover, .NextButton_A513:hover, 
	.PreviousButton_A613:hover, .NextButton_A613:hover, 
	.PreviousButton_S213:hover, .NextButton_S213:hover, 
	.PreviousButton_CTFoam:hover, .NextButton_CTFoam:hover, 
	.PreviousButton_St13:hover, .NextButton_St13:hover, 
	.PreviousButton_St213:hover, .NextButton_St213:hover, 
	.PreviousButton_TG:hover, .NextButton_TG:hover, 
	.PreviousButton_TW113:hover, .NextButton_TW113:hover, 
	.PreviousButton_A_513F:hover, .NextButton_A_513F:hover, 
	.PreviousButton_ET313:hover, .NextButton_ET313:hover,
	.PreviousButton_ET_213F:hover, .NextButton_ET_213F:hover {
	  background-color: rgba(0, 0, 0, 0.8);
	}

	/* Number text (1/3 etc) */
	.numbertext {
	  color: #f2f2f2;
	  Background-color:black;
	  font-size: 12px;
	  padding: 8px 12px;
	  position: absolute;
	  top: 0;
	  
	}
	.numbertext2 {
	display:inline-block;
	}
	.caption-container {
	  text-align: center;
	  background-color: black;
	  padding: 2px 16px;
	  color: white;
	}

	.demo {
	  opacity: 0.6;
	}

	.active, .demo:hover {
	  opacity: 1;
	}

	img.hover-shadow {
	  transition: 0.3s;
	}

	.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
	img.Apparatus_Images{
	width:100%;
	max-height:200px; 
	max-width:200px;
	
	}
	img.Apparatus_Images:hover  {
  		opacity: .6;
		
	}

/* End Appartus Images */

#topbutton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topbutton:hover {
  background-color: #555;
}

.container{
	height:100%
	}