a {
	text-decoration-color:  #FFFFFF;
}

body, p , ul, ol, li{
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
	font-size: 12pt;
	font-weight: 200;
	text-align: left;
	color:#000000;
}

.main {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 margin-right: -50%;
	 transform: translate(-50%, -50%)
	 z-index: 99;
 }

h1 {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
	font-size: 3em;
	text-align: left;
	font-weight: 900;
	color: #000000;
}

h2 {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
	font-size: 2em;
	text-align: left;
	font-weight: 600;
	color: #000000;
}

h3 {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
	font-size: 1.5em;
	text-align: left;
	font-weight: 200;
	color: #000000;
}

h4 {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
	font-size: 1.5em;
	text-align: left;
	font-weight: 500;
	color: #000000;
	border-bottom: 1px solid #888888;
}

h5 {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
	font-size: 1.5em;
	text-align: left;
	font-weight: 500;
	color: #000000;

}

h6 {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
	font-size: 0.8333em;
	text-align: left;
	font-weight: 800;
	font-variant: titling-caps;
	color: #000000;
}


#map {
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%; 
	width: 100%;
	z-index: -99;

 }

img.small {
	height: 121px;
} 

img.centered {
	object-fit:contain;
	
	transform: translate(-50%, -50%);
} 

#slide {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
}

#overlay {
	 z-index: 99;
	 position: absolute;
	 left:192px;
	 right:64px;
	 top:10px;
	 bottom:22px;
	 background: rgba(255, 255, 255, 0.25); // Make sure this color has an opacity of less than 1
	 text-align: center;
	 border-radius: 2px;
	 overflow: auto;
	 display:none;
}
 
 .blur {
	 backdrop-filter: saturate(110%) blur(10px);
	  -webkit-backdrop-filter: saturate(110%) blur(10px); 
 }
 
 .unblur {
	 backdrop-filter: saturate(100%) blur(0px);
	 -webkit-backdrop-filter: saturate(100%) blur(0px); 
 }
 
 #content {
 	position: absolute;
	 left:0px;
	 top:0px;
	 right:48px;
	 height:100%;
	 margin-left: 16px;
 }
 
 .listview {
	 overflow-y: scroll;
 }
 
 .slideshow {
	 overflow : visible;
 }
 
#closer {
	  position: absolute;
	  right:0px;
	  top:0px;
	  width:40px;
	  height:40px;
	  border-radius: 2px;
	  background-color: white;
	  background-image: url('aquila/markers/close@1x.png');
	  text-decoration: none;
	  z-index: 1000;
  }
 
 #gallery {
	   position: absolute;
	   right:41px;
	   top:0px;
	   width:40px;
	   height:40px;
	   border-radius: 2px;
	   background-color: white;
	   background-image: url('aquila/markers/gallery@1x.png');
	   text-decoration: none;
	   z-index: 1000;
   }
  
#next {
	  position: absolute;
	  right:0px;
	  bottom:0px;
	  width:40px;
	  height:40px;
	  border-radius: 2px;
	  background-color: white;
	  background-image: url('aquila/markers/next@1x.png');
	  text-decoration: none;
	  z-index: 1000;
  }
  
 #back {
		position: absolute;
		left:0px;
		bottom:0px;
		width:40px;
		height:40px;
		border-radius: 2px;
		background-color: white;
		background-image: url('aquila/markers/back@1x.png');
		text-decoration: none;
		z-index: 1000;
	}
	
	 
  
input, label {
	 display: block;
 }

input {
	font-size: 1em;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
}

input[type=submit] {
	width: 100%;
}

input[type=radio]{
	float: right;
    margin: 0 0 0 2em;
}
	

textarea {
	font-size: 1em;
	width:200%;
	resize:vertical;
}