body {
     background-color: #ffffff;
     font-family: Arial,Helvetica,sans-serif;
     color: black; overflow-y:scroll; 
}
h1 {
     display: block;
     margin-top: 0.0em;
     margin-left: 0;
     margin-right: 0;
     font-weight: bold;
     font-size: 26px;
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
h2 {
     display: block;
     margin-top: 0.0em;
     margin-left: 0;
     margin-right: 0;
     font-weight: bold;
     font-size: 20px;
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
h3 {
     display: block;
     margin-top: 0.0em;
     margin-left: 0;
     margin-right: 0;
     font-weight: bold;
     font-size: 18px;
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
li {
     font-family: Arial,Helvetica,sans-serif;
	 font-size: medium;
}
i {
     font-family: Arial,Helvetica,sans-serif;
}
ul {
	     font-family: Arial,Helvetica,sans-serif;
	 font-size: medium;
}
p {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
     line-height: 1.3;
     font-weight: normal;
     font-size: 14px;
}
.article p {
     line-height: 1.3;
     margin-top: 4px;
     margin-bottom: 12px;
     font-weight: normal;
     font-size: medium;
}
.article li {
     line-height: 140%;
     font-weight: normal;
     font-size: medium;
}
.banner {
     max-width: 900px;
     width: 100%;
     margin: auto;
}
.bigmaincontainer {
     max-width: 748px;
     margin: auto;
     padding:0;
     float: right;
}
.button {
     border: 1px solid #999966;
     border-radius: 6px;
     margin: auto;
     width: 90%;
     height: 100%;
     padding-top: 6px;
     padding-right: 0px;
     padding-bottom: 6px;
     padding-left: 0px;
     background:#ffffff;
     -webkit-transition-duration: 0.4s; /* Safari */
     transition-duration: 0.4s;
     font-size: small;
     color: #1a1a1a;
     font-family: Arial,Helvetica,sans-serif;
     font-weight: bold;
}
.button a {
     display: inline-block;
     width: 100%;
     height: 100%;
}
.buttonurhere {
     border: 1px solid #207476;
     border-radius: 6px;
     margin: auto;
     width: 90%;
     height: 100%;
     padding-top: 6px;
     padding-right: 16px;
     padding-bottom: 6px;
     padding-left: 16px;
     background:#207476;
     font-size: small; color: #e0e0d1; font-family: Arial,Helvetica,sans-serif;
     font-weight: bold;
}
.button:hover {
     background-color: #a4c047; /* Green */
}
.buttondiv {
     padding:2px;
}
.catslist {
     font-family: Arial,Helvetica,sans-serif;
     max-width: 900px;
     width: 100%;
     margin: auto;}
.catslist h1 {
     display: block;
     margin-top: 0;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 0;
     font-family: Arial,Helvetica,sans-serif;
     font-weight: bold;
     color: red
}
.catslist h2 {
     display: block;
     margin-top: 0;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 0;
     font-family: Arial,Helvetica,sans-serif;
     font-weight: bold;
     color: red
}
.catslist p {
     display: block;
     margin-top: 0;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 8px;
}
.catsheads {
     display: block;
     font-family: Arial,Helvetica,sans-serif;
     font-weight: bold;
     color: #207476;
     font-size: large;
     margin-bottom: 12px;   
     margin-top: 12px;  
}
.catslist a:link {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
.catslist a:visited {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
.catslist a:active {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
.catslist a:hover {
     font-family: Arial,Helvetica,sans-serif;
     color: red; 
}
.col-container { 
     display: table;
     max-width: 900px;
     margin: auto;
     width: 100%;
     padding:0;
}
.col1 {  
     display: table-cell;
     padding-top: 8px;
     padding-right: 16px;
     padding-bottom: 16px;
     padding-left: 0px;
     width:12%;
     text-align: center;
}
.col1art {  
     display: table-cell;
     padding-top: 8px;
     padding-right: 0px;
     padding-bottom: 16px;
     padding-left: 0px;
     text-align: center;
     float: right;
     width: 150px;   
     z-index:1;
     position: fixed;
     visibility:none;
     display:none;
}
.col2 {
     display: table-cell;
     padding-top: 8px;
     padding-right: 0px;
     padding-bottom: 16px;
     padding-left: 0px;
     width:88%;
}
.col2art {
     display: table-cell;
     padding-top: 8px;
     padding-right: 0px;
     padding-bottom: 16px;
     padding-left: 16px;
     float: right;
     width: 100%;
}
.col3 {
     display: table-cell;
     padding-top: 8px;
     padding-right: 16px;
     padding-bottom: 16px;
     padding-left: 16px;
     width:20%;
}
.col4 {
     display: table-cell;
     padding-top: 8px;
     padding-right: 16px;
     padding-bottom: 16px;
     padding-left: 16px;
     width:33%;
     border-right-style: solid;
     border-width: 1px;
}
.col4noLpadding {
     display: table-cell;
     padding-top: 8px;
     padding-right: 16px;
     padding-bottom: 16px;
     padding-left: 0;
     width:33%;
     border-right-style: solid;
     border-width: 1px;
}
.col5 {
     display: table-cell;
     padding-top: 8px;
     padding-right: 16px;
     padding-bottom: 16px;
     padding-left: 16px;
     width:33%;
}
.col1 a:link {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
     font-weight: bold;
}
.col1 a:visited {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
     font-weight: bold;
}
.col1 a:active {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
     font-weight: bold;
}
.col1 a:hover {
     color: #000000; font-family: Arial,Helvetica,sans-serif;
     font-weight: bold;
}
.col1art a:link {
     font-size: small; font-family: Arial,Helvetica,sans-serif;
     color: #1a1a1a;
     font-weight: bold;
}
.col1art a:visited {
     font-size: small; font-family: Arial,Helvetica,sans-serif;
     color: #1a1a1a;
     font-weight: bold;
}
.col1art a:active {
     font-size: small; font-family: Arial,Helvetica,sans-serif;
     color: #1a1a1a;
     font-weight: bold;
}
.col1art a:hover {
     font-size: small; color: #1a1a1a; 
     font-family: Arial,Helvetica,sans-serif;
     font-weight: bold;
}
.col2art h1 {
     margin: 0px 0px 8px 0px;
}
.col2 h1, .col2 h2, .col2 h3, .col2 h4, .col4 h3, .col4noLpadding h3, .col5 h3 {
     display: block;
     margin-top: 0.0em;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 2px;
}
@media only screen and (max-width: 800px) {
     .col1 { 
          display: block;
          width: 100%;
          text-align: center;
     }
     .col2 { 
          display: block;
          width: 100%;
          text-align: left;
     }
      .col3 { 
          display: block;
          width: 100%;
     }
     .col4 { 
          display: block;
          width: 100%;
     }
     .col5 { 
          display: block;
          width: 100%;
     }
     .col1art { 
          display: block;
          width: 100%;
          text-align: center;
          position: static;
     }
     .col2art { 
          display: block;
          width: 100%;
          text-align: left;
     }
      h1 {
          font-size: 20px;
     }
}
.containercontainer {
     max-width: 900px;
     margin-left: auto;
     margin-right: auto;
     padding:0;
     height: 101%;
}
.further {
     border: 1px solid #999999;
     border-radius: 8px;
     margin: auto;
     height: 100%;
     padding-top: 16px;
     padding-right: 16px;
     padding-bottom: 0px;
     padding-left: 16px;
     background:#F5FFFA;
     visibility:none;
     display:none;
}
.further h3 {
     color: #800000;
}
.histlink {
     border: solid 1px grey;
     border-radius: 4px;
     padding: 2px;
}
.histlink:hover {
     box-shadow: 1px 1px 8px 8px rgba(0, 140, 186, 0.5);
}
.index {
    font-family: "Courier New", Courier, monospace;
    max-width: 900px;
    width: 100%;
    margin: auto;
}
.indexlist {
     font-family: Arial,Helvetica,sans-serif;
     max-width: 900px;
     width: 100%;
     margin: auto;
}
.indexlist p {
     display: block;
     margin-top: 0;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 8px;
}
.indexlist a:link {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
.indexlist a:visited {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
.indexlist a:active {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
.indexlist a:hover {
  font-family: Arial,Helvetica,sans-serif; color: red; 
}
.indexlist h1 {
     display: block;
     margin-top: 0.0em;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 0;
     font-family: "Courier New", Courier, monospace;
     font-weight: bold;
     color: #207476;
}
.indexlist h2 {
     display: block;
     margin-top: 0.0em;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 0;
     font-family: "Courier New", Courier, monospace;
     font-weight: bold;
     color: #207476;
}    
.indextitle {
     font-family: Arial, Helvetica, sans-serif;
     max-width: 900px;
     width: 100%;
     height: 100%;
     padding-top: 0px;
     padding-right: 16px;
     padding-bottom: 0px;
     padding-left: 0px;
     margin: auto;
     border-bottom: 1px solid black;
}
.indextitle h1, .indextitle h2, .indextitle h3, .indextitle p {
 display: block;
     margin-top: 0;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 0;
}
div.indexletters1, div.indexletters3, div.indexletters5, div.indexletters7 {
     width:100%;
     font-family: "Courier New", Courier, monospace;
     font-size: 175%;
     font-weight: bold;
     max-width: 900px;
     height: 100%;
     padding-top: 2px;
     padding-right: 2px;
     padding-bottom: 0px;
     padding-left: 2px;
     margin: auto;
     text-align: justify;
}
div.indexletters2, div.indexletters4, div.indexletters6, div.indexletters8 {
     width:100%;
     font-family: "Courier New", Courier, monospace;
     font-size: 175%;
     font-weight: bold;
     max-width: 900px;
     height: 100%;
     padding-top: 2px;
     padding-right: 2px;
     padding-bottom: 0px;
     padding-left: 2px;
     margin: auto;
     text-align: justify;
     border-bottom: 1px solid black;
}
div.indexletters1 a:link, div.indexletters2 a:link, div.indexletters3 a:link, div.indexletters4 a:link, div.indexletters5 a:link, div.indexletters6 a:link, div.indexletters7 a:link, div.indexletters8 a:link {
     font-family: "Courier New", Courier, monospace;
     color: #000000;
     font-weight: bold; 
}
div.indexletters1 a:visited, div.indexletters2 a:visited, div.indexletters3 a:visited, div.indexletters4 a:visited, div.indexletters5 a:visited, div.indexletters6 a:visited, div.indexletters7 a:visited, div.indexletters8 a:visited {
     font-family: "Courier New", Courier, monospace;
     color: #000000;
     font-weight: bold; 
}
div.indexletters1 a:active, div.indexletters2 a:active, div.indexletters3 a:active, div.indexletters4 a:active, div.indexletters5 a:active, div.indexletters6 a:active, div.indexletters7 a:active, div.indexletters8 a:active {
     font-family: "Courier New", Courier, monospace;
     color: #000000;
     font-weight: bold; 
}
div.indexletters1 a:hover, div.indexletters2 a:hover, div.indexletters3 a:hover, div.indexletters4 a:hover, div.indexletters5 a:hover, div.indexletters6 a:hover, div.indexletters7 a:hover, div.indexletters8 a:hover {
     font-family: "Courier New", Courier, monospace;
     color: #fc4b5b; font-weight: bold;
}
@media (max-width:850px){
     div.indexletters1 {
          visibility:hidden;
     display:none;
     }
}
@media (max-width:850px){
     div.indexletters2 {
          visibility:hidden;
          display:none;
     }
}
@media not all and (max-width:850px) and (min-width:551px){
     div.indexletters3 {
          visibility:none;
          display:none;
     }
}
@media not all and (max-width:850px) and (min-width:551px) {
     div.indexletters4 {
          visibility:none;
          display:none;
     }
}
@media not all and (max-width:550px) and (min-width:350px){
     div.indexletters5 {
          visibility:none;
          display:none;
     }
}
@media not all and (max-width:550px) and (min-width:350px) {
     div.indexletters6 {
          visibility:none;
          display:none;
     }
}
@media (min-width:350px)  {
     div.indexletters7 {
          visibility:hidden;
          display:none;
}
}
@media (min-width:350px)  {
     div.indexletters8 {
          visibility:hidden;
          display:none;
     }
}
@media print {
    pre, blockquote, img {page-break-inside: avoid;}
}
.mainmenu {
     padding: 0px;
     vertical-align: bottom;
     text-align: left;
     margin: auto;
     width: 100%; 
     max-width: 900px;
}
.menubannerbox {
     position: fixed;
     width: 100%;
     overflow: hidden;
     top: 0;
     background-color: white;
     visibility:none;
     display:none;
}
.mySlides {
     display:none;
}
.movie {
     max-width: 748px;
      margin: auto;
}
* {
     box-sizing:border-box;
}
.pagebottom { 
     padding-top: 20px;
     vertical-align: bottom;
     text-align: left;
     margin-left: auto;
     margin-right: auto;
     max-width: 900px;
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
     font-size: 12px;
}
.printheader {
     display: table;
     width: 100%;
     font-weight: bold;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 8px;
     padding-bottom: 6px;
     border-bottom: solid 1px black;
}
.printheadercell {
	display: table-cell;
	text-align: right;
	width: 50%;
}
.printheaderTB {
     display: table-row-group;
}
.printheaderTR {
	display: table-row;
	width: 100%;
}
.printhide {
     visibility:none;
     display:none;
}
.printbottom p {
	font-weight: bold;
}
.revise {
     color: #fc4b5b;
     font-weight: bold;
     font-family: Arial,Helvetica,sans-serif;
     font-size: xx-large;
     text-align: left;
}
.subjects-container { 
     display: table;
     max-width: 900px;
     margin: auto;
     width: 100%;
     padding:0;
     border-bottom: 1px solid black;
}
.subjects-list1 {  
     display: table-cell;
     padding-top: 0px;
     padding-right: 16px;
     padding-bottom: 0px;
     padding-left: 0px;
     width:50%;
}
.subjects-list2 {
     display: table-cell;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     width:50%;
}
@media only screen and (max-width: 600px) {
     .subjects-list1 { 
          display: block;
          width: 100%;
          text-align: left;
     }
     .subjects-list2 { 
          display: block;
          width: 100%;
          text-align: left;
     }
}
div.subjects-list1 a:link, div.subjects-list2 a:link {
     font-family: Arial,Helvetica,sans-serif;
     color: #819834;
     font-weight: bold; font-size: medium;
}
div.subjects-list1 a:visited, div.subjects-list2 a:visited {
     font-family: Arial,Helvetica,sans-serif;
     color: #819834;
     font-weight: bold; font-size: medium;
}
div.subjects-list1 a:active, div.subjects-list2 a:active {
     font-family: Arial,Helvetica,sans-serif; color: #819834;
     font-weight: bold; font-size: medium;
}
div.subjects-list1 a:hover, div.subjects-list2 a:hover {
     font-family: Arial,Helvetica,sans-serif;
     color: #fc4b5b;
     font-weight: bold;
     font-size: medium;
}
.TopTable, .TopTableM, .TopTableS, .TopBanner, .TopBannerM, .TopBannerS, .TopBLM, .TopBL, .TopBLS{
          visibility:none;
          display:none;
     }