/* Set height of body and the document to 100% to enable "full page tabs" */
body,html { height: 100%;
    margin: 0;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

/*Wrappers and Containers */
.content{max-width: 900px; margin: auto;
         text-align: center;
        }

.content2{max-width: 900px; 
            margin: auto;
            text-align: center;
            padding-bottom: 100pt;}

.content3{max-width: 900px;
        text-align: center;
        margin-left: 75px;}

  .topnav a { 
    background-color: rgb(27, 49, 76);
    color: white;
    border: none;
    outline: none;
    cursor: pointer;
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    column-rule: 4px double rgb(27, 49, 76); }

    
  .topnav a:hover {
    background-color: rgb(137, 185, 247); }

    html {height: auto;
          width: 100%;}

    .footer{position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 50px;
            background-color:rgb(27, 49, 76);
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            font-size: 10pt;
            color: #f4f4f4;
            text-align: center;
            text-decoration: none;
            padding: 5px;
            border-top: #519da5;
            border-style: solid;
            border-width: 100%;
            line: height  5px;
            display:inline-block;
            align-content:center; }

    .footerbox{height: fit-content; 
               width: 100%; 
               text-align: center; 
               color: rgb(79, 84, 86); 
               outline-color: rgb(79, 84, 86);
               flex-shrink:0;
               padding-top: 55pt;}

    article {height: auto;
             width: auto;
             font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
             font-size: 12pt;
             color: rgb(27, 49, 76);
             font-weight: 900;
             text-align: left;
             text-indent: 50px;
             padding-bottom: 5px;}
    
    .box1 {background-color: rgb(27, 49, 76);
           width: 100%;
           height: 100px;}
                
    .box2 {background-color: rgb(27, 49, 76);
            width: 100%;
            height: 75px;}
                
    .box3 {background-color: rgb(106, 183, 160);
           width: 100%;
           height: 3px;}
                
    .box4 {background-color: rgb(27, 49, 76);
           width: 100%;
           height: 100px;
           text-align: right;
           font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
           font-size: 12pt;
           color: rgb(244, 244, 244);
           font-weight: BOLDER;
           padding-bottom: 5px;}
                
                
    .textbox {height: fit-content;
              width: fit-content;
              color: rgb(238, 119, 85);
              text-align: center;
              border-color: rgb(238, 119, 85); 
              background-color: rgb(27, 49, 76);
              text-indent: 40px;}

    .textbox1 {height: fit-content;
                width: fit-content;
                color: rgb(27, 49, 76);
                text-align: justify;
                border-style: solid;
                border-color: rgb(238, 119, 85); 
                font-size: 10pt;
                font-weight: bolder;
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                padding: 5px;
                }
    
    nav {margin: auto;
         height: auto;
         width: 100%;
         min-width: 100px;
         text-align: left;}
    
    body {background-color: rgb(252, 252, 252);
          margin: auto;
          height: auto;
          min-width: 100px;}
            
    .container {max-width: 1200px;
                background-color: rgb(255, 255, 255);
                padding-left: 150px;
                padding-right: auto;
                viewport-fit: auto;}

    .container2 {max-width: 1200px;
                background-color: rgb(255, 255, 255);
                padding-left: 150px;
                padding-right: auto;
                viewport-fit: 100%;}

    .zigzagcontainer { width: 100%;
                       padding-left: 5px; 
                       column-count: 2;
                       column-gap: 10px;
                       display: inline-flex;
                       padding-bottom: 20px;}
                      
    /* Clear floats */
    .row:after {content: "";
                display: table;
                clear: both}
                      
    /* 2/3 column */
    .column-66 {float: left;
                width: 66.66666%;
                padding-bottom: 10px;
                padding-right: 5px;}

                
                
    /* 2/3 column */
    .column-66b {float: left;
                 width: 33.33333%;
                 padding-right: 175px;
                 padding-bottom: 10px;}
                      
    /* 1/3 column */
    .column-33 {float: left;
                width: 33.33333%;
                padding: 5px;}
                
    /* 1/3 column */
    .column-33b {float: left;
                 width: 66.66666%;
                 padding: 5px;}
                
    /* 1/3 column */
    .column-34 {float: left;
                width: 33.33333%;
                padding: 5px;
                padding-right: 150px;}

    /*50-50 columns*/

    .column1{float: left;
             width: 50%;}

    .column2{float: right;
                width: 50%;}        

    .row:after {content: "";
                display: table;
                clear: both; }  
    
    
    
    /* Dropdown Button */
    .dropbtn {background-color: rgb(249, 249, 249);
            color:rgb(27, 49, 76);
            padding: 10px;
            font-size: 18px;
            border: none;
            margin: 20px;
            align-self: center;}

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

    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {display: none;
                       position: absolute;
                       background-color: rgb(244, 244, 244);
                       min-width: 160px;
                       box-shadow: 0px 8px 16px 0px rgba(198, 198, 199, 0.2);
                       z-index: 1;}

    /* Links inside the dropdown */
    .dropdown-content a {color: rgb(27, 49, 76);
                         padding: 12px 16px;
                         text-decoration: none;
                         display: block;}

    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: rgb(201, 211, 212);}

   /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {display: block;} 

   /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {background-color: rgb(170, 194, 214);}

   /* Dropup Button */
        .dropbtn2 {background-color: rgb(249, 249, 249);
        color:rgb(27, 49, 76);
        padding: 10px;
        font-size: 18px;
        border: none;
        margin: 20px;
        align-self: center;}
  
  /* The container <div> - needed to position the dropup content */
    .dropup {position: relative;
    display: inline-block;}
  
  /* Dropup content (Hidden by Default) */
    .dropup-content {display: none;
        position: relative;
        background-color: rgb(244, 244, 244);
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(198, 198, 199, 0.2);
        z-index: 1;}
  
  /* Links inside the dropup */
    .dropup-content a {color: rgb(27, 49, 76);
        padding: 12px 16px;
        text-decoration: none;
        display: block;}
  
  /* Change color of dropup links on hover */
    .dropup-content a:hover {background-color: #ddd}
  
  /* Show the dropup menu on hover */
    .dropup:hover .dropup-content {display: block;}
  
  /* Change the background color of the dropup button when the dropup content is shown */
    .dropup:hover .dropbtn {background-color: rgb(170, 194, 214);  }

   

/* H-tag styles*/

    h1 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 16pt;
        color: rgb(238, 119, 85);
        font-style: Bold ;
        text-align: center;}

    h2 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 12pt;
        color: rgb(81, 157, 165);
        font-style: italic; 
        font-style: BOLD;
        padding-bottom: 10px;
        text-align: justify;}

    h3 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 11pt;
        color: rgb(244, 156, 96);
        font-weight: 800 Bold ;
        text-align: Left;
        text-indent: 10pt;
        font-style: normal;
        text-decoration: solid;
        text-decoration-color: rgb(244, 156, 96);
        text-underline-position: below;}

    h4 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 11.5pt;
        color: rgb(106, 183, 160);
        font-weight: BOLD;
        text-indent: 25px;
        padding-bottom: 5px;
        text-align: justify;}

    h5 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 14pt;
        color: rgb(106, 183, 160);
        font-weight: bolder;
        padding-bottom: 5px;
        padding-left: 10px;}

    h6 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 12pt;
        color: rgb(27, 49, 76);
        font-weight: bolder;
        text-indent: 60px;
        padding-bottom: 5px;}

        h7 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            font-size: 12pt;
            color: rgb(17, 169, 234);
            font-weight: bolder;
            text-indent: 60px;
            padding-bottom: 5px;
        text-decoration: underline;}

