body {
  margin: 0px;
  height: 100%;
  line-height: 150%;
  font-family: "Liberation Serif";
  font-size: 14pt;
}

h2 {
  font-family: "Liberation Sans";
  font-size: 24pt;
}

a {
  transition: color .1s ease;
}
  
a:link {
  color: #1065d5;
  text-decoration: none;
}
a:visited {
  color: #1065d5;
  text-decoration: none;
}
a:hover {
  color: #00f;
  text-decoration: underline;
}
a:active {
  color: #55f;
  text-decoration: underline;
}

a[href^="mailto:"]:link,a[href^="mailto:"]:visited {
  color: #009;
}

a[href^="mailto:"]:hover,a[href^="mailto:"]:active {
  color: #33f;
  text-decoration: none;
}

table, td {
  border: solid 1px #2c3847;
}
td {
  padding: 10px;
}
th {
  background-color: #1a4266;
}
table > thead {
  background-color: #1a4266;
  color: #fff;
}
table > tbody > tr:nth-child(even) {
  background-color: #e0e0e0;
  color: #000;
}
table > tbody > tr:nth-child(odd) {
  background-color: #f0f0f0;
  color: #000;
}


ul ul {
  list-style-type: "»  ";
}

li::marker {
  color: #032341;
}

.listlink {
  transition: color .3s ease;
}
.button,.activebutton,.galleryitem {
  color: #333;
  border: none;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  margin: 0px;
  cursor: pointer;
  transition: color .3s ease;
}
.button:link,.galleryitem:link,.listlink:link {
  color: #333;
  text-decoration: none;
}
.button:visited,.galleryitem:visited,.listlink:visited {
  color: #333;
  text-decoration: none;
}
.button:hover,.activebutton:hover,.galleryitem:hover {
  color: #457da9;
  text-decoration: none;
}
.button:active,.activebutton,.activebutton:link,.activebutton:visited,.galleryitem:active {
  color: #1065d5;
  text-decoration: none;
}

.listlink:active {
  color: #457da9;
  text-decoration: none;
}
.listlink:hover {
  color: #1065d5;
  text-decoration: none;
}



img { 
  margin: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}


.menubar { 
  display: flex;
  justify-content: space-evenly;
  align-content: stretch;
  width: 100%;
  background-color: #ddd;
  background-image: linear-gradient(to right, #aaa, #ddd 2%, #ddd 98%, #aaa);
  flex-flow: row wrap;
  border: 4px;
  border-style: solid none;
  border-color: #555;
  border-image: linear-gradient(to right, #333, #555 2%, #555 98%, #333) 1;
  font-family: 'Work Sans', sans-serif;
  font-weight: bold;
  font-size: 16pt;
  float: left;
  position: relative;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.content {
  margin: 0px;
  padding-left: 95px;
  padding-right: 95px;
  padding-bottom: 20px;
  width: 80%;
  max-width: 1250px;
}



.indexbar { 
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: stretch;
  align-items: center;
  margin: 0px;
  background-color: #eee;
  background-image: linear-gradient(to right, #bbb, #eee 2%, #eee 98%, #bbb);
  border: 4px;
  border-style: solid none;
  border-color: #555;
  border-image: linear-gradient(to right, #999, #ccc 2%, #ccc 98%, #999) 1;
}

.indexcontainer {
  display: flex;
  justify-content: space-evenly;
  align-content: stretch;
  width: 90%;
  gap: 15px;
  flex-flow: row wrap;
  font-family: 'Liberation Sans', sans-serif;
  font-weight: bold;
  font-size: 14pt;
  align-items: center;
}

.gallery {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-evenly;
  align-content: stretch;
  gap: 20px;
  width: 100%;
  flex-flow: row wrap;
  font-family: 'Liberation Sans', sans-serif;
  font-weight: bold;
  font-size: 13pt;
  align-items: center;
}

.galleryitem {
  padding: 0px;
}

.galleryimg {
  border: 6px solid transparent;
  border-image: url(images/pictureframe_01a.png) 6 stretch;
  margin-left: 0px;
  margin-right: 0px;
}

.slideshow {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  padding: 0px;
  top: 8px;
  border: 12px solid transparent;
  border-image: url(images/pictureframe_01a.png) 12 stretch;
}

.slide {
  position: absolute;
  padding: 0px;
  display: inline-block;
}

.slideimg {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
}


@font-face {
  font-family: "Liberation Sans";
  src: url(fonts/LiberationSans-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Liberation Sans" Bold;
  src: url(fonts/LiberationSans-Bold.ttf) format("truetype");
}

@font-face {
  font-family: "Liberation Serif";
  src: url(fonts/LiberationSerif-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Liberation Serif" Bold;
  src: url(fonts/LiberationSerif-Bold.ttf) format("truetype");
}