.subBody {
    background-color: white; text-align: center; width:auto
}
input::-webkit-outer-spin-button {margin-left: 4px}
header {
    margin-left:auto;margin-right:auto
}
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:18pt;text-align:center;color:white;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold; font-size:14pt;
    margin-top:10px; margin-bottom:5px;
    margin-right:auto;margin-left: auto;
    text-align:center
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 12pt;
    margin-bottom: 10px;
    text-transform: uppercase
}
.sectionNo {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
}
.page {
    display:inline-block; align-content: center;
}
.indent {
    padding-left: 7px;
}
.page p {font-family:'Times New Roman';
    font-size:12pt;
    font-weight:normal;
    text-align:left
}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons { margin-left: 20px}
.termaBig {
    height:7pt;
    width:auto;
    margin-left: 2px;
}
.termaSmall {
    height:5pt;
    width:auto;
    margin-left: 2px;
}
.page p span b {
    font-family:'Times New Roman';
    font-size:12pt;
    font-weight:normal
}
.page .mantra {
    font-family: 'Times New Roman'; text-transform: uppercase;
    margin-top:15px;margin-bottom:15px;text-align:center
}

.tableOfContents {
    display:none;text-align: left; 
    padding-right:15px;padding-top:5px;padding-bottom:10px;
    background-color:mistyrose;
    color:blue;
    cursor:default
    
}
.tableOfContents li b {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt; text-decoration:underline; font-weight:normal;
    cursor:pointer
}

.ChangePage.B, .ChangePage.F {
    cursor:pointer
}
.CalmAbiding {
   margin-left:10px;margin-right:10px;cursor:pointer
}

.mantra { font-family: 'Times New Roman'; text-transform: uppercase;
    margin-top:15px;margin-bottom:15px;text-align:center
}
.instructions {
    font-family:'Times New Roman'; font-style:italic; font-size:12pt
}
.instructions--c {
    text-align:center
}

.tableOfContentsHeading {
        cursor:pointer;
}
.soundsHeading {
    cursor:pointer;
}
.sounds {
    display:none; text-align:left;
}
.NavBar {
    text-align:center;padding-right:4px;padding-left:4px;background-color:darkblue;width:100%;display:inline-block;color:white;font-family:Arial, Helvetica, sans-serif 
}
.page { margin-left:20px}
.photo {
    border:solid 2px;
    border-bottom-color: #ffe;
    border-left-color: #eed;
    border-right-color: #eed;
    border-top-color: #ccb;
    max-height: 100%;
    max-width:100%
}

.frame {
    background-color: #ddc;
    border: solid 5vmin #eee;
    border-bottom-color: #fff;
    border-left-color: #eee;
    border-radius: 2px;
    border-right-color: #eee;
    border-top-color: #ddd;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) inset, 0 5px 10px 5px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 50px;
    margin-top:50px;
    padding:4vmin;
    position: relative;
    text-align: center;
}
.frame.before {
    border-radius: 2px;
    bottom:-2vmin;
    box-shadow: 0 2px 0 5px rgba(0, 0, 0, 0.25) inset;
    content: "";
    left: -2vmin;
    position: absolute;
    right: -2vmin;
    top: -2vmin;
}
.frame:after {
    border-radius: 2px;
    bottom: -2.5vmin;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
    content: "";
    left: -2.5vmin;
    position: absolute;
    right: -2.5vmin;
    top: -2.5vmin;
}