:root {
    --blugrngray:rgb(111,146,156);
    --date:"8/16/2022";
}
    
    body {
    margin:0px;
    padding:0px;
    font-size:16px;
    font-family:'Gill Sans MT', 'Gill Sans', Calibri, 'Trebuchet MS', sans-serif;
    box-sizing:border-box;  
}

main {
  max-width:1000px;
 
}

/*link {
    color:white;
    text-decoration: none;
    background-color:transparent;
}  */
  #headbox {
  
    background: linear-gradient(var(--blugrngray),lightgray);
    /*height:110px;*/
   /* min-height:6.5rem;*/
    height:11vw;
    max-width: 1000px;
    max-height: 6.5rem;
    padding-bottom: .7rem;
  
}
h1 {
    
     
}
p {
    margin-left: 1rem;
}
.pghead {
    font-family:'Gill Sans MT', 'Gill Sans', Calibri, 'Trebuchet MS', sans-serif;
    /*margin-left:8rem; */
    /*font-size: 3rem;*/
   font-size: 5vw;
    margin-left:8.5vw; 
    margin-top: 0px;
    position:absolute;
    max-height: 60rem;
    max-width:40rem;
}

.imgwrap {
    padding:0px;
   /* box-sizing: content-box;*/
   /* width: 11rem;*/
    width: 17vw;
    height:auto;
    margin-left: 1rem;
   /* position:absolute; */
    margin-top:1rem;
   
  
  
}

img.logo {
    width:100%;
    height:auto;
    margin:0px;
    padding:0px;
    margin:0px;
}
/*.navbox {
    background-color:lightgray;
    width:155px;
    margin:0;
    padding: 0;
  
} */
ul {
    list-style: none;
    display:flex;
    margin-left: 0px;
    padding:0px;
   
}

.layout {
    display:grid;
   /*background-color: aquamarine; */
    grid-column: 1fr 4fr;
    grid-template-areas: 
        "sidebarcont message"       
        "sidebarcont quote"
        "spacer tagline"
        "footer footer";
      
}

.sidebar-container {
    grid-area: sidebarcont;
    background-color: lightgray;
    min-height: 200px;

   
}

.sidebar {
    display: inline-block;
    border: solid black;
    background-color:lightgray;
    
    margin:0;
    padding: 0;
  
     
}
.sidebaritem {
    background-color: var(--blugrngray);
    margin-top: 10px;
   
    height: 40px;
   width: 110px;
    font-size: 1.0rem;
  
    font-weight: bold;
    text-align: center;
    padding-top:16px;
    padding-bottom:8px;
    border: solid black 2px;
}

.sidelink {
    color:white;
    text-decoration: none;
    font-size: .85rem;

}
#tag1 {   /* used on index page for ..serving clients since 2001  */
 
   
   color:rgb(119, 88, 88);
   font-style:italic;
   font-size: 1.1rem;
   margin:0;
   padding:0;
   margin:auto;
   max-width: 110px;
   font-weight: bold;
     
} 

.pagetitle {
 margin-top:1px;
 margin-bottom:1px;
 font-size:1.2rem;
 padding-left: 10px;
}

.message {
   /* background-color: aqua; */
   
    max-width:790px; 
    grid-area: message;
    margin-left: 1rem;
    padding-right: 1.5rem;
        
}
.quote {
     
    grid-area: quote;
    padding-left:1rem;
    padding-right:1rem;
   
}

.tagline {
    
    padding-left:15px;
    text-align: center;
    padding-bottom: 10px;
   
    padding-right:3px;
   
   
}
.spacer {
    background-color:lightgray;
  
    grid-area:spacer;
}

.footer {    
   
    display: flex;
    margin:0;
    background-color: var(--blugrngray);
    color:white;
    max-width: 1000px;
    grid-area: footer;
    justify-content:space-between;
    
}

.foot {
    
    Padding-left:2px;
    padding-right: 50px;

   
   
}

#update::after {
    content:var(--date);
  
}

#quallist {
    display:inline-block;
}

ul#inds {
    display: inline-block;
         
}.outline {
    padding-bottom: 5px;
    padding-left:25px;
    margin-bottom:.4em;
}
.subs {
   
   
    margin-top:0px;
    margin-bottom: 0px;
    padding-bottom:0px;
    padding-left:45px;

}



.tablecontainer {
   
    margin:auto;
    max-width:700px;
   
    
}
.tablebox {
   
    display: block;
    
}
.clienttable {
    width:300px;
    background-color: lightgray;
    color:darkslategray;
    font-weight: bold;
    font-size: .85rem;
  
}
.tdhead {
    font-weight: bold;
    padding-left:5px;
    color:black;
    text-decoration:underline;
    font-size: .95rem;
}

td {
    padding-left: 15px;
    border-bottom:solid black 1px;
    border-left:solid black 1px;
    border-right:solid black 1px;
    margin:0px;
    
}

a:hover {
    color:black;
    background-color: rgb(217, 222, 232);

}
#bio {   /* used on qulafications page for founder background link */
    font-size: .85rem;
}




#peghist {
    font-size: 1.15em;
    text-justify: center;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0;
}
#subhead {

font-weight: bold;

padding:0;
margin:.7rem;
font-size:.75rem;

}

@media (min-width:768px) {
    
    
    .tablebox {
        display:flex;
    }
    #subhead {

        font-weight: bold;
        line-height: 2.1vw;
        padding:0;
        margin:.7rem;
        font-size:1.6vw;
        
        }
        .pagetitle {
            
            font-size:2.5vw;
            padding-left: 20px;
}
.sidebaritem {
    width:160px;
    margin-left:5px;
    margin-right:5px;
   }
   
   .sidelink {
       font-size: 1.1rem;
   }
   #tag1 {
       font-size: 1.1rem;
       text-align:center;
       font-weight: bold;
       padding-top:1rem;
   }
   
}
@media screen and (min-width:1000px) {

    .pghead{
     font-size: 3.5rem;
     margin-left:5rem; 
 
    }
    .imgwrap {
    
     width: 11rem;
     height:auto;
     margin-left: 1rem;
    /* position:absolute; */
     margin-top:1rem;
 
 }
 }