/* Default CSS */

h1 , h2, h3, h5, p ,li {color: midnightblue;}

h1 , h2, h3, h4, h5 {text-align: center;}
  
h1 , h2, h3, h4, h5 {font-family:Zurich Blk BT,Arial, Helvetica, sans-serif;}

h1 {font-size : 2.5em; }

h2 {font-size : 1.6em;} 
 
h3 {font-size : 1em; }
  
h4 { color: white;  font-size : 1em;   }
  
h5{  font-size: 1.15em;  }
 
p {font-size:1.15em; margin-left:25px; margin-right:25px;}
@media screen and (max-width: 500px) {
p {font-size: 1em; margin-left: 10px; margin-right: 10px;}
}

p.m50{font-size:1.15em; margin-left:50px; margin-right:50px;}
@media screen and (max-width: 500px) {
p.m50 {font-size: 1em; margin-left: 25px; margin-right: 25px;}
}

p.tablet {font-size:1.15em; margin-left:10px; margin-right:10px;}

.highlight {
    background-color: #fff2ac;
    background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
}

p.menubar {
 background-color:maroon; 
 border:0px;  
 padding:0px; 
 margin:0px;
 color: white;
}

p.quote {
  font-size: 1.15em;
  margin-left: 50px;
  margin-right: 50px;
  font-style:italic;
}

@media screen and (max-width: 500px) {
p.quote {font-size: 1em;  margin-left: 25px;
  margin-right: 25px;   font-style:italic;}
}

p.footnote {
  font-size: 0.8em;
  margin-left: 50px;
  margin-right: 50px;
  
}

a.foot{
  color: maroon; 
  font-weight:bold;
  position: relative;
  display: inline-block;
  border-bottom:  /*1px dotted black; If you want dots under the hoverable text */
} 
  
span.foot {
  color: red; 
  font-weight:bold;
  position: relative;
  display: inline-block;
  border-bottom:  /*1px dotted black; If you want dots under the hoverable text */
} 
sup.foot {
  color: red; 
  font-weight:bold;
  position: relative;
  display: inline-block;
  border-bottom:  /*1px dotted black; If you want dots under the hoverable text */
} 

 
li.menu { float: left; 
     margin: 0px;
     padding: 0px;
     border: 0px; 
     font-size: 1.15em;
     } 
     
@media screen and (max-width: 500px) {
li {font-size: 1.0em; margin-left: 10px; margin-right: 10px;}
}
.li100 { Width:100px ;} 

.li150 { Width:150px ; }

.li170 { Width:170px ;margin: 0px;
  padding: 0px;
  border: 0px;}  
 
.li200 {  Width:200px ; } 
  
.li250 {  Width:250px ; }
 
.lineright {
float: left;
padding: 0;
background-color: blue;
color: maroon;
}

.pinv{
  font-size: 1.15em;
  color: gainsboro;
  margin-left: 50px;
  margin-right: 50px;
}

.pf75 {
  font-size: 0.75em;
  color: maroon;
  margin-left: 50px;
  margin-right: 50px;
}

.p2em {
  font-size: 2.0em;
  color: maroon;
  margin-left: 5px;
  margin-right: 5px;
}


a.dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

a.dropdown {
  display: inline-block;
}

a.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}


li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: maroon;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}

a.menu {
  color:white
}

.p80 {
  font-size: 1.15em;
  color: maroon;
  margin-left: 80px;
  margin-right: 80px;
}

@media screen and (max-width: 500px) {
.p80 {font-size: 0.85em; color: maroon; margin-left: 20px; margin-right: 20px;}
}
 
.pr10 {
  font-size: 1.0em;
  color: maroon;
  margin-left: 50px;
  margin-right: 10px;
}

.pr100 {
  font-size: 1.15em;
  color: maroon;
  margin-left: 50px;
  margin-right: 100px;
}

.pnote {
  font-size: 1.0em;
  color: blue;
  margin-left: 80px;
  margin-right: 80px;
}

.pnote {
  font-size: 1.0em;
  color: blue;
  margin-left: 80px;
  margin-right: 80px;
}

p.pnotecenter {
  font-size: 1.0em;
  color: blue;
  margin-left: 80px;
  margin-right: 80px;
  text-align: center;
}

@media screen and (max-width: 500px) {
.pnote {   font-size: 0.75em;  color: blue;  margin-left: 20px;  margin-right: 20px;}
}


.caption {
  color: crimson;
  font-style: italic;
  font-size: 1em;
  text-align: center;
  padding-top:0;
  margin-top:0;
}

@media screen and (max-width: 500px) {
.caption {
  color: crimson;
  font-style: italic;
  font-size: 0.8em;
  text-align: center;
  padding-top:0;
  margin-top:0; } 
}

.tab50 {
text-align: left 0px;
width: 760px; 
height: ;
margin-left:auto; 
margin-right: auto;
border: 0 ;
cellpadding: 0;
cellspacing: 0;
font-size: 1.15em;
text-color: maroon;
color: maroon; 
}
.table td{
width: 380px;
}
.textwrapR {  
float: right;
margin-left: 10px;
margin-right: 25px;
margin-top: 0px;
margin-bottom:5px;
display:
}

.textwrapL { 
clear: right;
float: left;
margin-left: 25px;
margin-right: 10px;
margin-top: 0px;
margin-bottom:5px;
}