/* 2 col CSS */
body {
  margin: 0;
  padding: none;
}

.masthead {
  background-color: #f0f8ff;
}
  
.container {
  display: grid;
  grid-template-columns: 11% 89%;
  gap: none;
}

.column1 {
  padding: 1rem;
  border-radius: 0px;
  background-color: #f0f8ff;
}

/**/
.column1 .nav{
    border: 1px blue;
    margin-top: 50px;
    margin-bottom: 10px;
 }

.column1 p.subhead{
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #0000f0;
    font-weight: 400;
 }
.column1 p.pages{
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
 }


.column1 img.btn{
    margin-left:auto;
    margin-right:auto;
    margin-top: 10px;
    margin-bottom: 0px;
 }

.column2 {
  padding: 1rem;  
  border-radius: 0px;
  font-family: Arial,Tahoma, sans-Serif;
  color: #000080;
  background-color: #f0f8ff;
}

  .column2 p.cen{
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: 700;
    
    color: #000080;
    text-align:center;    
 } 

  .column2 p.heading{  
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin: 10px 0px 20px 0px;
  padding: 0;
 }

  .column2 p.title{  
  font-size: 24px;
  font-weight: 700;
  text-align:justify;
  margin: 0px 0px 0px 0px;
  padding: 0;
 }

  .column2 p.subhead{  
  font-size: 20px;
  font-weight: 700;
  text-align:justify;
  margin: 10px 0px 0px 0px;
  padding: 0;
 } 
 
 .column2 p.left{
 font-size: 18px;
 font-weight: 400;
 border: 0px dashed blue;
 margin-left: 0px;
 padding: 0;
 }
 .column2 p.left2{
 font-size: 18px;
 font-weight: 400;
 border: 0px dashed blue;
 margin-left: 10px;
 padding: 0;
 }
 .column2 p.italic{
 font-size: 20px;
 font-weight: 400;
 font-style:italic;
 border: 0px dashed blue;
 margin-left: 3%;
 padding: 0;
 }
 
 .column2 p.emph{
 font-size: 18px;
 font-weight: 700;
 border: 0px dashed blue;
 margin-left: 3%;
 padding: 0;
 } 
 .column2 p.return{
 font-size: 15px;
 font-weight: 400;
 border: 0px dashed blue;
 margin-left:0px;
 padding: 0;
 }  
 .column2 img.cen{
  display: block;
  margin-left: auto;
  margin-right: auto; 
 }
 
 .column2 img.lft{
 clear:right;
 display:block;
 float: left;
 margin: 5px 10px 50px 10px;
 } 

.column2 table.type2{
    width:80%;
    height: 30px;
    font-size: 15px;
    font-weight: normal;
    border-collapse: collapse;
    border-spacing: 10px;
    color: #000080;
    background-color: #add8e6;
    margin-left:auto;
    margin-right:auto;
    margin-top: 0px;
    margin-bottom: 30px;    
 }
 
 .column2 td.type21{
    border: 1px solid black;
    width: 35%;
    text-align: left;
    font-weight:700;
    vertical-align: middle;
    padding: 5px;
 }

 .column2 td.type22{
    border: 1px solid black;
    width: 40%;
    text-align: left;
    font-weight:550;
    vertical-align: middle;
    padding: 5px;
 } 
 
 .column2 td.type23{
    border: 1px solid black;
    width: 25%;
    text-align: left;
    font-weight:550;
    vertical-align: middle;
    padding: 5px;
 } 





@media (max-width: 512px) {
  .container {
    grid-template-columns: 1fr;
  }
}