body {
         font-size: 80%;
         font-family: "comic sans", cursive;
         background-image: url('haw.gif');
         background-repeat: repeat;
         background-attachment: fixed;

}
/* header */
.header {
          background-color: #A6BDA4;
          border: 8px ridge #789B75;
          width: 100%;  }



.header h1 {  font-size: 300%;
              text-align: center;
              padding: 12px 2px 12px 2px;    }



.header h3 {  font-size: 245%;
              text-align: center;
              padding: 10px 2px 10px 2px;
              margin: 0;  }


/* Next Meeting info in floated box on home page */
.nextmeeting {
               float: right;
               width: 35%;
               padding: 7px;
               margin-left: 7px;
               margin-top: 12px;
               margin-bottom: 12px;
               font-size: 125%;
               font-weight: 700;
               text-align: left;
               border: 5px ridge #789B75;          }

.upcoming {    float: right;
               clear: right;
               width: 35%;
               padding: 7px;
               margin-left: 7px;
               margin-top: 12px;
               margin-bottom: 12px;
               font-size: 120%;
               font-weight: 600;
               text-align: left;
               border: 5px ridge #789B75;

}




.program   {   font-size: 95%;
			   font-weight: 600;
               }
.nextmeeting img {    float: right;

}


/* description of NYCSS on home and membership pages */
.aboutus  {
            margin-left: 175px;
            font-size: 115%;
            font-weight: 600;     }



/* photos */
#photo1 img {
             float: left;
             margin-right: 1em;
             margin-top: 1em }

/*officers list on home page*/
.officers { font-size: 100%;
            text-align: center;
            border: 5px ridge #789B75;
            padding-top: 5px;
            padding-bottom: 5px;

            clear: right; }

/*contact info page*/
.contacts   {   font-size: 125%;
            text-align: center;
            margin-top: 15px;

}



#counter img {margin-top: 2em; margin-right: 45%; margin-left: 45%;}

/* calendar of events */

.calendar {  position: absolute; left: 175px; width: 83%;

}


  thead td, th   { border-width: 4px;
                   border-style: ridge;
                   border-color:#789B75;
                   border-collapse: separate;
                   background-color: white;
                   padding: 4px;
                  }

thead th  {   font-size: 175%;

}


tbody td, th   {border-width: 4px;
             border-style: ridge;
             border-color:#789B75;
             border-collapse: separate;
             font-size: 125%;
             font-weight: 600;
             padding: 4px;}

tbody th    { font-size: 125%;
              background-color:#A6BDA4;

}
tbody td   { font-size: 110%;

}




col#dates   {width: 20%;
             text-align: right;
             border-style: ridge;
             border-color:#789B75;
             border-collapse: separate;}


              /* end calendar of events */




.memberform ol      { background-color: #A6BDA4;
                      list-style-position: inside;
                      padding: 2px;

}

.memberform p b    {  color: #660000;
                    font-size: 1.6em;
                    font-weight: 700;   }

.memberinfo      { line-height: 1.5;

}



/* navigation sidebar buttons */
.navbuttons    {
                   float: left;
                   margin-top: 5px;
                     }

.navbuttons ul {  list-style: none;
                  margin-left: 0;
                  padding-left: 0;

}


.navbuttons a { display: block;
                color: black;
                text-decoration: none;
                font-size: 105%;
                font-weight: 600;
                background-image: url('button_2_up.gif');
                background-repeat: no-repeat;
                width: 156px; height: 39px;
                text-align: center;
                padding-top: 8px;
                margin-bottom: -0.5em;

              /*  height: 1.95em;    */
}
.navbuttons a:focus, .navbuttons a:hover {  color: #F0E68C;       

}


 .navbuttons a:hover, .navbuttons a:active { background-image: url('button_2_down.gif'); }