<style>
   div.reflect
        {
            border: 1px solid black; 
            border-radius: 7px; 
            margin: 10px;
            padding: 5px;
            width: 900px;
            background-color: #f9f9f9;
    }
    p.reflect
        {
             
            color: #303030; 
            font-size: 18px; 
            font-weight: 600; 
            
    }
     div.quote
        {
            padding: 10px; 
            margin: 20px;
            width: 900px; 
            border-top: 4px solid blue; 
            border-left: 4px solid green; 
            background-color: #f9f9f9;
        }
    p.quote
        {
            color: #303030; 
            font-size: 18px; 
            font-weight: 500; 
            font-style: italic;
        }
     p.quote2
        {
            color: #303030; 
            font-size: 18px; 
            font-weight: 500; 
        }
   .tblClass td,th 
        {
          padding: 10px;
        }
     .tblClass 
        {
          border-collapse: separate;
          border-spacing: 10px;
          width: 100%;
          
        }
    .fig1
     {
       text-align: center; 
       margin-left: 15px; 
       vertical-align: top; 
       float: right; 
       max-width: 100%;
        }
     .fig2
     {
       text-align: center; 
       margin-left: 15px; 
       vertical-align: top; 
       float: left; 
       max-width: 100%;
        }
     p
      {
            
         font-size: 11pt;
         color: black;
        }
    ul, ol > li
        {
         color: black;
         font-size: 11pt;  
        }
    a
    {
        font-size: 11pt; 
    }
 div.coach
{
   width: 900px; 
   border: 1px solid black; 
   border-radius: 7px; 
   padding: 10px; 
   background-color: #ededed;
   margin:20px;
    }
 p.coach-hdr
    {
      font-size:14pt; 
      font-weight:600;
    }
 p.normal-hdr2
    {
        font-size:12pt;
        font-weight:600;
    }
    
.flex-container {
  display: flex;
  background-color: white;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom:5px;
}

.flex-container > div {
  background-color: white;
  padding: 10px;
  width: 610px;
  font-size:14pt;
}
.flex-container1 {
  display: flex;
  background-color: white;
  flex-direction: row;
  margin-bottom: 5px;
}

.flex-container1 > div {
  background-color: white;
  padding: 10px;
  width: 50%;
  font-size:14pt;
}

div.nav
{
 margin-left: 15px; 
float: right; 
padding: 10px; 
border: 2px solid grey; 
width: 250px; 
box-shadow: 2px 2px #888888; 
background: #ededed;
}
p.nav
    {color: black;
     font-size: 20px; 
     font-weight: 600; 
     text-align: left;
    }
 li.nav {
     font-size: 16px; 
     font-weight: 600;
    }
.flex-container-top-graphic {
  display: flex;
  background-color: white;
  flex-direction: row;
  margin: auto;
  width: 80%;
}

.flex-container-top-graphic > div {
  background-color: white;
  padding: 10px;
  width: 20%;
  font-size:14pt;
}
div.ref {
    text-indent:-36px; 
    padding-left:36px; 
    font-size: 11pt; 
    line-height: 1.8;
    color:black;
    }
.list-col2 {
    columns: 2;
   -webkit-columns: 2;
  -moz-columns: 2;
}
 div.image {
     width: 750px; 
     margin: auto;
     text-align: center;
    }
div.ref {
    text-indent:-36px; 
    padding-left:36px; 
    font-size: 11pt; 
    line-height: 1.8;
    color:black;
    }


</style>