body  {
  background-color:  #b5a789;
  Font-family:       Georgia, "Times New roman", Times, serif;
  font-size:         Small;
  Margin:            0px;
}

#header  {
  background-color:  #675c47;
  margin:            10px 10px 0px 10px;
  height:            360px; 
}

#banner {
  width: 50%;
  margin: 0 auto;
  padding: 10px;
 
}


#main  {
  background:        #efe5d0
  font-size:         105%;
  padding:           15px;
  vertical-align:    top;
}

h1  {
  font-size:         175%;
  color:             #954b4b;
}

table  {
  margin-left:       20px;
  margin-right:      20px;
  border:            thin solid black;
  caption-side:      Top;
  border-collapse:   collapse;
}

td, th {
  border:            thin dotted gray;
  padding:           5px;
}

caption {
  font-style:        italic;
  padding-top:       8px;
}

th  {
  background-color:  #cc6600;  /*color the table heading*/  
}

.cellcolor  {
  background-color:  #fcba7a;
}



#footer  {
  background-color:  #675c47;
  color:             #efe5d0;
  text-align:        center;
  padding:           15px;
  margin:            0px 10px 10px 10px;
  font-size:         90%
}


 
/* Css for pop-up picture and hovering */

.thumbnail {
  z-index:           0;
}

.thumbnail:hover {
  background-color:  transparent;
  z-index:           50;
}

.thumbnail span  { /*CSS for enlarged image*/
  position:          absolute;
  display:           block;
  left:              -1000px;
  visibility:        hidden;
  color:             red;
  text-decoration:   none;
}

.thumbnail span img { /*CSS for enlarged image*/
  border-width:      0;
  padding:           2px;
}

.thumbnail:hover span{  /*CSS for enlarged image on hover*/
  visibility:        vixible;
  top:               10px;
  left:              13px; /*position where enlarged enlarged image should offset horizontally */    
  overflow:          hidden;
}