body {
 background-color:#fff7d7;
}

#footer hr {
   background-color: #ffcc55;
}

#top {
 background-color:#bbd7ff;
} 

#sitename h1 {
  color:#000000;
  font-size:3em;
}

h2, h3 {
   color:#000000;
   background-color:#bbd7ff;
}

p.marquee {
  color:#000000;
  background-color:#bbd7ff;
  font-weight:bold;
  font-size:1.1em; 
  letter-spacing:4px;
  margin-left:0px;
  padding-top:8px;
  padding-bottom:8px;
  border-top:medium solid #000000;
  border-bottom:medium solid #000000;
}

#main table thead th  {
 color:#000000; 
 background-color:#bbd7ff;
}

.gallery div:hover {background-color:#ffcc55}
.gallery a:hover img,
.gallery a:active img,
.gallery a:focus img {border:medium solid #bbd7ff}
}

.gallery button: {
   border: thin solid #fff7d7;
}

   #menu {
    background-color:#ffcc55;
   }
 
   .button {
     color:#000000; 
     font-size:1.1em;
     margin-right:1.1em;
     background-color:#ffcc55;
   } 

   .button a {
     color:#000000;   
    }
    
   .button#this {
      color:#ffcc55;
      background-color:#000000;
    }
@media screen and (min-width: 801px) {   
 #top, #menu, hr {
    border: medium outset #bbd7ff;
 }
    
 #main h2, #main h3, #full h2, #full h3 {
  border:medium outset #bbd7ff;
  font-variant:small-caps;
 }
 
 #main table  {
 border: medium outset #bbd7ff;
 }
 
 #main table.events tbody th, 
 #main table.members tbody th
 {
   text-align:center;
   border-top:thin solid black;
 }

 #sidebar h3 {
  border:medium outset #bbd7ff;
 }