/* CSS Document */
      .credit {font-size: 0.6em;}
      
      .divbtn {background:#DDD;
               border:1px solid #CCC;
               border-radius: 6px;
               box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
               display: inline-block;}
      
      .header1 {text-align: center;
                 font-size: 2.1em;
                 font-weight: bold;}

      .header2 {text-align: center;
                 font-size: 1.7em;
                 font-weight: bold;}

      .newsfield {margin: 10px;
                  padding: 10px;
                  font-size: 1.5em;}

      .roundimg {border-radius: 10%;}
      
      .showtext {color: black;
                 display: inline-block;
                 font-size: 1.3em;
                 font-weight: bold;
                 margin: 0;
                 padding: 0;}
      
      .showtext2 {color: black;
                  font-weight: bold;
                  margin: 0;
                  padding: 0;}

      .spacer1 {height: 5vh;}
      
      .spacer2 {font-size: 0.5em;
                height: 1vh;}

      .spacer3 {height: 10vh;}

      .tabhead1 {text-align: center;
                 font-size: 2.2em;
                 font-weight: bold;}
      
      .tabhead2 {text-align: center;
                 font-size: 1.8em;
                 font-weight: bold;}

      .tabhead3 {color: #0088ff;
                 text-align: center;
                 font-size: 1.8em;
                 font-weight: bold;}

      .tabfield {text-align: center;
                 font-size: 1.5em;}

      .tabfield2 {color: #0088ff;
                  text-align: center;
                  font-size: 1.3em;}

      .tablegrad {background: conic-gradient(from 3.1416rad at 50%, #19a3ad, #064d29);}

      .textcellr {margin: 0;
                  padding: 0;
                  width: 510px;}
      
      .textcelll {width: 510px;}
    
      .textbg {background: rgba(255,255,255,0.3);
               //border-radius: 20%;
               border-radius: 50px;
               display: inline-block;
               margin: 20px;
               padding-bottom: 30px;
               padding-left: 50px;
               padding-right: 50px;
               padding-top: 30px;}

      .title {color: black;
              font-size: 1.5em;
              font-weight: bold;}

      #banner {padding-top: 8px;
               max-width: 1024px;
               height: auto;
               object-fit: auto;}
               
      #bgdiv {max-width: 1040px;
              //background: white;      
              //background: conic-gradient(from 3.1416rad at 50%, #19a3ad, #064d29);
              //background: linear-gradient(#19a3ad, #064d29);
              //background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
              //            linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
              //            linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
              //background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
              //            linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
              //            linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
              //background: linear-gradient(217deg, rgba(255,0,0,.3), rgba(255,0,0,0) 70.71%),
              //            linear-gradient(127deg, rgba(0,255,0,.3), rgba(0,255,0,0) 70.71%),
              //            linear-gradient(336deg, rgba(0,0,255,.3), rgba(0,0,255,0) 70.71%);
              display: inline-block;}

      #master {background: white;
               display: inline-block;
               color: black;}
               
      #headtitle {font-size: 3.5em;
                  font-style: normal;
                  font-weight: 500;
                  text-transform: none;
                  font-letter-spacing: 0em;
                  font-line-height: 1.4em;} 
                  
      #headtitle:font{font-weight: bold;}     
      
      #pastevents{margin: 20px;
                  padding: 20px;}

      #upcomingevents{margin: 20px;
                     padding: 20px;}

      //table {table-layout: fixed;}
      
      td {color: black;
          text-align: left;
          font-size: 24px;
          white-space: normal;
          word-wrap: breakword;}
      
      td input {font-size: 24px;}
      
      td input.chkbox {height: 1em;
                       width: 1em;}

      td label {word-wrap: break;}
      
      td select {font-size: 24px;}
      
      td textarea {width: 96%;}

      a:link {color: #0000bb;}
      
      a:visited {color: #0000bb;}

      a:active {color: #0000bb;}

      a:hover {color: #880088;}

      body {background: black;
            color: white;
            font-family: "Copperplate", sans-serif;
            font-size: 26px;
            font-weight: bold;
            text-align: center;        
           }
            
      button {border-radius: 0.5em;
              background: #efefff;
              font-size: 1em; 
              height: 1.5em;
              width: 6em;
             }
      
      button:hover {background: pink;}
      
      HTML {font-size: calc((1vh+1vw)/2);}