body {
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 45.000em;
  text-align: justify; 
}

body,td,th {
	color: #330000;
}
div {line-height: 160%;} 

.content {
  margin: 0.500em auto 0 auto;
  padding: 0.500em 0;
  width: 80%;
}

.pagebox {
  background-color: #f1f1f1;
  border: #9900FF;
  border-style: solid;
  border-width: 0.25em;
  max-width: 45.000em; 
  padding: 0.700em;
  position: center;
}

a:link {color: #3300FF;
 text-decoration: none;}
 
a:visited {color: #663399;
 text-decoration: none;}
 
a:hover {color: #990099;
  text-decoration: underline;}
  
a:active {color: #990099;
  text-decoration: underline;}
  
.header {
  position: fixed;
  top: 0.100em;
  left: 5%;
  width: auto;
  z-index: 1;
}
.dropdown .dropbtn {
  background-color: #9900FF; 
  border-bottom: 0.100em solid #330000;
  border-left: 0.100em solid #330000;
  border-right: 0.100em solid #330000;
  border-top: 0.100em solid #330000;
  border-radius: 3.000em;
  color: black;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.000em; 
  letter-spacing: 0.050em;
  padding: 0.300em 1.000em;
}

.dropdown-content {
  background-color: #9900FF;
  display: none;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

.dropdown-content a {
  background-color: #9900FF;
  border-top: 10px solid #9900FF;
  color: #fce7ba;
  display: block;
  float: none;
  line-height: 190%;
  padding: 0.000em 0.800em;
  text-align: left;
  text-decoration: none; 
}

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

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

.show {
  display: block;
}


.line-1 {
background: #cc9966;
border-radius: 1.000em;
height: 0.500em;
width: 90%;
}
.line-2 {
background: #cc9966;
border-radius: 0.500em;
height: 0.500em;
width: 40%;
}

.responsive {
  height: auto;
  max-width: 15.000em;
  width: 100%;
}

.style1a {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.800em;
  line-height: 100%;
  margin: 0;}
.style1b {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.850em;
  line-height: 180%;
  margin: 0;}
.style1c {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.855em;
  line-height: 180%;
  margin: 0;}  
.style2d {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.870em;
  line-height: 170%;
  margin: 0.500em auto 0 auto;
  padding: 0.300em 0;
  width: 100%;}
.style2e {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.870em;
  line-height: 180%;
  margin: 0.500em auto 0 auto;
  padding: 0.500em;
  max-width: 90%;}  
.style3b {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.900em;
  line-height: 180%;
  margin: 0;}
.style3d {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.900em;
  line-height: 170%;
  margin: 0.500em auto 0 auto;
  padding: 0.300em 0;
  width: 100%;}  
.style3e {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.900em;
  line-height: 180%;
  margin: 0.500em auto 0 auto;
  padding: 0.500em;
  max-width: 90%;}

.style5a { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1.000em;
  line-height: 170%;
  margin: 0;}
.style5b { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1.000em;
  line-height: 190%;
  margin: 0;}
.style6a { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1.100em;
  margin: 0;}
.style6b { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1.100em;
  line-height: 190%;
  margin: 0;}
.style7a { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1.200em;
  line-height: 220%;
  margin: 0;}
.style8a { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1.300em;
  line-height: 160%;
  margin: 0;}

h1 {display: block; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.000em;
  font-weight: normal;
  margin-bottom: 0.00;
  margin-top: 0.00;}
h2 {display: block; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.000em;
  font-weight: normal;
  margin-bottom: 0.00;
  margin-top: 0.00;}
h3 {display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.000em;
  font-weight: normal; 
  margin-bottom: 0;
  margin-top: 0;}


  
  .tooltip {
  border-bottom: 0.050em solid blue;
  border-top: 0.050em solid blue;
  border-left: 0.050em solid blue;
  border-right: 0.050em solid blue;
  border-radius: 0.400em;
  display: inline-block;
  padding: 0.000em 0.150em;
  position: relative;
}
.tooltip .tooltiptext {
  background-color: #555;
  border-radius: 0.300em;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.700em;
  left: 50%;
  line-height: 170%;
  margin-left: -90px;
  padding: 0.250em 0.500em;
  position: absolute;
  text-align: center;
  top: 100%;
  visibility: hidden;
  width: 160px;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
  

.boxblack {
  border: .05em solid;
  margin: 0.500em;
  max-width: 90%;
  padding-top: 0.300em;
  padding-bottom: 0.300em;
  padding-left: 1.500em;
  padding-right: 1.500em;
} 
.blacksimplebox {
background-color: #fff4e6;
  border: .05em solid;
  border-radius: 0em;
  font-size: 1.02em;
  height: auto;
  padding: 1.05em;
  letter-spacing: .01em;
  max-width: 90%;
  margin: 0 auto;
}
.simplebox {
  font-size: 1.04em;
  height: auto;
  letter-spacing: .02em;
  max-width: 100%;
  margin: 0 auto;  
}
.boxgrey {
  border: 0.05em solid;
  border-color: #999999;
  height: auto;
  padding: 0.500em;
  max-width: 100%;
}
  
  /* Default: Desktop behavior */
.side-gif-right {
  float: right;
  margin: 10px 0 10px 30px;
  max-width: 40%; /* Prevents images from taking too much horizontal space on desktop */
}
/* Default: Desktop behavior */
.side-gif-left {
  float: left;
  margin: 10px 30px 10px 0;
  max-width: 40%; /* Prevents images from taking too much horizontal space on desktop */
}
/* Mobile: Screens 600px or smaller */
@media screen and (max-width: 800px) {
  .side-gif-right {
    float: none;      /* Stops the text wrap */
    display: block;   /* Forces the image onto its own line */
    margin: 20px auto;/* Centers the image and adds vertical spacing */
    max-width: 90%;   /* Makes the image larger and clearer on mobile */
    height: auto;
  }
}
/* Mobile: Screens 600px or smaller */
@media screen and (max-width: 800px) {
  .side-gif-left {
    float: none;      /* Stops the text wrap */
    display: block;   /* Forces the image onto its own line */
    margin: 20px auto;/* Centers the image and adds vertical spacing */
    max-width: 90%;   /* Makes the image larger and clearer on mobile */
    height: auto;
  }
}