a:link { color:#00a0fe; text-decoration:none}
      a:visited { color:#00a0fe; text-decoration:none}
      A:hover  {font-weight : normal; color : #898C9A;}
      h1 { font-family: 'Open Sans', sans-serif; font-weight: 200; font-size:40pt; line-height: 56px; color:#898C9A;}      
      h2 { font-family: 'Open Sans', serif; font-weight: 200; font-size:24pt; line-height: 45px; color:#898C9A;}      
      h3 { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:1.7em; line-height: 40px; color:#6a6c6c;}      
      h4 { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:12pt; line-height: 20px; color:#000000;}      
      h5 { font-family: 'Open Sans', sans-serif; font-weight: 200; font-size:1em; line-height: 28px; color:#6a6c6c;}      
      h6 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:24pt; line-height: 24px; color:#a8aec1;}      
      h7 { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:20pt; line-height: auto; color:#6a6c6c;}      
      h8 { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:14px; line-height: 18px; color:#000000;}      
      h9 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:20pt; line-height: 40px; color:#2b81ba;}      
      h10 { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:10pt; line-height: 16px; color:#898C9A;}      
     .b { color: black; font-style: normal; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Arial;}
     
     .bodytext { color: #7D7B7B; font-style: normal; font-size: 12px; line-height: 14px; font-family: "Open Sans",Verdana, Geneva, Arial;}
     .menufoot { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:12px; line-height: auto; color:#FFFFFF;}      

     .tabtext { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:24pt; line-height: 28px; text-align: center; color:#6a6c6c;}      
     .tabletext { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:12pt; line-height: 20px; text-align: right; color:#6a6c6c;}      
     .tabletext2 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:12pt; line-height: 20px; text-align: left; color:#6a6c6c;}      
/* Container holding the image and the text */

     .bodytext2 { color: #7D7B7B; font-style: normal; font-size: 12px; line-height: 14px; font-family: "Open Sans",Verdana, Geneva, Arial;}

.responsive {
  width: 100%;
  height: auto;
}

.bodytext {
  font-family: 'Open Sans', sans-serif; 
  font-weight: 200; 
  font-size:13px; 
  line-height: auto; 
  color:#000000;
}

@media screen and (min-width: 601px) {
  .bodytext {
    font-size: 13px;
    line-height: 18px;
    
  }
}

@media screen and (max-width: 600px) {
  .bodytext {
    font-size: 14px;
    line-height: 18px;

  }
}

.subtext {
  font-family: 'Open Sans', sans-serif; 
  font-weight: 200; 
  font-size:10px; 
  line-height: auto; 
  color:##7D7B7B;
}

@media screen and (min-width: 601px) {
  .subtext {
    font-size: 10px;
    line-height: 14px;
    
  }
}

@media screen and (max-width: 600px) {
  .subtext {
    font-size: 1opx;
    line-height: 18px;

  }
}

.responsive {
  width: 100%;
  height: auto;
}


.container {
  position: relative;
  font-family: 'Open Sans';
  font-weight: 100;
  font-size: 14pt;
  text-align: center;
  color: #898C9A;
  max width: 900px;
}

/* Bottom left text */
.bottom-left {

  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 4vw;
  position: absolute;
  top: 5%;
  left: 20%;
}

.top-left2 {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 10pt;
  position: absolute;
  top: 2%;
  left: 70%;
}

.top-left3 {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 10pt;
  position: absolute;
  top: 10%;
  left: 30%;
}


/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  font-family: 'Open Sans';
  font-weight: 100;
  font-size: 12pt;
  font-color: black;
  position: absolute;
  bottom: 5%;
  right: 20%;
  align: left;
}

/* Centered text */
.centered {

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/* Dropdown Button */
.dropbtn {
    background-color: #A1A1A4;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#FFFFFF;
    padding: 16px;
    border: none;
}

@media screen and (min-width: 601px) {
  .dropbtn {
    font-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  .dropbtn {
    font-size: 12px;
  }
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropbtn:hover  {
    background-color: #AFAFBF;
	  font-color: #FFFFFF;
    border: none;

}

@media screen and (min-width: 601px) {
  .dropbtn:hover {
    font-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  .dropbtn:hover {
    font-size: 12px;
  }
}



/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    border: none;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#A0938C;
    border: none;
    width: 100%;
    overflow:auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    opacity: .8;
}

@media screen and (min-width: 601px) {
  .dropdown-content {
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown-content {
    font-size: 12px;
  }
}

/* Links inside the dropdown #A0938C */
.dropdown-content a {
    color: black;
    padding: 8px 8px;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#000000;
    text-decoration: none;
    border: none;
    display: block;
}

@media screen and (min-width: 601px) {
  .dropdown-content a {
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown-content a {
    font-size: 12px;
  }
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
	  font-color: #FFFFFF;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #A1A1A4;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#FFFFFF;
    border: none;

}


@media screen and (min-width: 601px) {
  .dropdown:hover .dropbtn {
    font-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown:hover .dropbtn {
    font-size: 12px;
  }
}

/* the APA Basics Dropdown menu


/* Dropdown Button */
.dropbtn3 {
    background-color: #4FB8E9;
    font-family:'Open Sans', sans-serif; font-weight: 100; font-size: 12px; line-height: auto; color:#FFFFFF;
    padding: 8px;
    border: none;
}

@media screen and (min-width: 601px) {
  .dropbtn3 {
    font-size: 12px;
  }
}

@media screen and (max-width: 600px) {
  .dropbtn3 {
    font-size: 12px;
  }
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropbtn3:hover  {
    background-color: #F2C245;
	  font-color: #000000;
    border: none;

}

@media screen and (min-width: 601px) {
  .dropbtn3:hover {
    font-size: 12px;
  }
}

@media screen and (max-width: 600px) {
  .dropbtn3:hover {
    font-size: 12px;
  }
}



/* The container <div> - needed to position the dropdown content */
.dropdown3 {
    position: relative;
    display: inline-block;
    border: none;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content3 {
    display: none;
    position: absolute;
    background-color: #C6D8E4;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#FFFFFF;
    border: none;
    width: 100%;
    overflow:auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    opacity: .8;
}

@media screen and (min-width: 601px) {
  .dropdown-content3 {
    font-size: 12px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown-content3 {
    font-size: 12px;
  }
}

/* Links inside the dropdown #A0938C */
.dropdown-content3 a {
    color: black;
    padding: 8px 8px;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#000000;
    text-decoration: none;
    border: none;
    display: block;
}

@media screen and (min-width: 601px) {
  .dropdown-content3 a {
    font-size: 12px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown-content3 a {
    font-size: 12px;
  }
}

/* Change color of dropdown links on hover */
.dropdown-content3 a:hover {background-color: #ddd}

/* Show the dropdown menu on hover */
.dropdown3:hover .dropdown-content3 {
    display: block;
	  font-color: #FFFFFF;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown3:hover .dropbtn3 {
    background-color: #F2C245;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#FFFFFF;
    border: none;

}


@media screen and (min-width: 601px) {
  .dropdown3:hover .dropbtn3 {
    font-size: 12px;
    font color: #FFFFFF; 
  }
}

@media screen and (max-width: 600px) {
  .dropdown3:hover .dropbtn3 {
    font-size: 12px;
  }
}

.panelgrid {
    table-layout: fixed;
    width: 100%;
    max-width: 700px;
    word-wrap: break-word;
}

.panelgrid2 {
    table-layout: fixed;
    width: 100%;
    max-width: 1000px;
    word-wrap: break-word;
    align: center; 
}