/* P Tag Styles*/

    p {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 11pt;
        color: rgb(27, 49, 76);
        font-style: normal;
        text-align: left;
        margin-left: 50px;
        padding-bottom: 2px;
        text-indent: 0%;}

    p1{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: large;
        color: rgb(244, 244, 244);
        font-weight: bolder;}

    p2{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 11pt;
        text-align: justify;
        text-indent: 2px;
        color:rgb(27, 49, 76);}
        
    p3{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 10pt;
        text-align: justify;
        color:rgb(244, 244, 244);
        font-weight: bolder;
        text-decoration: none;}
        
    p4{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 12pt;
        text-align: justify;
        color:rgb(81,157,165);
        font-weight: bolder;
        text-decoration: none;
        font-style: italic;}
    
    p5{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
       font-size: 14pt;
       text-align: left;
       color:rgb(81, 157, 165);
       font-weight: bolder;
       text-decoration: none;}

    p6{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-size: 11pt;
        font-weight: bolder;
        text-align: justify;
        text-indent: 2px;
        color:rgb(27, 49, 76);}

    p7{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            font-size: 12pt;
            color: rgb(27, 49, 76);
            font-style: normal;
            text-align: left;
            margin-left: 50px;
            padding-bottom: 2px;
            text-indent: 0%;
            font-weight: bolder;}  
            
    p8{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 10pt;
                color: rgb(27, 49, 76);
                font-weight: bolder;
                text-align: justify;
                text-indent: 2px;
                color:rgb(27, 49, 76);}   

