body {background: #ffffff; color: #000000; margin: 0; }
/* Remove margins and padding from the list, and add a black background color */

div[id]:target{
    width:90%;
    border:0; 
    display:block;
}

div.blank { height:500px;
            width:100%;
            display:block;
            position:relative;
          }

ul.topnav {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    left: 0;
    height: 60px;
    overflow: visible;
    background-color: #505050;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a, .dropbtn {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

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

li.dropdown {
   position: relative;
   display: inline-block;
}

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

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

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

.dropbtn {
    background-color: #505050;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #303030;
}

.dropdown {
    position: relative;
    display: inline-block;
}


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

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

.show {display: block;}
  
ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

/* Change background color of links on hover */
/* ul.topnav li a:hover {background-color: #010101;} */

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;} H1 {font-size: large; font-family: "Arial", sans-serif;
     text-align: center;}


 H1.mainhead {font-size: large; font-family: "Arial", sans-serif;
     text-align: center; color: #3333CC; background: #ffffff;}
 H1.bluehead {font-size: large; font-family: "Arial", sans-serif;
     text-align: center; background: #ffffff;
     color: #0000ff}
 H2 {font-size: medium; font-family: "Arial", sans-serif}
 H2.subhead {font-size: medium; font-family: "Arial", sans-serif; font-weight: bold;
             text-align: center; color: #008000; background: #ffffff;}
 H2.menu {font-size: 10pt; font-family: "Arial", sans-serif; font-weight: bold;
             color: black; background: #ffffff;}
 H3 {font-size: small; font-weight: bold;
     font-family: "Arial", sans-serif}
 H3.sectw {font-size: small; font-weight: bold;
           font-family: "Arial", sans-serif; text-align: left;
           color: #009933; background: #ffffff;}
 H4 {font-size: small; font-weight: normal;
     font-family: "Arial", sans-serif;}
 EM {font-size: small; font-weight: bold;
     font-family: "Arial", sans-serif;}
 EM.pnw {color: #3333CC; background: #ffffff; font-size: x-small; font-weight: bold;
         font-style: normal;}
 EM.noem {font-size: small; font-weight: normal;
          font-family: "Arial", sans-serif;
          font-style: normal}
 img.wideborder {margin-top: 20px; margin-bottom: 40px; margin-left: 20px;
                margin-right: 20px;}
 p.p1 {font-size: medium; font-family: "Arial", sans-serif;
    margin-left: 10%; margin-right: 10%}
 p.p2 {font-size: medium; font-family: "Arial", sans-serif;
    margin-left: 1%; margin-right: 1%}
 p.salespt {font-size: small; font-weight: normal;
            font-family: "Arial", sans-serif;}
 p.grphead {font-size: small; font-weight: bold;
            font-family: "Arial", sans-serif;}
 p.tblhead {font-size: small; font-weight: bold;
            font-family: "Arial", sans-serif;
            text-align: center}
 p.tblsub  {font-size: x-small; font-weight: normal;
            font-family: "Arial", sans-serif;
            text-align: center}
 p.tblbody {font-size: x-small; font-weight: normal;
            font-family: "Arial", sans-serif;
            text-align: right}
 p.note    {font-size: xx-small; font-weight: normal;
            font-family: "Arial", sans-serif}
 p.in1 {text-indent: 2em}
 p.in2 {text-indent: 4em}
 p.in3 {text-indent: 6em}
 p.in4 {text-indent: 8em}
 p.in5 {text-indent: 10em}
 p.link {font-size: small; font-weight: bold;
         font-family: "Arial", sans-serif;
         text-align: center;}
 p.intro {font-family: "Times", serif;
          font-style: italic;
          font-size: x-large;
          margin: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          text-align: center;
          transform: translate(-50%, -50%);
          border-radius: 25px;
          background: rgb( 234, 243, 241);
          padding: 20px; 
          width: 800px;
          height: 220px;}
 p.intro2 {font-family: "Times", serif;
          text-align: center;
          font-size: x-large;
           }
 p.p80 {font-size: medium; font-family: "Arial", sans-serif; margin-left: 10%; margin-right: 10%; }
 p.p90 {font-size: medium; font-family: "Arial", sans-serif; margin-left: 5%; margin-right: 5%; }
 p.p100 {font-size: medium; font-family: "Arial", sans-serif; margin-left: 0%; margin-right: 0%; }
 p.p70 {font-size: medium; font-family: "Arial", sans-serif; margin-left: 15%; margin-right: 15%; }
 p.p60 {font-size: medium; font-family: "Arial", sans-serif; margin-left: 20%; margin-right: 20%; }
 
/* </style> */
 td.menu {height: 50px; width: 10%;}
 ul {font-size: small; font-family: "Arial", sans-serif; 
     font-weight: normal;}
 ul.grpdisc {list-style-type: disc; font-size: small;
             font-weight: bold; font-family: "Arial", sans-serif;}
 ul.p80 {font-size: medium; font-family: "Arial", sans-serif; margin-left: 10%; margin-right: 10%; }
 ul.a {list-style-position:inside; }
 ul.b {list-style-position:outside; }
 ol.u {list-style-type:none; }
 li.p {font-size: medium; font-family: "Arial", sans-serif;
    margin-left: 10%; margin-right: 10%}
 li.p80 {font-size: medium; font-family: "Arial", sans-serif; margin-left: 10%; margin-right: 10%; }
 li.p70 {font-size: medium; font-family: "Arial", sans-serif; margin-left: 15%; margin-right: 15%; }
 li.disc {list-style-type: disc; font-size: small;
          font-family: "Arial", sans-serif;}
 li.number {list-style-type: decimal; font-size: small;
          font-family: "Arial", sans-serif;}
 td.boxhead {background: #009933; color: #ffffff; text-align: center;
             vertical-align: middle; font-family: "Arial", sans-serif;
             font-weight: bold; font-size: x-small;}
 td.boxbody {text-align: left;
             vertical-align: middle; font-family: "Arial", sans-serif;
             font-weight: normal; font-size: x-small;}
 a.textbody {font-family: "Arial", sans-serif; background-color: #000000;}
 a.bluetext {font-family: "Arial", sans-serif; color: #0000ff;}
 area.boxed {border-style: dotted;
             border-width: 1px;
             color: rgba(255,0,0,0.1);
            }