﻿
body {
    font-size: 2.4vh;
}

.picture {
    outline: 0.40vw solid transparent;
    border: 0.20vw solid transparent;
}

#divHome {
    height: 70vh;
}

#divMission {
    width: 30vw;
}

#imgMission {
    max-width: 25vw;
}

#divStageA {
    width: 30vw;
    padding-bottom: 1vh;
}

#imgStageA {
    max-width: 25vw;
}

.classStageA {
    float: left;
    width: 40vw;
}

#divStageB {
    width: 25vw;
    margin-top: 1vh;
}

#imgStageB {
    max-width: 20vw;
}

#divStageC {
    width: 25vw;
    margin-top: 1vh;
    display: none;
}

#imgStageC {
    max-width: 20vw;
}

#divStageD {
    width: 25vw;
    margin-top: 1vh;
}

#imgStageD {
    max-width: 20vw;
}

#pStageX {
    margin: 0;
    margin-bottom: 0vh;
}

#divMonograph {
    height: 40vh;
}

#sHeader {
    width: 100%;
    height: 8vh;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    padding: 2.5vh 4vw 0 4vw;
    text-align: center;
    background-color: white;
}

#sHeaderName {
    text-align: left;
}

#sHeaderNameFull {
    padding-left: 1.0vw;
    font-size: 5vh;
}

#sHeaderNameFirst {
    display: inline;
}

#sPageName {
    font-size: 5vh;
}

#sMenu {
    width: 13vw;
    position: fixed;
    z-index: 100;
    top: 15vh;
    left: 2vw;
    list-style-type: none;
}

#sMenu li {
    margin-top: 4.0vh;
    font-size: 3.0vh;
    text-align: left;
}

.menuItem {
    background-color: white;
}

.menuCurrent {
    color: lightgreen;
    cursor: default;
}

.menuBlank {
    color: white;
    cursor: default;
}

#sBody {
    width: 70vw;
    height: 75vh;
    position: fixed;
    z-index: 90;
    top: 14vh;
    left: 25vw;
}

#sContent {
    height: inherit;
    overflow:auto;
    text-align: center;
}

#sFooter {
    width: 100%;
    height: 5vh;
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
    font-size: 2vh;
    text-align: left;
    background-color: lightgray;
    padding-top: 2.5vh;
}

#sVCR {
    width: inherit;
    height: 5vh;
    margin: auto;
    margin-top: 6vh;
    z-index: 100;
    font-size: 3.5vh;
}

#iVCR {
    padding-top: 1.0vh;
}

#imagesPictures {
    height: 35vh;
    margin: auto;
}

.imagesPicture {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

#imagesText {
    height: 25vh;
}

.imagesTextTitle {
    font-size: 165%;
}

.imagesTextDescription {
    margin-top: 0.75vh;
    font-size: 115%;
}

.imagesBoxDisplay {
    width: 75%;
}

.imagesTextDisplay {
    font-size: 115%;
}

.imagesTextMore {
    font-size: 90%;
}

.imagesTextGroup {
    margin-top: 0.75vh;
    font-size: 115%;
}

.modalBooks-content {
    width: 80%;
    margin: 1vh auto 0 auto;
    padding: 2vh 5vw;
}

.essayButton {
    font-size: 2.3vh;
}

.essayPNG {
    display: inline;
}

.essayPDF {
    display: none;
}

#criticsEssay {
    top: 0;
    left: 0;
    width: 100%;
    height: 97.5%;
    padding-top: 2vh;
}

#essayPages {
    margin-top: 1vh;
}

#essayFlip {
    margin-top: 2vh;
}

.ytWrapper {
    width: 52vw;
    height: 29.25vw;
    margin: auto;
}
