@charset "UTF-8";
body {
    overflow: hidden;
    background-color: #000000;
	color: #CC9900;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, nav, aside, section, div, footer, figure {
	display: block;
}
header {
	font-size: 28px;
	padding-bottom: 12px;
	padding-top: 20px;
}
a:active {
	color: #00CC00;
	font-size: 16px;
}
a:hover {
	color: #993399;
	font-size: 16px;
}
a:link {
	color: #00CC00;
	font-size: 16px;
}
a:visited {
	color: #00CC00;
	font-size: 16px;
}
article {
	/*display: inline-block; Remarked out since if defeated the iframe*/
    display: inline-block;
}
section {
	float: left;
}
footer {
	/*clear: both; /* this clear property forces the .container to understand where the columns end and contain them */ 
    clear: both;
    color: #CC9900;
	font-size: 14px;
    padding-left: 150px;
	padding-top: 12px;
}
.container {
    display:inline-block;
    margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.iframe-container {
    overflow:hidden;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.paddingleft {
    text-align: center;
    padding-left: 150px;
}
.navhorizontal {
	display: none;
	text-align: center;
}
.navvertical {
    display:inline-block;
    padding-left: 4px;
}
.button-link {
	font-size: 14px;
	height: 30px;
    padding: 5px 5px 5px 5px;
    background: #4B1803;
    color: #CC9900;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 2px #CC9900;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-link: hover {
    padding: 5px 5px 5px 5px;
/*	background: #663300;*/
	background: #000000;	
    border: solid 2px #CC9900;
    text-decoration: none;
}
.text-align-left {
	text-align: left;
}
.section-left {
	min-width: 150px;
}
.section-right {
	padding-left: 40px;
	padding-right: 0px;	
	padding-top: 12px;
	max-width: 74%;
	text-align: justify;
}
.toplefthome {
    padding-left: 4px;
	position: fixed;
	left: 0;
	top: 0;
}
.previous-left {
	min-width: 150px;
	vertical-align: middle;
}
.leftarrow {
    position: fixed;
    left: 0;
	top: 45%;
}
.photobox {
    display: grid;
 	height: 100%;
	vertical-align: middle;
 }
.center-fit {
   max-width: 100%;
   max-height: 100vh;
   margin: auto;
}
.next-right {
	min-width: 150px;
	vertical-align: middle;
}
.rightarrow {
	position: fixed;
	right: 0;
	top: 45%;
}
.mid {
	position:fixed;
	left: 46%;
	top: 47%;
}
.topright {
	position: fixed;
	right: 0;
	top: 0;
}
.bottomdescription {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.60);
	color: #FFFFFF;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
@media screen and (max-width: 750px) {
	footer {
    padding-left: 0px;
    }
    .navvertical {
		display: none;
	}
	.navhorizontal {
		display: block;
	}
    .paddingleft {
    text-align: center;
    padding-left: 47px;
    }
    .section-right {
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.bottomdescription {
	font-size: 72px;
	}
}