<-- -*-php-*- -->
.serif { font-family: serif; font-size: 12pt; }
.sans { font-family: verdana,arial,helvetica,sans-serif; font-size: 12pt; }
.small { font-family: serif; font-size: 10pt; }
.tiny { font-family: serif; font-size: 7pt; }
.h1 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 20pt; font-weight: bolder; }
.h2 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 13pt; }
.h3 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 12pt; font-weight: bolder; }
.h4 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 12pt; }
.h5 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 10pt; font-weight: bolder; }
.h6 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 10pt; }
body { font-family: serif; font-size: 12pt;  margin: 0 0 0 0;  margin-bottom: 0;  margin-left: 0;  margin-right: 0;  margin-top: 0;  background-color: #FFFFFF; }
h1 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 20pt; font-weight: bolder; }
h2 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 13pt; }
h3 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 12pt; font-weight: bolder; }
h4 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 12pt; }
h5 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 10pt; font-weight: bolder; }
h6 { font-family: verdana,arial,helvetica,sans-serif; color: #6D8D38; font-size: 10pt; }

.mainmenu {
}

table.mainmenu {
  border-collapse: collapse;
  font-family: arial,sans-serif;
  font-size: 12pt;
  text-align: left;
}

tr.topmenu {
  height: 32px;
}

td.topmenu {
  background-image: url('/nav/img/going-on1_back.gif');
  padding-right: 20px;
}

tr.bottommenu {
  height: 26px;
}

td.bottommenu {
  background-image: url('/nav/img/going-on2_back.gif');
  padding-right: 20px;
  vertical-align: top;
}


a.menu {
  text-decoration: none;
  color: black;
}

a.selectedmenu {
#  border: 2px dashed #D0D050;
  text-decoration: none;
  color: black;
  background-color: #F1F4D7
}

.inactive { color: gray; }
.invalid { color: red; }
.valid { color: green; }

.dark-bkgnd { background-color: #BBCCBB; }
.textarea { font-size: 12px; font-family: verdana,arial,sans-serif; }

.member-name { color: #6D8D38}
.nonmember-name { color: gray }

a.member-name:link {color: #6D8D38; }
a.nonmember-name:link {color: gray; }

.sidebar-event { color: black; font-size: 10pt; }
a.sidebar-event:link { color: black; }

/* this establised a reasonable width and centering
   for pages that have this wrapper. (We started auto-inserting
   this into new pages late in the game.)
*/
div#content-wrapper {
  width: 785px;
  margin-left: auto;
  margin-right: auto;
}

# not sure what I want these to be
# a.member-name:visited { color: ??? }
# a.member-name:visited { color: ??? }