p 
    {
    color: black;
    text-indent: 30px; margin: 0px;  text-align: justify; font-family: Verdana sans-serif;  line-height: 125%; font-size: 120%;
    }
    blockquote
    {
     text-indent: 30px; text-align: justify; font-family: calibri; font-size: 115%; line-height: 115%;
    }
    ul {
    list-style-type: none; margin: 0; 
    }
    sup {
    line-height: 10%; font-size: 70%;}
    html {
    background-color: #0f4203;
    }
body{
        background-color: #0f4203;}
        
        html {
    background-color: #0f4203;
}
.boostFont {
  font-size: 150%;
}
#tableFormat1 tr td:nth-of-type(2){
      text-align: right 
  }
  #tableFormat2 tr td:first-child{padding-right: 93px
}
  #tableFormat3 tr td:first-child{padding-right: 15px
}
  #tableFormat4 tr td:first-child{padding-right: 43px
}
  #tableFormat5 tr td:first-child{padding-right: 108px
}
  #tableFormat6 tr td:first-child{padding-right: 116px
}



blockquote p {
    font-family: calibri; font-size: 100%; color: black; font-size: 100%;  line-height: 115%;
}
/* Steve, you are using descendent combinators here! */
blockquote blockquote {font-size: 100%;  line-height: 115%;}
/* Steve, you are using descendent combinators here! */
    h1 {
        text-align: center;
        font-size: 28pt !important;
    }
    h2 { text-align: center; margin-top: 2em;}
    h3 { text-align: left; } 
    h4 { text-align: center; }

    /* Control style inside the black shadow borders #e5e29a*/
         .wrapper{
        background-color: #e5e29a;
        max-width: 1000px;
        /*max-width: 50%; 1218px*/
        margin: 0px auto;
        border: 2px solid black; border-radius: 7px;
        padding: 0px 47px;
        box-shadow: 0px 0px 30px 5px black;
        /* https://codepen.io/sdthornton/pen/wBZdXq */
    }  

.listText {font-size: 120%;}

     .enlarge-text {
         font-size: 30px; 
         text-align: center;
         text-indent: 0px;
     }
   .enlarge-text-left {
         font-size: 21px; 
         text-align: left;
         text-indent: 0px;
         margin: 30px, 
     }
           /* You can also control just one side of the square by separating out the values
        margin: 10px 12px 14px 18px; or margin: 10px; */
      
    .more-margin {
        margin-left: 50px;
    }
    .no-margin {margin: 0;}
    .no-indent {text-indent: 0px;}
    .super-indent {text-indent: 100px;}  
    .center-text {
        text-align: center;
        text-indent: 0px;
    }
    .align-right {text-align: right;} 
    .align-left {text-align: left; text-indent: 30px;} 
    .left {
      float: left;
      padding: 0 20px 20px 0;}
    .right {
      float: right;
     padding: 0px 0px 20px 20px;
}
 
.extraHeading {text-indent: 0px; font-size: 30px; color: #7f0521; text-align: center; margin-top: 20px; margin-bottom: 25px; font-weight: 400; 
}

.extraIndent {text-indent: 50px; }


