body {
     background: url("images/backgroundlightest.png");
     background-attachment: fixed;
     background-color: #e0e0d1*;
     font-family: Arial,Helvetica,sans-serif;
     color: black; overflow-y:scroll; 
	 margin:0;
	 padding:0;
}
b {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
h1 {
     display: block;
     margin-top: 0.0em;
     margin-left: 0;
     margin-right: 0;
     font-weight: bold;
     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-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
h3 {
     display: block;
     margin-top: 0.0em;
     margin-left: 0;
     margin-right: 0;
     font-weight: bold;
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
h4 {
     display: block;
     margin-top: 0.0em;
     margin-left: 0;
     margin-right: 0;
     font-weight: bold;
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
h1 {
     font-size: 20.8px;
}
i {
     font-family: Arial,Helvetica,sans-serif;
}
li {
     font-family: Arial,Helvetica,sans-serif;
}
@media only screen and (min-width: 400px) {
     h1 {
          font-size: 27.2px;
     }
}
@media only screen and (min-width: 600px) {
     h1 {
          font-size: 30.4px;
     }
}
@media only screen and (min-width: 800px) {
     h1 {
          font-size: 33.6px;
     }
}
@media only screen and (min-width: 1000px) {
     h1 {
          font-size: 35.2px;
     }
}
p {
     font-family: Arial,Helvetica,sans-serif;
     color: #000000;
}
.article {
	padding-right:10px;
     padding-left: 5px;
}
.article p {
     line-height: 140%;
     margin-top: 4px;
     margin-bottom: 12px;
}
.article li {
     line-height: 140%;
}
.auto-resizable-iframe-600 {
  max-width: 600px;
  margin: 0px auto;
}

.auto-resizable-iframe-600 > div {
  position: relative;
  padding-bottom: 60%;
  padding-left: 0;
  height: 0px;
}

.auto-resizable-iframe-600 iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.auto-resizable-iframe-400 {
  max-width: 400px;
  margin: 0px auto;
}

.auto-resizable-iframe-400 > div {
  position: relative;
  padding-bottom: 60%;
  padding-left: 0;
  height: 0px;
}

.auto-resizable-iframe-400 iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.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;  
}
.catsheads h2{
     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;
}
.col-container-main { 
     display: table;
     max-width: 900px;
     margin: auto;
     width: 100%;
     padding:0;
}
.col-container-main { 
     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;
}
.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%; /was 82% /
}

.col2art-main {
     display: table-cell;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 16px;
     padding-left: 0px;
     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;
     width:33%;
     border-right-style: solid;
     border-width: 1px;
     font-family: Arial,Helvetica,sans-serif;
}
.col4noLpadding {
     display: table-cell;
     padding: 0;
     width:33%;
     border-right: solid black 1px;
     border-left: solid  #ebebe0 1px;
     font-family: Arial,Helvetica,sans-serif;
}
.col5 {
     display: table-cell;
     width:33%;
     font-family: Arial,Helvetica,sans-serif;
}
.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;
}
.col2art-main 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%;
          border-style: none;
     }
     .col4noLpadding {
          display: block;
          width: 100%;
          border-style: none;
     }
     .col5 { 
          display: block;
          width: 100%;
     }
     .col1art { 
          display: block;
          width: 100%;
          text-align: center;
          position: static;
     }
     .col2art { 
          display: block;
          width: 100%;
          text-align: left;
     }
    .col2art-main { 
          display: block;
          width: 100%;
          text-align: left;
     }
      h1 {
          font-size: 20px;
     }
}
.containercontainer {
     background-color: #ffffff;
     max-width: 900px;
     margin-left: auto;
     margin-right: auto;
     padding-right: 12px;
     height: 101%;
     margin-top: 45px;
    /* box-shadow: 0 0 35px 5px #8a8a5c; */
     box-shadow: 0 0 35px 2px #3d3d29;
}
.containercontainer-main {
     background-color: #ffffff;
     max-width: 900px;
     margin-left: auto;
     margin-right: auto;
     padding: 0px;
     height: 101%;
     margin-top: 45px;
     box-shadow: 0 0 35px 2px #3d3d29;
}
@media (max-width:900px){
	.containercontainer{
	max-width: 100%;
	width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
	}
}
@media (max-width:900px){
	.containercontainer-main{
	max-width: 100%;
	width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
	}
}
@media (max-width:900px){
	.col-container{
	max-width: 100%;
	width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
	}
}
@media (min-width:900px){
     .containercontainer {
     margin-top: 45px;
     }
}
@media (min-width:900px){
     .containercontainer-main {
     margin-top: 45px;
     }
}
@media (max-width:900px) and (min-width:551px){
     .containercontainer {
     margin-top: 40px;
     }
}
@media (max-width:900px) and (min-width:551px){
     .containercontainer-main {
     margin-top: 40px;
     }
}
.further {
     border: 1px solid #999999;
     border-radius: 8px;
     margin-left: auto;
     margin-right: 8px;
     height: 100%;
     padding-top: 16px;
     padding-right: 16px;
     padding-bottom: 0px;
     padding-left: 16px;
     background:#F5FFFA;
}
.further h3 {
     color: #800000;
     margin: 0;
}
.further p {
     margin-top:8px;
}
.further a {
     margin-top:8px;
}
.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;
     }
}
.mainmenu {
     padding: 0px;
     vertical-align: bottom;
     text-align: left;
     margin: auto;
     width: 100%; 
     max-width: 900px;
border: solid green 1px;
}
.menubannerbox {
     position: fixed;
     width: 100%;
     overflow: hidden;
     top: 0;
     background-color: white;
     margin:0;
     border: solid red 1px;
}
.minibutton {
     border: 1px solid #999966;
     border-radius: 0px;
     margin: auto;
     width: 90%;
     height: 100%;
     padding-top: 8px;
     padding-right: 0px;
     padding-bottom: 8px;
     padding-left: 0px;
     background:#ffffff;
     -webkit-transition-duration: 0.4s; /* Safari */
     transition-duration: 0.4s;
     font-size: medium;
      color: #1a1a1a;
      font-family: Arial,Helvetica,sans-serif;
     font-weight: bold;
     text-align: center;
}
.minibutton a {
     display: inline-block;
     width: 100%;
     height: 100%;
}
.minibuttonurhere {
     border: 1px solid #207476;
     border-radius: 0px;
     margin: auto;
     width: 90%;
     height: 100%;
     padding-top: 6px;
     padding-right: 16px;
     padding-bottom: 6px;
     padding-left: 16px;
     background:#207476;
     font-size: medium; color: #e0e0d1; font-family: Arial,Helvetica,sans-serif;
     font-weight: bold;
}
.minibutton:hover {
     background-color: #a4c047; /* Green */
}
.minibuttondiv {
     padding:1px;
}
.minibuttondiv2 {
     padding-left:22px;
	 padding-right:22px;
	 padding-top:65px;
}
.mySlides {
     display:none;
}
.movie {
     max-width: 900px;
      margin: auto;
}
* {
     box-sizing:border-box;
}
.pagebottom { 
     padding-top: 20px;
     padding-left: 12px;
	 padding-right: 10px;
     padding-bottom: 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;
}
.piccred {

     margin-left: auto;
     margin-right: 8px;
     height: 100%;
     padding-top: 8px;
}
.piccred h3 {
     margin:0;
}
.piccred p {
     margin-top:8px;
}
.printbottom p {
     visibility:none;
     display:none;
}
.printheader {
     width: 100%;
     text-align: right;
     font-weight: bold;
     visibility:none;
     display:none;
}
#PTopBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  font-size: 14px;
  border: solid 1px grey;
  outline: none;
  background-color: white;
  color: black;
  cursor: pointer;
  padding: 5px;
  border-radius: 2px;
}

