
body {
  min-width: 800px;
  background-color: #eeeeee;
  font-family: Arial, "Times New Roman", Times;
  font-size: 16px;
}

div.container {
  background-color: #eeeeee;
  width:800px;
  position:relative;
  left:50%;
  margin-left: -400px;
  margin-top: 20px;
}

div.header, div.footer {
  clear:left;
  padding: 10px;
}

div.header {
  height:164px;
  border:1px solid gray;
  background-image: url('images/TextBanner4Star800x184.jpg')
}

div.footer {
  background-color: #dddddd;
  border:1px solid gray;
  height:10px;
  position:relative;
  top: 30px;
  font-size: smaller
}

.hNavTabs ul {
  padding:0;
  margin:0; list-style-type:none;
  position:absolute;
  left: 0px;
  top:146px;
}

.hNavTabs ul li a {
  float:left;
  width:152px;
  height:20px;
  text-decoration:none;
  background-color:#dddddd;
  padding:2px 4px;
}

.hNavTabs ul li a:hover {
  background-color:#eeeeee
}

.hNavTabs ul li {
  display:inline
}

table.midSection {
  background-color:#ffffff;
  border-collapse: collapse;
  border:1px solid gray;
  position:relative;
  top:20px;
}

td.leftPanel {
  background-color:#dddddd;
  width:104px;
  border: 1px solid gray;
}

/* Workaround needed to prevent selection of menu items in firefox. */
.dumbPanel {
  height:100%;
}

.vNavMenu ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

.vNavMenu ul li a {
  float:left;
  width:100px;
  height:20px;
  text-decoration:none;
  background-color:#eeeeee;
  color:#003366;
  padding:2px 36px;
  margin: 2px;
}

.vNavMenu ul li a:hover {
  background-color:#cccccc;
  text-decoration: underline
}

.vNavMenu ul li a.current {
  float:left;
  width:100px;
  height:20px;
  text-decoration:none;
  background-color:#999999;
  color:#ffffff;
  padding:2px 36px;
  margin: 2px;
}

.vNavMenu ul li a.current:hover {
text-decoration: underline
}

div.content {
  padding:1em;
}

ul.disc {
  list-style-type: disc;
}

div.gallery {
  margin: 0px;
}

table.imageGallery {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 2px 0px
}

div.galleryImageViewer {
  float: left;
  margin: 0px;
}

div.galleryCaption {
  margin: 3px;
  margin-top: 0px;
}

div.galleryPrevBut {
  float: left;
}

div.galleryNextBut {
  float: right;
}

div.galleryThumbnailsBlock {
}

td.thumbsCol {
  padding-left: 0px;
}

div.galleryImage {
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  vertical-align:text-bottom;
}

div.galleryImage img {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}

div.galleryThumbnailsBlock a:hover img {
  border: 1px solid #0000ff;
}

table.compact {
  border-collapse: collapse;
  border:1px solid #000000;
  background-color: #CCFFCC;
}

table.compact th, table.compact td {
  border: 1px solid #000000;
}
