body {background-image: url('_images/bushes.jpg');
      background-size: cover;
      background-attachment: fixed;
      padding: 0px 80px;
      margin-top: 100px;
      }

.gsla-head {
     font-size: 24px;
     font-weight: bold;
     font-family: Times, Georgia, Arial;
     background-color: #99FF99;
     color: #000000;
     border: #99FF99 3px groove;
     text-align: center;
     border-radius: .5em;
     overflow: visible;
}

/* ***** Added spacing for the Copyright Footer on Each Page ***** */
.footer{margin-top: 50px;
        text-align: center;
        border: #99FF99 3px groove;
        border-radius: .5em;
        overflow: visible;
    }

/* ***** Define headers for non-standard characteristics ***** */
h1  {
     width: 80%;
     background-color: #99FF99;
     color: #000000;
     border: #99FF99 3px groove;
     margin: auto;
     text-align: center;
     border-radius: .5em;
     margin-bottom: 75px;
     }

h3   {
     margin-top: 45px;
     }
     
h5  {
      font-size: 32px;
      width: 80%;
      background-color: #99FF99;
      color: #000000;
      margin: auto;
      text-align: center;
      margin-bottom: 16px;
      }
    
    
/* ***** Style the main content ***** */     
.main-content {
    flex-grow: 1;
    flex-direction: row;
    max-width: 100%;
    background-color: #99FF99;
    color: #000000;
    border: 3px groove;
    font-family: Times, Georgia, Arial;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: .5em;
    margin-bottom: 0px;
  }
 
 /* ***** Styling for Text in Body of the Pages ***** */     
input[type="text"]
    {width: 700px;
     padding: 10px 10px;
     border: 3px groove;
     font-family: Times, Georgia, Arial;
     color: #000000;
     background-color: #99FF99;
     border: #99FF99 3px groove;
     border-radius: .5em;
     margin-bottom: 5px;
     }
 /* ***** end styling for text in body of the pages ***** */     
 
 .officers {
   text-indent: 100px;
   font-size: 24px;
   font-family: Times, Georgia, Arial;
   color: #000000;
   }    
     
/* ***** Styling for List Items to be Centered Without Bullets ***** */
.center-no-bullets {
  text-align: center;
  }
  
/* ***** Vertical Spacing for Items in a List ***** */  
 li {
   margin-bottom: 15px;
   }  
  
/* ***** Styling for Top Navigation Buttons ***** */
  
  .button-row {
    display: flex;
    position: fixed;
    top: 10px;
    gap: 10px;
    }
  
  .button-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f0f0f0;
    color: #000000;
    text-decoration: none;
    border-radius: 1em;
    border: 3px solid #000000;
    }
  
  .button-link:hover {
    background-color: #00CCFF;
    }
/* ***** end styling for navigation buttons ***** */  
  
/* ***** Styling for Red Text in Body of Membership Application ***** */     
.bold-red-type {
     font-size: 24px;
     font-weight: bold;
     font-family: Times, Georgia, Arial;
     width: 80%;
     background-color: #99FF99;
     color: #FF0000;
     border: #99FF99 3px groove;
     margin: auto;
     text-align: center;
     border-radius: .5em;
     margin-bottom: 20px;
     }
/* ***** end red type styling for membership applicaiton ***** */     
  
/* **** Membership Application Download Button Styling ***** */

/*
  .div-button{
    margin-left: 0px;
    }  */

  .download-button{
   margin: 3px auto;
   padding: 10px 20px;
   background-color: #f0f0f0;
   color: #000000;
   text-align: center;
   text-decoration: none;
   border: #999999 3px groove;
   border-radius: .5em;
   cursor: pointer;
   }
  
  .download-button:hover {
    background-color: #00CCFF;
    }
  
  .d-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .5em;
    margin: 2px;
    }
/* ***** end membership application download button styling ***** */