html { background-image: url(../image/pebble.jpeg);
            background-color: #f1f1f1;
            background-attachment: fixed;
            background-size: 100% auto;
            padding: 20px 0 30px 0;    }

body {    padding: 20px 0 0 20px;
                margin: 0 auto;    
                box-shadow: 10px 10px 10px rgba(0, 0, 0, .5);
                background-color: rgba(230, 230, 230, .75);
                border: 2px solid #630;
                border-radius: 10px;
                line-height: 1.8;
                font-family: Arial, Helvetica, sans-serif;  }

.top-container {  background-color: #f1f1f1;
                                background-image: url(../image/abbhead.jpeg);
                               background-size: 100% 100%;
                               background-repeat: no-repeat;
                               height: 340px;
                               border: 2px  solid;
                               border-radius: 12px;
                               border-color: #600;
                               margin: 10px 6px 10px 6px;   }

 h1 {  font-variant: small-caps;
          letter-spacing: 1px;
           font-size: 3.9em;
          margin-top: 100px ;
          color: rgb(0, 0, 102);
          text-shadow: 3px 3px 2px #f0f5f5;     }

.header {  padding: 5px 30px 10px 30px;
                  background: #94b8b8;
                  border: 2px  solid;
                  border-radius: 12px;
                  border-color: #600;
                  margin: 10px 2px 10px 2px;      }

.navbar { 
                padding: 8px 15px 8px 20px;
                border: 2px  solid;
                border-radius: 12px;
                border-color: #600;
                color: #000066;                
                font-size: 18px;
               background-color: #66cc99;   }

.navbar a:hover { color: #ff9933;
                                 text-decoration: underline;  }

form { padding-top: 8px;
            padding-bottom: 8px;
           float: right;    }  

.content {  background-color: #d6d6c2;
                   border: 2px  solid;
                    border-color: #600;
                    border-radius: 12px;
                   padding: 20px 40px 30px 40px;    }

aside { padding: 5px;
margin: 5px 10px 10px 50px; }

aside img { background-color: #f1f1f1;;
                    width: 220px;
                     float: right;     
                     border: 6px #39C groove;
                     box-shadow: 5px 5px 10px rgba(0,77,0,.75);    }
   
h2 {  font-size: 1.9em; 
         font-family: "Hoefler Text", Garmond, Times, serif;
         font-variant: small-caps;
         text-shadow: 4px 3px 6px rgba(0,0,0,.5);
         margin: 0 40px 30px 30px;
         padding: 0 0 25px 0;
         border-bottom: 2px white solid;
         color: rgb(0, 0, 102); }

h3 {   font-size: 1.5em; 
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-variant: small-caps;
          padding: 0 0 5px 30px;
          margin: 0;
          color: #661a00;    }

   p {  color: #001a00;
        margin: 0 40px 0 30px;   
        font-size: 1.1em; 
        word-spacing: 1.6px;   } 

.rgb {  color: rgb(051, 051, 01); }

.content a:link {color: #392613;  }

.content  a:visited  {color: rgb(128, 77, 0); }

.content  a:hover { color: #264d00;   }

.content  a:active {color: #B2F511; }

footer {    border: 2px  solid;
                  border-color: #600;
                  border-radius: 12px;  }

footer aside img { background-color: #f1f1f1;;
                    width: 220px;
                     float: right;     
                     border: 6px #39C groove;
                     box-shadow: 5px 5px 10px rgba(0,77,0,.75);  
                    margin-left: 20px;  }

#myInput {
  width: 100%;
  font-size: 14px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
 color: #00004d;
  margin-top: 25px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#myTable th, #myTable td {
  text-align: left;
  padding: 12px; }

#myTable th {
text-transform: uppercase;
text-align: left;
 font-size: 1.3em;
padding-top: 5px;
padding-bottom: 4px;
background: #4080bf;
color: white; }

#myTable tr:nth-child(even) {  background-color: #b3cccc;
border: 2px solid #008000; }

#myTable  tr:nth-child(odd) {  background-color: #94b8b8; 
border: 2px solid #008000; }

.Location {width: 40%; }

.Leader {width: 22%; }

.Date {width: 10%; }

.Newsletter {width: 20%; }