﻿body {
	font-family:				"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:					14pt;
	text-align:					center;
	padding:					0;
	margin:						0;
	color:						white;
	background:					url("../images/master_back.jpg") center center;
	background-position:		center;
	background-attachment:		fixed;
	-webkit-background-size:	cover;
	-moz-background-size:		cover;
	-o-background-size:			cover;
	background-size:			cover;
}

.no-webp body {
	background-image:			url("../images/master_back.jpg");
}

.webp body{
	background-image:			url("../images/master_back.webp");
}



#masthead{
	width:						auto;
	padding:					2%;
	margin:						2%;
	background-color:			rgba(7, 7, 34, 0.80);
}



#container {
	position:					relative;
	width:						auto;
	padding:					2%;
	margin:						2%;
	overflow-y:					auto;
	background-color:			rgba(7, 7, 34, 0.93);
}

#container::-webkit-scrollbar {
	width:						7px;
}

#container::-webkit-scrollbar-thumb {
	background-color:			darkgrey;
}



#nav {
	position:					relative;
	float:						left;
	width:						fit-content;
	padding:					1%;
	margin:						0 2%;
	text-align:					left;
	background-color:			rgba(7, 7, 34, 0.83);
	color:						white;
	overflow-y:					auto;
	overflow-x:					hidden;
}
#nav a {
	display:					block;
	padding:					5px;
	color:						inherit;
	text-decoration:			inherit;
}
#nav a:hover {
	background-color:			rgb(20,20,20);
}
#nav::-webkit-scrollbar {
	width:						7px;
}
#nav::-webkit-scrollbar-thumb {
	background-color:			darkgrey;
}



#footer {
	position:					relative;
	width:						100%;
	padding-top:				2%;
	margin-top:					2%;
	text-align:					center;
	font-size:					12pt;
	color:						white;
	border-top:					2px white solid;
}
#footer a {
	color:						inherit;
	text-decoration:			inherit;
}



.center {
	text-align:					center;
	width:						100%;
}



hr {
	width:						100%;
	height:						2px;
	margin:						40px auto 40px auto;
	border:						0px;
	background-color:			white;
}

h1 {
	text-align:					center;
	font-size:					20pt;
}

h2 {
	text-align:					center;
	font-size:					16pt;
}

h3 {
	text-align:					center;
	font-size:					14pt;
}

a {
	padding:					0;
	color:						inherit;
	text-decoration:			underline;
}

p {
	text-align:					left;
}

ul {
	text-align:					left;
}



#webForm {
	width:						70%; 
	margin:						auto;
	padding:					10px; 
	border:						2px white solid; 
}

.formLabel {
	display:					inline-block;
	width:						30%;
	text-align:					right;
}

.formField {
	display:					inline-block;
	width:						60%;
	text-align:					left;

}

#resultMsg {
	width:						90%;
	height:						50px;
	border:						0;
}


#gal{
	position:					relative;
	width:						500px;
	height:						400px;
	margin:						auto;
	background-color:			black;
	vertical-align:				middle;
}
#galImg{
	position:					relative;
	margin:						auto;
	height:						auto;
	width:						auto;
	max-width:					100%;
	max-height:					100%;
}
.arrow{
	position:					absolute;
	height:						100%;
	vertical-align:				middle;
	padding-right:				10px;
	padding-left:				10px;
	cursor:						pointer;
	user-select:				none;
	font-size:					18pt;
	z-index:					1;
	color:						white;
	background-color:			rgba(0, 0, 0, 0.733);
	vertical-align:				middle;
	display:					table;
}

#previewBanner{
	position:					absolute;
	bottom:						0;
	height:						fit-content;
	width:						100%;
	text-align:					center;
	z-index:					2;
	vertical-align:				middle;
	display:					table-cell;
}

.previewImg{
	width:						11%;
	display:					inline-block;
	vertical-align:				middle;
	margin:						5px; 
	border:						1px rgb(0, 0, 0) solid;
}

.previewImg:hover{
	cursor:						pointer;
}

#content img.previewImg{
	display:					inline-block;
}
#previewImg0{
	box-shadow:					0px 0px 5px 5px rgba(182, 194, 15, 0.795);
}

.galPagePrev {
	width:						250px; 
	display:					inline-block; 
	margin:						20px 5px 0px 5px;
}

#countdown {
	font-size:					18pt;
}