body.nav     {
     margin-left:0; margin-right:0;
     background-color: purple; 
     text-align: center; 
     font-size: 12;
  }

  .left_button {
     text-align: left; 
     width: 110px; 

     font-family: Arial;
     font-size: 8pt;
     font-weight: bold;

     color: white; 
     background-color: purple; 

     padding: 1px;
  }

  .left_spacing {
     padding: 1px;
  }

  body.banner  {
     margin-top:0; margin-bottom:0;
     margin-left:0; margin-right:0;
     text-align: center; 

     font-family: Arial;
     font-size: 24pt;
     font-weight: bold;

     color: white; 
     background-color: blue; 
  }

  TD.header  {
     text-align: center; 

     font-family: Arial;
     font-size: 24pt;
     font-weight: bold;

     color: white; 
     background-color: blue; 
  }

  div#titleblock {
     font-family: Arial;
     font-size: 28pt;
     font-weight: bold;

     color: white; 
     background-color: blue; 
  }

  img.titleblock {
    left: 5px;
    position:absolute;
  }

  div#navbar_top {
      width: 100%;
      background: green;
      bottom:0px;
      left:0px;
      position:absolute;
  }

  TABLE.banner_nav {
      background-color: black;
      font-family: Arial;
      font-weight:  bold;
      font-size: 10pt;
      border-width: 8px;
      border-spacing: 2px;
      padding: 0px 0px 0px 0px;
  }

  TABLE.banner_nav td {
      padding: 2px 5px 2px 5px;
  }






  TABLE.nav {
      border-width: 0px;
      border-spacing: 0px;
      border-collapse: collapse;
  }

  TD.nav {
      background-color: purple;
  }

  TABLE.musicfile td {
      font-size: 10pt;
  }

  TD.content {
      font-family: Arial;
      font-size: 10pt;
  }

  A.nav:link {
      font-family: Arial;
      text-decoration:  none;
      color: white;
      background-color: transparent;
      font-size: 10pt;
  }

  A.nav:active {
      font-family: Arial;
      text-decoration:  none;
      color: white;
      background-color: transparent;
      font-size: 10pt;
  }

  A.nav:visited {
      font-family: Arial;
      text-decoration:  none;
      color: white;
      background-color: transparent;
      font-size: 10pt;
  }


  A.play:link {
      text-decoration:  none;
      color: white; 
      background-color: red;
      font-size: 8pt;
      font-weight: bold;
      font-style: italic;
      padding-left: 5;
      padding-right: 5;
      padding-bottom: 3;
  }

  A.play:visited {
      text-decoration:  none;
      color: white; 
      background-color: red;
      font-size: 8pt;
      font-weight: bold;
      font-style: italic;
      padding-left: 5;
      padding-right: 5;
      padding-bottom: 3;
  }

  A.playmp3:link {
      text-decoration:  none;
      color: white; 
      background-color: orange;
      font-size: 8pt;
      font-weight: bold;
      font-style: italic;
      padding-left: 5;
      padding-right: 5;
      padding-bottom: 3;
  }

  A.playmp3:visited {
      text-decoration:  none;
      color: white; 
      background-color: orange;
      font-size: 8pt;
      font-weight: bold;
      font-style: italic;
      padding-left: 5;
      padding-right: 5;
      padding-bottom: 3;
  }

  A.cust:link {
      text-decoration:  none;
      color: white; 
      background-color: purple;
      font-size: 8pt;
      font-weight: bold;
      font-style: italic;
      padding-left: 5;
      padding-right: 5;
      padding-bottom: 3;
  }

  A.cust:visited {
      text-decoration:  none;
      color: white; 
      background-color: purple;
      font-size: 8pt;
      font-weight: bold;
      font-style: italic;
      padding-left: 5;
      padding-right: 5;
      padding-bottom: 3;
  }

  A.audio:link {
      text-decoration:  none;
      color: white; 
      background-color: blue;
      font-size: 8pt;
      font-weight: bold;
      font-style: italic;
      padding-left: 5;
      padding-right: 5;
      padding-bottom: 3;
  }

  A.audio:visited {
      text-decoration:  none;
      color: white; 
      background-color: blue;
      font-size: 8pt;
      font-weight: bold;
      font-style: italic;
      padding-left: 5;
      padding-right: 5;
      padding-bottom: 3;
  }

  A.download {
      text-decoration:  none;
  }

  A.nodecoration {
      text-decoration:  none;
  }

  TD.songtitle {
      color: #008000;
      font-size: 10pt;
      font-weight: bold;
  }



  

  H1.banner { 
      font-family:  'Footlight MT Light' ;
      font-size:    xx-large;
      font-weight:  bold;
      color:        black;
  }


  TH.rosterpart {
      font-family:  'Arial' ;
      font-size:    large;
      font-weight:  bold;
      color:        green;
  }

  TD.rostername {
      font-family:  'Arial' ;
      color:        black;
  }

  BODY.rosterhtml { 
      margin-left: .25in;
      font-family:  'Arial' ;
      color:        black
  }

  TABLE.member_list { 
    border-collapse: collapse;
    empty-cells: show;
  }

  TH.member_list { 
    font-family:  'Arial' ;
    font-size:    10pt;
    color:        black;
    border: 2px solid black;
    padding: 3px;
  } 

  TD.member_list { 
    font-family:  'Arial' ;
    font-size:    8pt;
    color:        blue; 
    border: 1px solid black;
    padding: 3px;
  } 

  A.member_list:link {
      text-decoration:  none;
      color: black;
      background-color: transparent;
  }
  A.member_list:hover {
      text-decoration:  none;
      color: black;
      background-color: transparent;
  }
  A.member_list:visited {
      text-decoration:  none;
      color: black;
      background-color: transparent;
  }
  A.member_list:active {
      text-decoration:  none;
      color: black;
      background-color: transparent;
  }


  BODY.cgi { 
      font-family:  'Arial' ;
      font-size: 12pt;
      color:        black;
      margin-left: 0; margin-right: 0;
      margin-top: 0; margin-bottom: 0;
  }

  A.rostername:link {
      text-decoration:  none;
      color: black;
      background-color: transparent;
  }
  A.rostername:hover {
      text-decoration:  none;
      color: red;
      background-color: transparent;
  }
  A.rostername:visited {
      text-decoration:  none;
      color: blue;
      background-color: transparent;
  }
  A.rostername:active {
      text-decoration:  none;
      color: blue;
      background-color: transparent;
  }





  A.jump:link {
      text-decoration:  none;
      color: black;
      background-color: transparent;
  }
  A.jump:hover {
      text-decoration:  none;
      color: black;
      background-color: transparent;
  }
  A.jump:visited {
      text-decoration:  none;
      color: black;
      background-color: transparent;
  }
  A.jump:active {
      text-decoration:  none;
      color: black;
      background-color: transparent;
  }







  TABLE.content {
      font-family: Arial;
      font-size: 10pt;
      border:none;
  }
  H2.content {
      font-family: Arial;
      font-weight: bold;
      font-size: 10pt;
      margin-bottom: 0pt 
  }

  TABLE.news {
      font-family: Arial;
      font-size: 12pt;
      font-weight:  bold;
      border:solid #93AC93 3.0pt
  }


 h2 {
     font-family: Arial;
     font-size: 14pt;
     font-weight:  bold;
     margin-bottom: 0;
    }

 h3 {
     font-family: Arial;
     font-size: 12pt;
     font-weight:  bold;
     margin-bottom: 0
    }

 h4 {
     font-family: Arial;
     font-size: 10pt;
     font-weight:  bold;
     margin-bottom: 0
    }

