body    { font-family: Candara, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	  color: #333333;
          font-size: 12px;
	  width: 98%;
	  background-color: #FFFFFF;
	  background-image: url('imgs/bg.gif');
	  background-repeat: repeat-y;
	  padding-left: 5px;
	  margin: 0px 0px 0px 5px;
	  overflow: hidden;
        }
.banner	{ background-color: #FAF6D1; box-shadow: rgba(102,102,102,0.4) 1px 2px  }
#bannerDiv	{ background-color: #FAF6D1; box-shadow: rgba(102,102,102,0.4) 1px 2px;
		  position: absolute; top: 0px; left: 10px;
		  height: 150px; width: 98%; overflow: hidden;
		}
#mainDiv	{ position: absolute; top: 155px;
		  width: 98%;
		  text-align: justify; overflow: scroll;
		}
#footDiv	{ background-color: #FAF6D1; position: absolute; width: 98%; top: -200px; }
h1      { font-family: Courier; font-size: 20px; color: #339933; font-weight: bold }
h2      { font-family: Candara, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #339933; font-weight: bold }
/*
a       { text-decoration: none; color: white }
*/
a       { text-decoration: none; color: #339933 }
td      { font-family: Candara, Tahoma, Verdana, Arial, Helvetica, sans-serif;
          vertical-align: top;
          font-size: 12px;
          border: none;
        }
th      { font-family: Candara, Tahoma, Verdana, Arial, Helvetica, sans-serif;
          vertical-align: top;
          font-size: 12px;
          color: #666666;
          border: none;
        }
.text	{ font-family: Candara, Tahoma, Verdana, Arial, Helvetica; line-height: 150%; font-size: 14px; }
.text h2	{ font-family: inherit;  }
.text td,th	{ font-family: inherit;  }
#bot    {  vertical-align: bottom; }
#high   { color: #339933; font-weight: normal }
.black  { color: #444444; font-weight: bold }
.yel    { color: #FAF6D1; }
#blue	{ color: #006699; }
#green	{ color: #999900; }
#gray	{ color: #666666; }
sp	{ font-style: italic; }
fam     { font-style: normal; }
big     { font-size: 12px }
#nav    { background-color: #FAF6D1; color: #339933; font-weight: bold }
.pub    { border-bottom: 1px solid gold; height: 85px; }
.book	{ box-shadow: rgba(0,102,153,0.4) 1px 2px }
img	{ border: none }
.sciDiv	{ width: 100%; text-align: right; font-family: Arial, Helvetica, sans-serif; color: #666666 }
.syn	{ color: #999999 }
.submit	{ border: none; background-color: #999900; color: #ffffff; font-weight: bold; }
em	{ font-weight: bold; color: #339933 }

.grid-table
	{ display: grid; width: 100%; height: 100%;
	  grid-template-areas: "viewer" "thumbs";
	  grid-template-columns: auto 150px;
	  grid-template-rows: auto;
	}
.grid-viewer
	{ grid-row: 1;
	  grid-column: 1;
	}
.grid-thumbs
	{ grid-row: 1;
	  grid-column: 2;
	  overflow-y: scroll;
	}
.thumb  { flex: auto; background-color: #fff; color: #fff; margin: 2px; font-size: x-small; text-align: center; }
#openseadragon1 { width: 100%; height: 100% }