/* CSS Document */ @charset "utf-8";

body{ font-family:"Courier New", Courier, monospace; color:#333333; background-color:#FFFFFF; padding:0px 75px 10px 25px; font-size:10px;}

*{ border:0; margin:0; padding:0;}

header{ position:fixed; background-color:inherit; width:100%; padding-top:25px; top:0;}

a{ text-decoration:none; color:#333333;}
a:hover{ color:#B40101; background-color:#FFFFFF;}

h1{ font-size:1.8em; font-weight:normal; display:block;}

ul{ list-style:none;}
li{ font-size:1.2em;}

button{ font-family:"Courier New", Courier, monospace;}

/* Dropdown Menu */
.navbar{ overflow:hidden; padding:1em 0 1em 0;}
.menuspace{ float:left; padding:0 1em;}
.navbar a{ float:left; font-size:1.2em; text-align:center; text-decoration:none;}
.dropdown{ float:left; overflow:hidden;}
.dropdown .dropbtn{ font-size:1.2em; border:none; outline:none; background-color:inherit;}
.navbar a:hover, .dropdown:hover .dropbtn{}
.dropdown-content{ display:none; position:absolute; background-color:#f9f9f9; min-width:15em; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1; padding:1.2em 0;}
.dropdown-content a{ float:none; padding:12px 16px; text-decoration:none; display:inline; text-align:left;}
.dropdown-content a:hover{ background-color:#ddd;}
.dropdown:hover .dropdown-content{ display:block;}

/* pic-box table */
#pic-box{ margin-top:7.5em; margin-bottom:2em;}
#pic-box td.second, #pic-box td.next, #pic-box td.last{ padding-left:15em; padding-right:15em;}
#pic-box .textmiddle{ vertical-align:middle; width:17.5em;}
#pic-box .first{ padding:0;}
#pic-box .second{}
#pic-box .next{ vertical-align:bottom;}
#pic-box .nextpic{ padding:0 75px;}
#pic-box .last{}
#pic-box h2, #pic-box p, .menubar{ font-size:1.2em; padding:10px 0 10px 0;}
#pic-box td.second p, #pic-box td.next p, #pic-box td.last p{ padding:1em 0 1em 0;}
#pic-box .quote{ font-style:italic;}
#pic-box h2, #pic-box h3{ text-decoration:underline; font-weight:normal;}
#pic-box h3{ padding-bottom:1em; padding-top:1em;}
#pic-box .credits{ vertical-align:bottom; min-width:20em; padding-bottom:1.2em;}
#pic-box img:hover{opacity:0.7; cursor:pointer;}

.justify{ text-align:justify;}

footer{ padding:0.5em 0 0.5em 0; font-size:1.2em; position:fixed; clear:both; width:100%; background-color:#FFFFFF; bottom:0;}

.pic80, pic60, .pic40{ display:block; margin:0 auto;}

/* Lightbox ref: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img */

#kbMod{ display:none; position:absolute; z-index:1000; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(255,255,255); background-color:rgba(255,255,255,1);}

.mySlides{ display:none;}

.kbImg{ margin:auto; display:block; margin-top:56px;}

.mySlides p{ margin:auto; display:block; width:80%; max-width:700px; text-align:center; padding:10px 0; font-size:16px;}

.kbImg, .mySlides p{ -webkit-animation-name:zoom; -webkit-animation-duration:0.6s; animation-name:zoom; animation-duration:0.6s;}
@-webkit-keyframes zoom{ from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom{ from {transform:scale(0)} to {transform:scale(1)}}

/*.kbImg:hover{transform: scale(1.5);}*/

.kbQty{ position:absolute; top:16px; left:16px; font-size:16px;}

/* The Close Button */
.close{ position:absolute; top:0px; right:16px; font-size:48px; font-weight:bold; transition:0.3s; color:#dddddd;}
.close:hover, .close:focus{ color:#b40101; text-decoration:none; cursor:pointer;}

/* Next & previous buttons */
.prevS, .nextS{ cursor:pointer; position:absolute; top:56px; width:auto; padding:0 16px; color:#dddddd; font-size:40px; transition:0.6s ease; border-radius:0 3px 3px 0; user-select:none; -webkit-user-select:none;}
.nextS{ right:0; border-radius:3px 0 0 3px;}
.prevS:hover, .nextS:hover{ background-color: rgba(238,238,238,0.5);}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){ .kbImg{ width:100%;}}

/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
@media (max-height: 1600px){
	.pic80{ max-height:1100px; padding:100px 0 0 0;}
	.pic60{ max-height:880px; padding:210px 0 110px 0;}
	.pic40{ max-height:660px; padding:320px 0 220px 0;}}
@media (max-height: 1550px){
	.pic80{ max-height:1050px; padding:100px 0 0 0;}
	.pic60{ max-height:840px; padding:205px 0 105px 0;}
	.pic40{ max-height:630px; padding:310px 0 210px 0;}}
@media (max-height: 1500px){
	.pic80{ max-height:1000px; padding:100px 0 0 0;}
	.pic60{ max-height:800px; padding:200px 0 100px 0;}
	.pic40{ max-height:600px; padding:300px 0 200px 0;}}
@media (max-height: 1450px){
	.pic80{ max-height:950px; padding:100px 0 0 0;}
	.pic60{ max-height:760px; padding:195px 0 95px 0;}
	.pic40{ max-height:570px; padding:290px 0 190px 0;}}
@media (max-height: 1400px){
	.pic80{ max-height:900px; padding:100px 0 0 0;}
	.pic60{ max-height:720px; padding:190px 0 90px 0;}
	.pic40{ max-height:540px; padding:280px 0 180px 0;}}
@media (max-height: 1350px){
	.pic80{ max-height:850px; padding:100px 0 0 0;}
	.pic60{ max-height:680px; padding:185px 0 85px 0;}
	.pic40{ max-height:510px; padding:270px 0 170px 0;}}
@media (max-height: 1300px){
	.pic80{ max-height:800px; padding:100px 0 0 0;}
	.pic60{ max-height:640px; padding:180px 0 80px 0;}
	.pic40{ max-height:480px; padding:260px 0 160px 0;}}
@media (max-height: 1250px){
	.pic80{ max-height:750px; padding:100px 0 0 0;}
	.pic60{ max-height:600px; padding:175px 0 75px 0;}
	.pic40{ max-height:450px; padding:250px 0 150px 0;}}
@media (max-height: 1200px){
	.pic80{ max-height:700px; padding:100px 0 0 0;}
	.pic60{ max-height:560px; padding:170px 0 70px 0;}
	.pic40{ max-height:420px; padding:240px 0 140px 0;}}
@media (max-height: 1150px){
	.pic80{ max-height:650px; padding:100px 0 0 0;}
	.pic60{ max-height:520px; padding:165px 0 65px 0;}
	.pic40{ max-height:390px; padding:230px 0 130px 0;}}
@media (max-height: 1100px){
	.pic80{ max-height:600px; padding:100px 0 0 0;}
	.pic60{ max-height:480px; padding:160px 0 60px 0;}
	.pic40{ max-height:360px; padding:220px 0 120px 0;}}
@media (max-height: 1050px){
	.pic80{ max-height:550px; padding:100px 0 0 0;}
	.pic60{ max-height:440px; padding:155px 0 55px 0;}
	.pic40{ max-height:330px; padding:210px 0 110px 0;}}
@media (max-height: 1000px){
	.pic80{ max-height:500px; padding:100px 0 0 0;}
	.pic60{ max-height:400px; padding:150px 0 50px 0;}
	.pic40{ max-height:300px; padding:200px 0 100px 0;}}
@media (max-height: 950px) {
	.pic80{ max-height:450px; padding:100px 0 0 0;}
	.pic60{ max-height:360px; padding:145px 0 45px 0;}
	.pic40{ max-height:270px; padding:190px 0 90px 0;}}
@media (max-height: 900px) {
	.pic80{ max-height:400px; padding:100px 0 0 0;}
	.pic60{ max-height:320px; padding:140px 0 40px 0;}
	.pic40{ max-height:240px; padding:180px 0 80px 0;}}
@media (max-height: 850px) {
	.pic80{ max-height:350px; padding:100px 0 0 0;}
	.pic60{ max-height:280px; padding:135px 0 35px 0;}
	.pic40{ max-height:210px; padding:170px 0 70px 0;}} /* 801+ */
@media (max-height: 800px) {
	.pic80{ max-height:330px; padding:100px 0 0 0;}
	.pic60{ max-height:260px; padding:135px 0 35px 0;}
	.pic40{ max-height:210px; padding:160px 0 60px 0;}}
@media (max-height: 750px) {
	.pic80{ max-height:320px; padding:100px 0 0 0;}
	.pic60{ max-height:250px; padding:135px 0 35px 0;}
	.pic40{ max-height:220px; padding:150px 0 50px 0;}}
@media (max-height: 700px) {
	.pic80{ max-height:300px; padding:100px 0 0 0;}
	.pic60{ max-height:240px; padding:130px 0 30px 0;}
	.pic40{ max-height:220px; padding:140px 0 40px 0;}}
@media (max-height: 650px) {
	.pic80{ max-height:290px; padding:100px 0 0 0;}
	.pic60{ max-height:230px; padding:130px 0 30px 0;}
	.pic40{ max-height:210px; padding:140px 0 40px 0;}}
@media (max-height: 600px) {
	.pic80{ max-height:270px; padding:100px 0 0 0;}
	.pic60{ max-height:220px; padding:125px 0 25px 0;}
	.pic40{ max-height:170px; padding:150px 0 50px 0;}}
@media (max-height: 550px) {
	.pic80{ max-height:250px; padding:75px 0 0 0;}
	.pic60{ max-height:200px; padding:100px 0 25px 0;}
	.pic40{ max-height:160px; padding:120px 0 45px 0;}}
@media (max-height: 500px) {
	.pic80{ max-height:250px; padding:50px 0 0 0;}
	.pic60{ max-height:190px; padding:80px 0 25px 0;}
	.pic40{ max-height:150px; padding:100px 0 50px 0;}}
@media (max-height: 460px) {
	.pic80{ max-height:220px; padding:50px 0 0 0;}
	.pic60{ max-height:180px; padding:70px 0 20px 0;}
	.pic40{ max-height:140px; padding:90px 0 40px 0;}}
@media (max-height: 420px) {
	.pic80{ max-height:220px; padding:50px 0 0 0;}
	.pic60{ max-height:170px; padding:75px 0 25px 0;}
	.pic40{ max-height:130px; padding:100px 0 40px 0;}}
@media (max-height: 395px) {
	.pic80{ max-height:200px; padding:50px 0 0 0;}
	.pic60{ max-height:160px; padding:70px 0 70px 0;}
	.pic40{ max-height:120px; padding:95px 0 35px 0;}}
@media (max-height: 370px) {
	.pic80{ max-height:180px; padding:50px 0 0 0;}
	.pic60{ max-height:150px; padding:65px 0 15px 0;}
	.pic40{ max-height:110px; padding:90px 0 30px 0;}}
@media (max-height: 345px) {
	.pic80{ max-height:160px; padding:50px 0 0 0;}
	.pic60{ max-height:140px; padding:60px 0 60px 0;}
	.pic40{ max-height:100px; padding:80px 0 30px 0;}}
@media (max-height: 320px) {
	.pic80{ max-height:130px; padding:50px 0 0 0;}
	.pic60{ max-height:120px; padding:55px 0 5px 0;}
	.pic40{ max-height:90px; padding:60px 0 30px 0;}}