body { font-size: 1.4vh; background-attachment: scroll; 
margin-left: 1vh; background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #404040;
}
html { margin: 0;	padding: 0;
}
.frame1 {position: absolute; top: 0%; background: #a0a080; border: solid black 1px; height: 130vw; width: 99vw; left: 0vw;
}
@media (min-aspect-ratio: 4/3) {.frame1 {height: 99vh; width: 150vh; left: calc(50vw - 75vh);}
}
.title {background: #407060; color: #ffffff; font-size: calc(140% + 1px); position: absolute; top: 16%; left: 3%; width: 97%; padding: 0vh; padding; 0%; margin-top: 0%; margin-bottom: 0%;
}
@media (min-aspect-ratio: 4/3) {.title {top: 6%; left: 3%; width: 82%; font-size: calc(200% + 1px);}
}
#fullscr { position: absolute; right: 1%; top: 8%;
} 
@media (min-aspect-ratio: 4/3) {#fullscr {right: 4vh; top: 6vh;}
}
p {font-size: 1.4vh; color: #000000; font-family: inherit; align: center; 
}
.nowrap {white-space: nowrap;
}
@media (min-aspect-ratio: 4/3) {.nowrap {white-space: normal;}
}
img.chevl, img.chevr, img.bigimg {background: transparent; position: absolute; padding: 0%; margin-top: 0%; margin-bottom: 0%; border: 0%;
}
.chevl, .chevr { width: 10%; top: 40%; 
}
.chevl {left: 0%; z-index: 998;
}
.chevr {right: 0%; z-index: 999;
}
@media (min-aspect-ratio: 4/3) {.chevr {right: 14.8%;}
}
.bigimg {left: 3%; width: 93.5%; top: 22%; border: solid black 1px; 
}
@media (min-aspect-ratio: 4/3) {.bigimg { top: 10%; width: 79%;}
}
.chevimg {width: 2vh;
}
#thumbnails { background: #606080; position: absolute; left: 0%; bottom: 0%; height: 23%; width: 99%; font-size: 130%; color: white; display: inline-block; overflow-x: scroll; overflow-y: hidden; white-space: no-wrap;
}
@media (min-aspect-ratio: 4/3)  {#thumbnails {overflow-y: auto; overflow-x: hidden; left: 86%; top: 13%; height: 86%; width: 14%; white-space: no-wrap;}
}
.album1, .album2, .album3, .album4, .albumblank {width: 160px; height: 140px; vertical-align: top; color: white; text-align: center; font-family: inherit; margin: 0vh; padding: 0.1vh; border: 0.2vh solid white; display: inline-block;
}
.album1 {background-color: #006000;
}
.album2 {background-color: #000060;
}
.album3 {background-color: #606000;
}
.album4 {background-color: #000060;
}
.albumblank {background-color: #404040;
}
.album1:hover, .album2:hover, .album3:hover, .album4:hover {background-color: #808080;
}
#thumbbox {background: #806060; width: 20%; height: 90%; vertical-align: top; color: white; text-align: center; font-family: inherit; margin: 0vh; padding: 0vh; border: 0.5vh solid white; display: inline-block; white-space: normal; overflow: hidden;
}
@media (min-aspect-ratio: 4/3) {#thumbbox {width: 90%; height: 21%;} 
}
.thumb { width: 100%; padding: 0vh; vertical-align: top;
}
.hidebtn1 {position: cursor: pointer; color: black; background-color: #00ff00; inherit; font-size: 130%; font-weight: bold; margin: 0; padding: 0.5vh;
}
@media (min-aspect-ratio: 4/3) {.hidebtn1 { font-size: 150%;}
}
.links {position: absolute; top: 9%; right: 0%; width: 100%; margin-top: 0%; margin-right: 0%;
}
@media (min-aspect-ratio: 4/3) {.links {top: 0%; width: 38%;}
}
.linkbtn, .linkbtn1, .linkbtn2 { cursor: pointer; font-family: inherit; font-size: 140%;
  font-weight: bold; margin-top: 0%; margin-left: 1%; padding: 0% 2% 0% 2%;
}
@media (min-aspect-ratio: 4/3)  {.linkbtn, .linkbtn1, .linkbtn2 { font-size: 140%; padding: 0% 2% 0% 2%;}
}
.linkbtn {color: white; background-color: green;
}
.linkbtn1 {color: #aaaaaa; background-color: #808080;
}
.linkbtn2 {color: white; background-color: blue;
}
#header {font-size: calc(180% + 1px); color: white; background: #a0a080; margin-left: 2%; margin-top: 0%; padding: 0%; font-family: inherit; width: 100%;
}
@media (min-aspect-ratio: 4/3) {#header {font-size: calc(240% + 1px); color: white; background: #a0a080; margin-left: 2%; padding: 0%; font-family: inherit; width: 68%; white-space: no-wrap;} 
}
.header1 {font-size: calc(3vw + 5px); width: 100%; color: white; background: #608060;
}
@media (min-aspect-ratio: 4/3)  {.header1 {font-size: calc(3vh + 5px);}
}
.header2 {font-size: 5vw; width: 100%; left: 0%; color: black; 
}
@media (min-aspect-ratio: 4/3)  {.header2 {font-size: 4vh;}
}
.normtxt {font-size: 4vw; width: 100%; left: 0%; color: black;
}
@media (min-aspect-ratio: 4/3)  {.normtxt {font-size: 3vh;}
}
.button {margin-top: 0vh; border-top: 0vh;
}
.linkbtn:hover, .linkbtn2:hover, .hidebtn1:hover {background-color: #808080;
}
.show {  display: block;
}
.large {font-size: 20px; font-weight: bold; color: #f080f0;
}
.large1 {font-size: 18px; font-weight: bold; color: #dddddd;
}
.large2 {font-size: 18px; font-weight: bold; color: #000060;
}
.headbig {margin-top: 0%; font-size: calc(240% + 1px); color: white; background: #a0a080; padding: 0%;
 font-family: inherit; text-align: center; display: block;
}
@media (min-aspect-ratio: 4/3) {.headbig { margin-left: 2%; margin-top: 0%; text-align: left;
 display: inline-block;}
}
.headsml {margin-top: 0%; font-size: calc(160% + 1px); color: white; background: #a0a080; font-family: inherit; text-align: center; display: block;
}
@media (min-aspect-ratio: 4/3) {.headsml {font-size: calc(160% + 1px); color: white; background: #a0a080; margin-top: -2%; text-align: left; display: inline-block;}
}
.medium, .medium1 {font-size: 16px; font-weight: bold; color: #e0e000; line-height: 30px;
}
.medium1 {color: #f080f0; font-size: 18px; 
}
.small {font-size: 14px; font-weight: bold;
}
a:hover {color:#e00000;
}
#map { position: absolute; top: 96px; left: 0px; height: 500px; width: 500px;
  border: solid black 1px;}
