body {
  margin: 0px;
  font: 17px Liberation Serif, serif;
  line-height: 150%;
  background-color: #d2e3fa;
}

img { 
  margin: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  max-width: 100%;
  height: auto;
  border: 2px solid gray;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a:link { color: #0033b2; text-decoration: none; }
a:visited { color: #0033b2; text-decoration: none; }
a:hover { color: #1065d5; text-decoration: none; }
a:active { color: #38d; text-decoration: none; }

.row-container {
	display: flex;
	flex-flow: row nowrap;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.col-container {
	display: flex;
	flex-flow: column nowrap;
	padding: 0px;
	margin: 0px;
}


.aheader,.aheader:link,.aheader:visited {
	font: 26px Liberation Sans, sans-serif; color: #def; text-shadow: -1px -1px 0 #55e, 1px -1px 0 #55e, -1px 1px 0 #55e, 1px 1px 0 #55e, 1px 1px 2px #000;
	letter-spacing: 0.5px;
	flex-grow: 1;
	width: 100%;
}

.newsheader,.newsheader:link,.newsheader:visited {
	font: 22px Liberation Sans, sans-serif; color: #def; text-shadow: -1px -1px 0 #55e, 1px -1px 0 #55e, -1px 1px 0 #55e, 1px 1px 0 #55e, 1px 1px 2px #000;
	letter-spacing: 0.5px;
	flex-grow: 1;
	width: 100%;
}

.subheader,.subheader:link,.subheader:visited {
	font: 18px Liberation Sans, sans-serif; color: #eff; text-shadow: -1px -1px 0 #55e, 1px -1px 0 #55e, -1px 1px 0 #55e, 1px 1px 0 #55e, 1px 1px 2px #000;
	letter-spacing: 0.5px;
	flex-grow: 1;
	width: 100%;
	padding-top: 6px;
}


.menubar { 
  display: flex;
  justify-content: space-evenly;
  align-content: stretch;
  width: 100%;
  flex-flow: row wrap;
  float: left;
  position: relative;
  align-items: center;
  font: 19px Noto Sans Black, sans-serif;
  letter-spacing: 0.75px;
  text-shadow: -0.75px -0.75px 0 #23d, 0.75px -0.75px 0 #23d, -0.75px 0.75px 0 #23d, 0.75px 0.75px 0 #23d, 1px 1px 2px #000;
}

.button,.activebutton,.galleryitem {
  color: #59aaff;
  padding: 0px;
  padding-left: 9px;
  padding-right: 9px;
  text-align: center;
  text-decoration: none;
  margin: 0px;
  cursor: pointer;
  transition: .3s ease;
}
.button:link,.galleryitem:link {
  color: #59aaff;
  text-decoration: none;
}
.button:visited,.galleryitem:visited {
  color: #59aaff;
  text-decoration: none;
}
.button:hover,.activebutton:hover,.galleryitem:hover {
  color: #8df;
  text-decoration: none;
  text-shadow: -0.75px -0.75px 0 #55e, 0.75px -0.75px 0 #55e, -0.75px 0.75px 0 #55e, 0.75px 0.75px 0 #55e, 1px 1px 2px #000;
}
.button:active,.activebutton,.activebutton:link,.activebutton:visited,.galleryitem:active {
  color: #9ef;
  text-decoration: none;
  text-shadow: -0.75px -0.75px 0 #55e, 0.75px -0.75px 0 #55e, -0.75px 0.75px 0 #55e, 0.75px 0.75px 0 #55e, 1px 1px 2px #000;
}





.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;
  text-shadow: -0.75px -0.75px 0 #23d, 0.75px -0.75px 0 #23d, -0.75px 0.75px 0 #23d, 0.75px 0.75px 0 #23d, 1px 1px 2px #000;
}

.galleryitem {
  padding: 0px;
}

.galleryimg {
  border: 3px solid lightgray;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  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: 6px solid lightgray;
}

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

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




@media only screen and (max-width: 600px) {
  .mobile {
    display: none;
  }
}




div.news_navbar { display: flex; width: 100%; font-family: 'Liberation Sans'; font-size: 16px; align-items: center; justify-content: center; text-align: center; position: relative; }

.navbutton,.navbutton_cur {
  color: #333;
  text-align: center;
  text-decoration: none;
  padding: 7px;
  display: inline-block;
  cursor: pointer;
  transition: .3s ease;
}
.navbutton:link {
  color: #333;
  text-decoration: none;
}
.navbutton:visited {
  color: #333;
  text-decoration: none;
}
.navbutton:hover {
  color: #25f;
  font-weight: 900;
  text-decoration: none;
  text-shadow: 0px 0px 6px #000c;
}
.navbutton:active {
  color: #08f;
  font-weight: 900;
  text-decoration: none;
  text-shadow: 0px 0px 6px #000c;
}
.navbutton_cur:link,.navbutton_cur:visited,.navbutton_cur:hover,.navbutton_cur:active {
  color: #04f;
  font-weight: 900;
  text-decoration: none;
  text-shadow: 0px 0px 6px #000a;
}




@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");
}

@font-face {
  font-family: "Noto Sans Black";
  src: url(/fonts/NotoSans-Black.ttf) format("truetype");
}