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: 124vw; width: 99vw; left: 0vw;
}
@media (min-aspect-ratio: 4/3) {.frame1 {height: 99vh; width: 160vh; left: calc(50vw - 80vh);}
}
.title {background: #407060; color: #ffffff; font-size: calc(140% + 1px); position: absolute; top: 14%; width: 99%; padding: 0vh; padding; 0%; margin-top: 0%; margin-bottom: 0%;
}
@media (min-aspect-ratio: 4/3) {.title {top: 6%; width: 90%;font-size: calc(200% + 1px);}
}
#fullscr { position: absolute; right: 1vh; top: 4vh;
} 
@media (min-aspect-ratio: 4/3) {#fullscr {right: 1vw; top: 3vw;}
}
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: 20.5%;}
}
.bigimg {left: 3%; width: 94%; top: 20%; border: solid black 1px; 
}
@media (min-aspect-ratio: 4/3) {.bigimg { top: 10%; width: 73.5%;}
}
.chevimg {width: 2vh;
}
#thumbnails { background: #606080; position: absolute; bottom: 0%; left: 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: scroll; overflow-x: hidden; left: 87%; top: 14%; height: 85%; width: 13%; white-space: no-wrap;}
}
.album1, .album2, .album3, .album4 {width: 25vw; height: 20vw; vertical-align: top; color: white; text-align: center; font-family: inherit; margin: 0vh; padding: 0.1vh; border: 0.2vh solid white; display: inline-block;
}
@media (min-aspect-ratio: 4/3) {.album1, .album2, .album3, .album4 {width: 25vh; height: 20vh;}
}
#thumbbox {background: #806060; width: 18vw; height: 100%; 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: 18vh; height: 19vh;} 
}
.thumb { width: 100%; padding: 0vh; vertical-align: top;
}
.hidebtn1 {position: cursor: pointer; color: black; background-color: #00ff00; inherit; font-size: 160%; font-weight: bold; margin: 0; padding: 0.5vh;
}
@media (min-aspect-ratio: 4/3) {.hidebtn1 { font-size: 140%;}
}
.links {position: absolute; top: 5%; right: 0%; width: 100%; margin-top: 0%; margin-right: 0%;
}
@media (min-aspect-ratio: 4/3) {.links {top: 0%; width: 30%;}
}
.linkbtn, .linkbtn1 { cursor: pointer; font-family: inherit; font-size: 160%;
  font-weight: bold; margin-top: 0%; margin-left: 2%; padding: 0% 2% 0% 2%;
}
@media (min-aspect-ratio: 4/3)  {.linkbtn, .linkbtn1 { font-size: 140%; padding: 0% 6% 0% 6%;}
}
.linkbtn {color: white; background-color: green;
}
.linkbtn1 {color: #aaaaaa; background-color: #808080;
}
.header {font-size: calc(150% + 1px); color: white; 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; margin-left: 2%; margin-top: 0%; padding: 0%; font-family: inherit; width: 68%;} 
}
.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, .hidebtn1:hover {background-color: #808080;
}
.show {  display: block;
}
.album1 {background-color: #006000;
}
.album2 {background-color: #000060;
}
.album3 {background-color: #606000;
}
.album4 {color: #404040; background-color: #606060;
}
.album1:hover, .album2:hover, .album3:hover {background-color: #808080;
}
.large, .large2 {font-size: calc(2.6vw + 5px); font-weight: bold; color: #f080f0;
}
.large2 {color: #404040;
}
@media (min-aspect-ratio: 4/3) {.large, .large2 {font-size: calc(2.6vh + 5px);}
}
.large1 {font-size: 3vh; font-weight: bold; color: #000000;
}
.medium {font-size: calc(2vw + 3px); font-weight: bold; color: #e0e000;
}
@media (min-aspect-ratio: 4/3) {.medium {font-size: calc(2vh + 3px);}
}
.small {font-size: calc(1.7vw + 2px); font-weight: bold;
}
@media (min-aspect-ratio: 4/3) {.small {font-size: calc(1.7vh + 2px);}
}

a:hover {color:#e00000;
}
#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,
#full {
  display: none;}

#pic100, #norm {
  display: block;}