@media (min-aspect-ratio: 4/3) {#map { left: calc(50vw - 400px);}
}
#keybox { position: absolute; top:650px; left: 0px; width: 500px;
  background-color: #e0e0e0; border: solid black 1px;
}
@media (min-aspect-ratio: 4/3) {#keybox { top:34px; height: 562px; left: calc(50vw + 110px);
  width: 300px;}
}
.visible1 {visibility: collapse;
}
@media (min-aspect-ratio: 4/3) {.visible1 {visibility: visible; }
}
.visible2 {visibility: visible;
}
@media (min-aspect-ratio: 4/3) {.visible2 {visibility: collapse; }
}
#keyhead, { position: absolute; height: 30px; color: white; font-weight: bold;
 font-size: 120%; padding: 2px;
}
#keyhead { width: 498px; left: 0px; top: 620px; background-color: #606060;
}
@media (min-aspect-ratio: 4/3) {#keyhead { left: calc(50vw + 110px); top: 0px; width: 298px;}
}
#info { display: block; position: absolute; margin: 0px; top: 34px; left: 0px; width: 492px;
  height: 56px; padding: 5px; border: none; border-radius: 0 0 3px 3px; text-align: center;
  color: #fff; background: #333; font-size: 14px;}
@media (min-aspect-ratio: 4/3) {#info { left: calc(50vw - 400px);}
}
.keynorm { font-weight: normal; font-size: 16px; font-family: inherit;
}
.keylge { font-weight: bold; font-size: 20px; font-family: inherit; margin: 0px; color: #f0f0f0;
}
.keysml { font-weight: normal; font-size: 14px; font-family: inherit;
}
.maphd { font-weight: bold; font-size: 18px; font-family: inherit; margin: 0px; color: #f0f0f0;
}
#pic101, #pic102, #pic103, #pic104, #pic105, #pic106, #pic107, #pic108, #pic109,
#pic110, #pic111, #pic112, #pic113, #pic114, #pic115, #pic116, #pic117, #pic118, #pic119,
#pic120, #pic121, #pic122, #pic123, #pic124, #pic125, #pic126, #pic127, #pic128, #pic129,
#pic130, #pic131, #pic132, #pic133, #pic134, #pic135, #pic136, #pic137, #pic138, #pic139,
#pic140, #pic141, #pic142, #pic143, #pic144, #pic145, #pic146, #pic147, #pic148, #pic149,
#pic150, #pic151, #pic152, #pic153, #pic154, #pic155, #pic156, #pic157, #pic158, #pic159,
#pic160, #pic161, #pic162, #pic163, #pic164, #pic165, #pic166, #pic167, #pic168, #pic169,
#pic170, #pic171, #pic172, #pic173, #pic174, #pic175, #pic176, #pic177, #pic178, #pic179,
#pic180, #pic181, #pic182, #pic183, #pic184, #pic185, #pic186, #pic187, #pic188, #pic189,
#pic190, #pic191, #pic192, #pic193, #pic194, #pic195, #pic196, #pic197, #pic198, #pic199,
#pic200, #pic201, #pic202, #pic203, #pic204, #pic205, #pic206, #pic207, #pic208, #pic209,
#pic210, #pic211, #pic212, #pic213, #pic214, #pic215, #pic216, #pic217, #pic218, #pic219,
#pic220, #pic221, #pic222, #pic223, #pic224, #pic225, #pic226, #pic227, #pic228, #pic229,
#pic230, #pic231, #pic232, #pic233, #pic234, #pic235, #pic236, #pic237, #pic238, #pic239,
#pic240, #pic241, #pic242, #pic243, #pic244, #pic245, #pic246, #pic247, #pic248, #pic249,
#pic250, #pic251, #pic252, #pic253, #pic254, #pic255, #pic256, #pic257, #pic258, #pic259,
#pic260, #pic261, #pic262, #pic263, #pic264, #pic265, #pic266, #pic267, #pic268, #pic269,
#pic270, #pic271, #pic272, #pic273, #pic274, #pic275, #pic276, #pic277, #pic278, #pic279,
#pic280, #pic281, #pic282, #pic283, #pic284, #pic285, #pic286, #pic287, #pic288, #pic289,
#pic290, #pic291, #pic292, #pic293, #pic294, #pic295, #pic296, #pic297, #pic298, #pic299,
#full {
  display: none;}

#pic100, #norm {
  display: block;}