#PTopBtn:hover {
  background-color: #c6d88d;
}
@media (max-width:900px)  {
	  #PTopBtn {
          visibility:hidden;
          display:none;
     }
}
.revise {
     color: #fc4b5b;
     font-weight: bold;
     font-family: Arial,Helvetica,sans-serif;
     font-size: xx-large;
     text-align: left;
}
.shim_r p:before {
  content: "";
  width: 10em;
  display: block;
  overflow: hidden;
  clear: left;   //use clear:right if img is float:left
}
.shim_l p:before {
  content: "";
  width: 10em;
  display: block;
  overflow: hidden;
  clear: right;   //use clear:right if img is float:left
}
.shim_r ul:before {
  content: "";
  width: 10em;
  display: block;
  overflow: hidden;
  clear: left;   //use clear:right if img is float:left
}
.shim_l ul:before {
  content: "";
  width: 10em;
  display: block;
  overflow: hidden;
  clear: right;   //use clear:right if img is float:left
}
@media only screen and (min-width: 600px) {
    .shim_r img {
    display: block;
    margin: 0 0;
    float: right;
    padding-left:10px;
    }
}
@media only screen and (max-width: 600px) {
    .shim_r img {
    display: block;
    margin: auto;
    float: none;
    padding-right:10px;
    }
}
@media only screen and (min-width: 600px) {
    .shim_l img {
    display: block;
    margin: 0 0;
    float: left;
    padding-left:10px;
    }
}
@media only screen and (max-width: 600px) {
    .shim_l img {
 width: 100%;
  height: auto;
   margin-left: 10%;
  margin-right: 80%;
    }
}
.sources {
     border: 1px solid #999999;
     border-radius: 8px;
     margin-left: auto;
     margin-right: 8px;
     height: 100%;
     padding-top: 16px;
     padding-right: 16px;
     padding-bottom: 0px;
     padding-left: 16px;
     background:#F5FFFA;
}
.sources h3 {
     color: #800000;
}
.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{
     display: table;
     width: 100%;
     height: 40px;
     position: fixed; 
     top: 0; left: 0;  
     background-color:white;
     text-align: center;
     font-size: small;
     font-weight: bold;
     z-index:1000;
}
.TopTableRow {
	display: table-row;
     padding:0;
}
.TopTableCell {
     display: table-cell;
     text-align: center;
     padding:0;
     vertical-align: middle;
     width: 10%;
     font-family: Arial,Helvetica,sans-serif; 
     color: #000000;
   /  font-weight: bold; /
     font-size: small;
    -webkit-transition-duration: 0.4s; /* Safari */
     transition-duration: 0.4s;
}
.TopTableCell a {
	display:block; 
	line-height: 40px;
}
.TopTableCellBL {
	display: table-cell;
	padding: 0;
     max-width: 250px;
}
.TopTableBody {
	display: table-row-group;
}
.TopTableCell a:link, .TopTableCell a:visited, .TopTableCell a:active {
     font-family: Arial,Helvetica,sans-serif; 
     color: #000000;
   /  font-weight: bold; /
     font-size: medium;
}
.TopTableCell:hover{
     font-family: Arial,Helvetica,sans-serif; 
     background-color: #c6d88d;
   /  font-weight: bold; /
     font-size: medium;
}
.TopBanner {
     width:100%; 
     padding-left: 0px; 
     padding-right: 0px; 
     margin-right: 0px; 
     margin-left: 0px; 
     position: fixed; 
     top: 40px; 
     left: 0;  
     background-color:#207476;
     z-index:1000;
}
.TopTableM{
     display: table;
     top-margin:0;
     height: 10px; 
     width: 100%;
     position: fixed; 
     top: 20px; left: 0;  
     background-color:white;
     text-align: center;
     padding: 0;
    width:100%; 
     padding-left: 0px; 
     padding-right: 0px; 
     margin-right: 0px; 
     margin-left: 0px; 
     z-index:1000;
}
.TopTableRowM {
	display: table-row;
     padding:0;
}
.TopTableCellM {
	display: table-cell;
     text-align: center;
     padding:0;
    width:100%; 
     padding-left: 0px; 
     padding-right: 0px; 
     margin-right: 0px; 
     margin-left: 0px; 
     vertical-align: middle;
     width: 14.25%;
     height: 15px;
     font-family: Arial,Helvetica,sans-serif; 
     color: #000000;
   font-weight: bold; 
     font-size: small;
}
.TopTableCellM p {
     padding:0;
     margin: 0;
}
.TopTableCellBLM {
	display: table-cell;
	padding: 0;
     max-width: 250px;
}
.TopTableBodyM {
	display: table-row-group;
     padding: 0px;  
     margin: 0px; 
}
.TopTableCellM a:link, .TopTableCellM a:visited, .TopTableCellM a:active {
     font-family: Arial,Helvetica,sans-serif; 
     color:#000000;
   /  font-weight: bold; /
     font-size: small;
     padding: 0px;  
     margin: 0px; 
}
.TopTableCellM:hover{
     font-family: Arial,Helvetica,sans-serif; 
     background-color: #c6d88d;
   /  font-weight: bold; /
     font-size: medium;
     padding: 0px;  
     margin: 0px; 
}
.TopBannerM {
     width:100%; 
     padding-left: 0px; 
     padding-right: 0px; 
     margin-right: 0px; 
     margin-left: 0px; 
     position: fixed; 
     top: 35px; 
     left: 0;  
     background-color:#207476;
     z-index:1000;
}

