body {
      font-style: normal;
      font-weight: normal;
      font-size: normal;
      font-family: Baskerville, Times, sans-serif;
      font-stretch: expanded;
margin:0px;
height:100%;
background-color: #fffff0;
} 

img {
  border-radius: 8px;
border: 3px solid #008080;
}

.orangeText { 
        color: coral; 
    } 

.greyText { 
        color: grey; 
    } 

.dTeal {
color:#006D5B;
}


h2 {
font-weight: bold;
font-family: monaco, Consolas, Lucida Console;
/*font-family: cursive;*/
margin-top: 0;
}
   
  a:link {
  color:#006D5B;
}
.nav a:link {
 /* color:#006D5B*/
color:black;
}

.nav a:visited {
  color:black;
}
.nav a:hover {
  color: darkcyan;
}
.nav a:focus {
  color:black;
}
.nav a:active {
    color:black;
}
.nav a {text-decoration: none;}

.nav li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

.wrapper {
height:100%;
    display: grid;
width:100%;
   grid-template-columns: 1fr 2fr 1fr; 
  grid-template-rows: 1fr 2fr;
grid-gap:40px;
 }

.navb {
height:100%;
    grid-column-start: 1; 
  grid-column-end: 2; 
  grid-row-start: 1; 
  grid-row-end: 3;
background: coral;
text-align: center;
 }

.box1 {
padding: 60px 0;
    grid-column-start: 2; 
  grid-column-end: 3; 
  grid-row-start: 1; 
  grid-row-end: 2;
text-align: left;

 }


.box2 {
     grid-column-start: 3; 
  grid-column-end: 4; 
  grid-row-start: 1; 
  grid-row-end: 3;
padding: 40px 50px
 }

.box3 {
  grid-column-start: 2; 
grid-column-end: 3;
  grid-row-start: 2; 
  grid-row-end: 3; 
text-align: left;
}

.nav {
position: relative;
  top: 150px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.blueLink {
/*color: Teal;*/
color: #006D5B;
text-decoration: underline;
}