@charset "utf-8";
/* ======== MAIN NAVIGATION AREA ======== */

/* Main Colors used in this template
#2f375d-dark color
#424d84-medium color
#c6dcdc-light color
#843234-accent color  843234-ffcc00-999b12
*/
/* ==================== GENERAL RULES =================== */
html, body {
    margin: 0 ;
    padding: 0;
    background-color: white;
    height: 100%;
  }
  

body, p, td{
  font-family: Arial, sans-serif;
  margin: 5px 5px;
  font-size: 16px;
  line-height: 1.5;
  /* background-color: #c6dcdc; */
}

/* HEADER  */
.header {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
   background-color: #f9f5eb;
    border-bottom: 2px solid #000; /* Example: 2px solid black line */

  }
  
  .masthead {
    width: 80%;
    height: auto;
  }
  
  .logos {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%; /* Ensure the logos align vertically */
  }
  
  .logo {
    display: block; /* Removes bottom margin/padding inherent to inline elements like img */
    margin: 5px 0; /* Adjust the space between the logos as needed */
  }

  #logo1 {
    width: 120px; /* Adjust based on actual size of your first logo */
    height: auto;
  }
  
  #logo2 {
    width: 130px; /* Adjust based on actual size of your second logo */
    height: auto;
  }


/*  */


table {
    align-items: center;
    width: 99%;
text-align: center;
    border-collapse: collapse;
    background-color: #c6dcdc;
}


img {
    padding: 5px;
}

.auto-style1 {
    text-align: center;
    background-color: #8acaca; 
    padding: 5px;
}

.auto-style5 {
    border-style: solid;
    border-width: 10px;
    margin: 20px;
}


.auto-style7 {
    font-family: Arial, Helvetica, sans-serif;
}



.auto-style10 {
    border-style: solid;
    border-width: 10px;
    margin: 15px;
}


.auto-style12 {
    text-align: left;
    font-family: "Times New Roman";
    font-size: medium;
    margin: 0 2%;
   
}

.auto-style13 {
    border-width: 0px;
}