/*bullets */

    .bullet1 {margin-left: 70px ;
                text-align: left;
                font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                color: rgb(27, 49, 76);
                font-size: 10pt;}

    .bullet2 {margin-left: 95px ;
            text-align: left;
            font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            color: rgb(27, 49, 76);
            font-size: 10pt;}

    .bullet3{margin-left: 35px ;
            text-align: left;
            font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            color: rgb(27, 49, 76);
            font-size: 10pt;
            font-style: italic;}

    .bullet4{margin-left: 115px ;
            text-align: left;
            font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            color: rgb(27, 49, 76);
            font-size: 10pt; }
    
    ul.a{list-style-position: inside;
          font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
          font-size: 14pt;
          color:rgb(81, 157, 165);
        text-decoration: none;}

/* Font Styling*/

    .emphasis{font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              font-size: 12pt;
              color: rgb(27, 49, 76);
              font-weight: 1000;
              text-align: left;
              text-indent: 50px;
              padding-bottom: 5px;}

    .emphasis2 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 11pt;
                color: rgb(27, 49, 76);
                font-weight: BOLD;
                font-style: italic;
                text-align: left;
                text-indent: 65px;
                padding-bottom: 2px;}

    .emphasis3 {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 11pt;
                color: rgb(106, 183, 160);
                font-weight: BOLD;
                font-style: italic;
                text-align: left;
                padding-bottom: 2px;}
    
    .SpecialText1{text-indent: 30px;}
            
    .SpecialText2{text-align: justify;
                  padding-left: 40pt;}
            
    .SpecialText3{text-align: justify;
                  padding-left: 60pt;}
  

/*Spacing*/

    .buffer{padding-top: 20px;
            padding-bottom: 10px;
            text-align: justify;  
            padding-left: 40px;}

    .buffer1{padding: 40px;}

    .buffer2{padding: 5px;}

    .spacer{padding-bottom: 20px;
            background-color: rgb(255, 255, 255);}

    .spacer2 {padding-bottom: 200px;
              padding: top 100px;}
    
  

/* Image Styling*/

    .img {align-content: center;
          text-align: center;}

    .Image1 {text-align: center;
             padding-left: 50px;}
   
    .img2{text-align: left;
          padding-left: 60px;}

    .img3 {padding-top: 200px;
           text-align: center;
           padding-bottom: 100px;
        width: 100%;}

    .img4 {align-content: center;
           text-align: center;
           padding-top: 10px;}
    
    .img5{align-content: right;
          text-align: right;
          padding-right: 5px;}

    .img3 {padding-top: 50px;
           text-align: center;
           padding-bottom: 100px;}

    
/* Rows, Columns, Special Formats*/

    .row{columns: 3;}

    .column1{float:left;
             column-width: 33.33%;
             column-gap: 10px;}

    .column2{float:Center;
             column-width: 33.33%;
             column-gap: 10px;}   

    .column3{float:right;
             column-width: 33.33%;
             column-gap: 10px;}
   
    .row:after {content: normal;
                display: table;
                clear: both;}

    .table{columns:3;
    position:absolute;
    min-height: fit-content;
    max-width: 750px;
    display:flexbox;
    padding-bottom: 150pt;}

    .column4a{float: left;
              column-width: 25%; 
              column-gap: 30%;
              text-align: left;}

    .column4b{float: center;
              column-width: 50%; 
              column-gap: 30%;
              text-align: left;}

    .column4c{float: right;
        column-width: 25%; 
        column-gap: 30%;
        text-align:left;}

    a{font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
      font-size: 12pt;
      color: rgb(81, 157, 165);
      font-style: italic; 
      font-style: bolder;
      text-decoration: none;}


/* Buttons */

    .HomeButton {padding-left: 40px;
                 padding-top: 25px;
                 height: 30px; }

    button{background-color: rgb(253, 253, 253);
           border: 0px;
           font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
           font-size: 14pt;
           color: rgb(81, 157, 165);
           font-style: BOLD;
           font-weight: 900;}

    .backButton{background-color: rgb(253, 253, 253);
        border:none;
        color: rgb(81, 157, 165);
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        cursor: pointer;}