.photoclassRight {  float: right;
     margin: 10px 0px 20px 20px;  box-shadow: 6px -6px 10px 0px #0a2c02; border-radius: 4px}

.centerThis {
        text-align: center;
      }

  .centerThis p {
  text-align: center; text-indent: 0px;
}

.extraMaterial h2 {
  text-align: left; margin-top: 35px; margin-bottom: 10px;
}
.extraMaterial p { line-height: 140%; text-indent: 0px;} 

.rightWithCaption {
      float: right;
      -webkit-float: right;
      -o-float: right;
      padding: 0 0px 5px 20px;
     }
     

figure {margin: 0px !important;}

     .rightWithCaption figure{
         margin: 0px !important;
     }
    /*     
    .leftWithCaption figure{
         margin: 0px !important;
     }*/
      .leftWithCaption {
      float: left;
      -webkit-float: left;
      -o-float: left;
      padding: 0 20px 5px 0px;
     }
     
     .leftWithCaption figure{
        
     }
      /* Control margin around footnotes list */
.footnoteList{
    padding-left: 11px;
}
.lookLikeButton{
    cursor: pointer;   background-color: #9096ea; 
  border-radius: 4px;
    color: black;
    padding: 6px 7px;
  
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
}
    
    .colorchange {
      color: white;     
    }
/*
.footNumber{
    For making footnotes black and overiding default text decoration behavior
    text-decoration: none;
    color: black;
}
*/

.flex-container {
    /* display: -webkit-box;
    display: -ms-flexbox; */
    display: flex;
    justify-content: center;
}

.navbar-default {
    background-color: #9096ea;
  border-color: #e7e7e7;}
/* The stuff above is for testing.#0a2c02 */
  
  .boxtest {height: 180px; width: 30%; border-width: 10px 20px 10px 20px; border-color: black; overflow: scroll; background-color: brown; padding: 15px; border-style: solid; box-shadow: 0 0 30px 30px #0a2c02; border-radius: 10px}

.boxtest2 {height: 200px; width: 200px; border-width: thick; border-color: aqua; border-style: dotted; overflow: hidden;}

.photoclass { box-shadow: 6px -6px 10px 0px #0a2c02; border-radius: 4px}

li {margin: 5px;}

.centerimage {align: middle;}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
} 
.extraTopMargin {margin: 15px 0px 0px 0px}
.extratopmargin {margin: 15px 0px 0px 0px}

figcaption {font-size: 120%; margin-top: 0px; color: #0a2185;}
.topBottomMargin {margin: 15px 0px 15px 0px}
.TopBottomMargin {margin: 15px 0px 15px 0px}

.story {text-align: center; font-size: 125%; text-indent: 0px;}

/*
    create a new <div> element right under but outside of the .wrapper
    This classing will make it sit to the right edge and move with screen scroll.
*/
.sideList{
    text-align: center;
    position: fixed;
    right: 0;
    top: 0;
}

/*.content-box {
  border: 3px; border-color: red; */
  
}
table {
  border: 10px solid green; width: 500px; font-size: 120%; 
  }
  .alnright { text-align: right; }

    .pullquote {
      float: right;
      width: 16em;
      /* margin: .43m .75em 0 0; */
      border: 2em;
      border-bottom: 4em;
      /*background: #ddf;*/
      border-color: black;
    font-weight: bold;
    padding: 13px;
    margin: 0 13px 13px 0;
    }
    .pullquote p:first-letter {
    font-size: 39px;
    font-weight: bold;
}

/* unvisited link */
a {
/*    text-decoration: none;
	display: inline-block;
	*/
}
a:link {
    color:  #0f4203;
/*	border-bottom: blue solid 1px;
	*/
}

/* visited link */
a:visited {
    color: #7f0521;  
}

/* mouse over link */
a:hover {
    color: black; 
 
}

/* selected link 
a:active {
color: blue;}
*/

.address {font-style: none; text-align: left;}

.posterBox1 {height: 280px;
  width: 550px; background-color: beige; color: blue;
  font-weight: bold; box-shadow: 4px 4px 4px 0px black;
margin: 0 auto;}
.posterBox2 {height: 420px;
  width: 490px; background-color: beige; color: blue;
  font-weight: bold; box-shadow: 4px 4px 4px 0px black;
text-align: center; font: Blackoak Std; margin: 0 auto;}

.posterBox3 {height: 120px;
  width: 360px; background-color: beige; color: blue;
  font-weight: bold; box-shadow: 4px 4px 4px 0px black; padding: 15px; margin: 0 auto;}

.posterBox4 {height: 260px;
  width: 450px; background-color: beige; color: blue;
  font-weight: bold; box-shadow: 4px 4px 4px 0px black; padding: 15px; margin: 0 auto;}

.posterBox5 {height: 350px;
  width: 490px; background-color: beige; color: blue;
  font-weight: bold; box-shadow: 4px 4px 4px 0px black;
text-align: center; font: Blackoak Std; margin: 0 auto;}

.posterBox6 {height: 200px;
  width: 490px; background-color: beige; color: blue;
  font-weight: bold; box-shadow: 4px 4px 4px 0px black;
text-align: center; font: Blackoak Std; margin: 0 auto;}

.posterBox7 {height: 110px;
  width: 370px; background-color: beige; color: red;
  font-weight: bold; box-shadow: 4px 4px 4px 0px black; padding: 15px; margin: 0 auto; text-align: left; font-size: 120%; text-align: justify;}

.posterBox8 {height: 210px;
  width: 500px; background-color: beige; color: blue;
  font-weight: bold; box-shadow: 4px 4px 4px 0px black;
margin: 0 auto;}

.posterBox9 {height: 120px;
  width: 360px; background-color: beige; color: blue;
  font-weight: bold; box-shadow: 4px 4px 4px 0px black; padding: 15px; margin: 0 auto;}

.posterText0 {color: black;
  font: Helvitica; font-weight: bold; font-size: 20px; text-align: center; line-height: 140%; text-indent: 0px;}

.posterBox10 {height: 120px;
  width: 825px; background-color: beige; color: blue;
  font-weight: bold; box-shadow: 4px 4px 4px 0px black; padding: 15px; margin: 0 auto;}

.posterText1 {color: blue;
  font: Helvitica; font-weight: bold; font-size: 30px; text-align: center; line-height: 200%; text-indent: 0px;}



.posterText2 {color: blue;
  font-family: Helvitica; font-weight: bold; font-size: 40px;  line-height: 200%; text-align: center; text-indent: 0px;}
.first-letter {font-size: 120%}

.posterText3 {text-align: center; font-family: Corbel; text-indent: 0px; color: blue; line-height: 160%; font-size: 160%; font-style: bold; }

.posterText4 {text-align: center; font-family: Corbel; text-indent: 0px; color: indianred; line-height: 180%; font-size: 180%; font-style: bold; }

.posterText5 p {color: blue; text-indent: 0px; text-align: center; font-size: 30px;}


.headlineText3 {font-family: Charlemagne Std; line-height: 130%; font-size: 190%; font-style: bold; text-indent: 0px; font-weight: 6o0; text-align: center; text-transform: scale(3,1);}

.headlineText4 {font-family: Copperplate Gothic; line-height: 130%; font-size: 190%; font-style: bold; text-indent: 0px; font-weight: 6o0; text-align: center; text-transform:scale(4,1);}

.tableFormat1 {td 1st-child: margin-right: 30px;right;td 2nd-child: text align: right;}