<style type="text/css">
<!--
  .sectionheader { background-color: LightSteelBlue; color: black; }

  a { font-family: sans-serif; color: #0000FF; font-size: 12pt; text-decoration: none }
  a:link { font-family: sans-serif; color: #00FFFF; font-size: 12pt }
  a:visited { font-family: sans-serif; color: #FFFF00; font-size: 12pt }
  a:hover { font-family: sans-serif; color: #FF0000; font-size: 12pt }
  td { font-family: sans-serif; font-size: 12pt }
  p { font-family: sans-serif; font-size: 12pt }
  h1 { font-family: sans-serif; font-size: 20pt }
  h2 { font-family: sans-serif; font-size: 16pt }
  h3 { font-family: sans-serif; font-size: 14pt }
  h4 { font-family: sans-serif; font-size: 12pt; font-weight: bold }
  li { font-family: sans-serif; font-size: 12pt }
  
  .footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: black;
      color: white;
      text-align: center;
  }
  
  .footer a { font-size: 10pt; font-style: italic; }
  .footer p { font-size: 10pt; font-style: italic; }

  body.mainpage {
    background-color: #090950;
    background-image: linear-gradient(black, steelblue);
    color: white;
  }

  img.logo {
    border: none;
    display: block;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
  }
  
  img.ohtmu {
    border: none;
    display: block;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
  }
  
  img.ohtmu:hover { filter: drop-shadow(8px 8px 10px gray); }
  
  a.ohtmu { font-size: 24px; font-weight: bold; color: black; text-decoration: none; }
  a.ohtmu:hover { font-size: 24px; font-weight: bold; color: DarkRed; text-decoration: none; }
  a.ohtmu:visited { font-size: 24px; font-weight: bold; color: DimGrey; text-decoration: none; }
  
  
  div.content { margin-top: 10px; margin-bottom: 75px; }
    
  div.ohtmubody { 
    background-color: linen; 
    color: black;
    padding: 10px;
    border: 3px solid black;
    height: auto;
  }
  
  .ohtmucolumn {
      float: left;
      width: 33.33%;
  }
  
  /* Clear floats after the columns */
  .ohtmurow:after {
      content: "";
      display: table;
      clear: both;
  }
  
  div.entry {
      margin: 10px;
      border: 2px solid black;
      background: Ivory;
      color: black;
      padding: 5px;
      font-family: sans-serif;
  }
  
  li.entry { list-style-type: none; text-indent: -2em; }
  
  a.entry { font-family: sans-serif; color: #0000FF; font-size: 12pt; text-decoration: none }
  a.entry:link { font-family: sans-serif; color: #00FF; font-size: 12pt }
  a.entry:visited { font-family: sans-serif; color: #FF00FF; font-size: 12pt }
  a.entry:hover { font-family: sans-serif; color: #FF0000; font-size: 12pt }
  
  /* Top left text */
  .top-left {
      position: absolute;
      top: 8px;
      left: 8px;
  }
  
  /* Top right text */
  .top-right {
      position: absolute;
      top: 8px;
      right: 8px;
  }
  
  /* Image containers for Cavaliers page */
  .cvcolumn {
    float: left;
    width: 170px;
    height: 320px;
    padding: 1px;
    border: 1px solid black;
    background: Lavender;
    text-align: center;
    vertical-align: text-bottom;
    position: relative;
  }
  
  /* Clear floats after image containers */
  .cvrow::after {
    content: "";
    clear: both;
    display: table;
  }

  /* Image containers for Cavaliers Former Members */
  .fmcolumn {
    float: left;
    width: 280px;
    padding: 1px;
    text-align: center;
  }
  
  /* Clear floats after image containers */
  .fmrow::after {
    content: "";
    clear: both;
    display: table;
  }
  
  /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
      .ohtmucolumn {
          width: 100%;
      }

      .cvcolumn {
          width: 100%;
      }

  }
// -->
</style>