BODY.musicfiles { font-family: Arial;
               margin-right:0.25in;
               background-color: white;
               font-size: 10pt }

body         {
               font-family: Arial;
               margin-right:0.25in;
               background-color: white;
               font-size: 10pt }

body.content {
               font-family: Arial;
               margin-right:0.25in;
               background-color: white;
               font-size: 10pt }

body.admin   { font-family: Arial;
               margin-right:0.25in;
               background-color: white;
               font-size: 10pt }

body.roster  { font-family: Arial;
               margin-right:0.25in;
               background-color: white;
               font-size: 10pt }

body.logo    { font-family: Arial;
               margin-left:0; margin-right:0;
               margin-top:0; margin-bottom:0;
               background-color: green;
               font-size: 12pt }

li           { margin-top: 5px; margin-bottom: 5px }


/* Used on the concert program pages */

.divProgramSong {
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
  margin-right: 5px;
  margin-left: 5px;
}

.divProgramSongTitle {
  font-weight: bold;
  font-size: 18px;
  font-family: "Arial";
}

.divProgramSongTitleSupplement {
  font-weight: bold;
  font-size: 14px;
  font-family: "Arial";
}

.divProgramSongNote {
  font-size: 14px;
  font-family: "Arial";
}

.divProgramSongOrigin {
  font-size: 14px;
  font-family: "Arial";
}

.divProgramSongCredit {
  font-size: 14px;
  font-family: "Times Roman";
}

.divProgramSongArranger {
  font-size: 14px;
  font-family: "Times Roman";
}

.divProgramSongPerformers {
  font-size: 14px;
  font-family: "Times Roman";
  margin-top: 5px;
}

.divProgramLeftColumn {
  width: 336px;
  float: left;
  background-color: orange;
}

.divProgramRightColumn {
  width: 336px;
  float: left;
  background-color: orange;
}

.clearfix::after {
    content: "";
    display: table; /* or block, but table is often better for margin collapsing */
    clear: both;
}