* {
			font-family: Calibri;
			/* Cambria, Cochin, Georgia, Times, 'Times New Roman', serif */
    }
		body {
			background-color: #90a6ba;
    }
    img {
      max-width: 100%;
    }
		#wrapper {
      width: 97%;
      margin: 0 auto;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      overflow: auto;
    }
    #header {
      background-color: #fff;
      position: fixed;
      top: 0;
      width: 100%;
      left: 0;
      /* max-height: 20vh; */
    }
    .logo {
			display: flex;
			height: auto;
    }
    .logo img {
			display: flex;
			width: 100%;
			height: auto;
		}
    #navBar {
      display:flex;
      height: auto;
      width: 100%;
      flex-direction: row;
      justify-content: flex-start;
      background-color: #A3C1D6;
    }
    .navA {
      display: grid;
      min-width: 7em;
			border-right: 1px solid #496b76;
      height: 2em;
			color: black;
      background-color: #A3C1D6;
      padding: 0 .1em;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      font-weight: normal;
    }
    .navA:hover {
			background-color: #3e6db1;
			color: #A3C1D6;
      font-weight: bold;
      text-decoration: none;
		}
		.navA:visited {
			color: black;
		}
		.navA:visited:hover {
			color: #A3C1D6;
		}
    .navA.icon {
      display: none;
      /*width: auto;
      margin-left: auto;
      border-left: 1px solid #496b76;
      border-right: none;
      padding: 0 10px; */
    }
    .dropdown {
			position: relative;
    }
		.dropdown-content {
      display: none;
      position: absolute;
      left: -12.6em;
      top: 2em;
			background-color: #A3C1D6;
			width: auto;
			z-index: 1;
      height:auto;
      align-self:
		}
		.navB {
      padding: 0 1em;
			border: 1px solid black;
      height: 2em;
      min-width: 10.5em;
			text-align: center;
			align-content: center;
      color: black;
      display: grid;
      align-items: center;
      font-weight: normal;
      justify-content: center;
      text-decoration: none;
    }
    .navB:hover {
      background-color: #3e6db1;
			color: #A3C1D6;
      font-weight: bold;
      text-decoration: none;
    }
    .navB:visited {
			color: black;
		}
		.navB:visited:hover {
			color: #A3C1D6;
		}
    #expandMenu {
      display: none;
      width: 100%;
      grid-template-columns: 1fr 1fr;
    }
    .navC {
			display: none;
			height: 2em;
      text-align: center;
      text-decoration: none;
			color: black;
      background-color: #A3C1D6;
      /* new addition */
      font-weight: normal; 
    }
    .navC:hover {
      background-color: #3e6db1;
      color: #A3C1D6;
      font-weight: bold;
      text-decoration: none;
    }
    .navC:visited {
			color: black;
		}
		.navC:visited:hover {
			color: #A3C1D6;
		}
    .show {
      display:block;
    }
    .main {
      height: 10em;
    }
    .footer {
      height: 2.5em;
      background-color: #ddd;
      display: flex;
			flex-direction: row;
			align-items: center;
      justify-content: center;
    }
    @media screen and (max-width: 950px) {
      
      /* .navA:first-child {display:none;} */
      .navA.dropbtn {display: flex;}
      .navA:nth-child(6) {display:none;}
      .navA:nth-child(7) {display:none;}
      .navA:nth-child(5) {display:none;}
      .navA.icon {display: grid;}
      
      #navBar.responsive .navA {display:none;}
      #navBar.responsive {display: block;}
      #navBar.responsive .icon {
        display: grid;
        grid-column: 1/3;
        margin: 0;
        border:none;
      }
      #navBar.responsive #expandMenu {
        display:grid;
      }
      .navC {
        display:grid;
      }
    }
    @media screen and (max-width: 650px) {
      /* .navA:nth-child(1) {display:none;} */
      .navA:nth-child(4) {display:none;}
      .navA:nth-child(8) {display:none;}
      .navA:nth-child(3) {display:none;}
    }
		#content {
			width: 97%;
      margin: 7em auto 0 auto;
		}
		h1 {
			text-align: center;
			font-family: sans-serif;
			font-size: 1.6rem;
		}
		h2 {
			text-align: center;	
			font-size: 1.3rem;
		}
		h3 {
			font-size: 1.3rem;
		}
		h4 {
			text-align: center;
		}
		#contentWrapper a {
      /* color: #4c71e8; */
      /* color: #020a99; */
			text-decoration: none;
    }
    #contentWrapper a:hover {
      text-decoration: underline;
    }
    a {
      color: #020a99;
      font-weight: 600;
      text-decoration: none;
    }
		a:visited {
			text-decoration: none;
		}
		a:hover {
      text-decoration: underline;
		}
		table {
      border: none;
      /* max-width: 100%; */
		}
		table td {
			border: none;
		}
		table td {
      /* min-width: 3em; */
		}
		table tr:nth-child(even) {
			background-color: #dedede;
		}
		table tr:nth-child(odd) {
			background-color: #eee;
		}
		table tr:first-child {
			background-color: #60a3bc;
			height: 3em;
			align-content: center;
			margin: 0;
			padding: 0;
		}
		table tr:first-child td {
			border-top-left-radius: .3em;
			border-top-right-radius: .3em;
		}
		table tr:last-child td:first-child {
			border-bottom-left-radius: .3em;
		}
		table tr:last-child td:last-child {
			border-bottom-right-radius: .3em;
    }
    .toBeRemoved {
      background-color: #ddd;
    }