.TopBannerM_mini {
     width:100%; 
     padding-left: 0px; 
     padding-right: 0px; 
     margin-right: 0px; 
     margin-left: 0px; 
     position: fixed; 
     top: 40px; 
     left: 0;  
     background-color:#207476;
}
.TopBLM {
    width:100%; 
     padding-left: 0px; 
     padding-right: 0px; 
     margin-right: 0px; 
     margin-left: 0px; 
     position: fixed; 
     top: 0px; 
     left: 0;  
     background-color:#ffffff;
	padding: 0;
}
.TopBannerS {
     width:100%; 
     padding-left: 0px; 
     padding-right: 0px; 
     margin-right: 0px; 
     margin-left: 0px; 
     position: fixed; 
     top: 40px; 
     left: 0;  
     background-color:#207476;
     z-index:1000;
}
.TopBLS {
    width:100%; 
     padding-left: 0px; 
     padding-right: 0px; 
     margin-right: 0px; 
     margin-left: 0px; 
     position: fixed; 
     top: 0px; 
     left: 0;  
     background-color:#ffffff;
	padding: 0;
}
.TopTableS{
     display: table;
     width: 100%; 
     padding-left: 0px; 
     padding-right: 0px; 
     margin-right: 0px; 
     margin-left: 0px; 
     position: fixed; 
     top: 0px; left: 0;  
     background-color:white;
     text-align: center;
     z-index:1000;
}
.TopTableBodyS {
	display: table-row-group;
}
.TopTableRowS {
	display: table-row;
     padding:0;
}
.TopTableCellS_L {
	display: table-cell;
     text-align: left;
     padding:0;
     vertical-align: middle;
     width: 50%;
     font-family: Arial,Helvetica,sans-serif; 
     color: #000000;
   font-weight: bold; 
     font-size: small;
}
.TopTableCellS_R {
	display: table-cell;
     text-align: right;
     padding:0;
     vertical-align: middle;
     width: 50%;
     height: 40px;
     font-family: Arial,Helvetica,sans-serif; 
     color: #000000;
   font-weight: bold; 
     font-size: small;
}
@media (max-width:900px){
     .TopTable, .TopBanner {
     visibility:hidden;
     display:none;
     }
}

/* WAS
@media not all and (max-width:900px) and (min-width:551px){
     .TopTableM, .TopBannerM, .TopBLM{
          visibility:none;
          display:none;
     }
}
*/
.TopTableM, .TopBannerM, .TopBLM{
          visibility:hidden;
          display:none;
     }
@media (min-width:901px)  {
     .TopTableS, .TopBannerS, .TopBLS{
          visibility:hidden;
          display:none;
     }
}