/* unvisited link */
 a:link {
	color: black;
	text-decoration: none;
  }
  
  /* visited link */
  a:visited {
	color: black;
	text-decoration: none;
  }
  
  /* mouse over link */
  a:hover {
	color: blue;
	text-decoration: none;
  }
  
  /* selected link */
  a:active {
	color: red;
	text-decoration: none;
  }
  
  a.close {
	  background-color: rgba(255, 255, 255, 0.5);
	  color: #000;
	  line-height: 25px;
	  position: absolute; 
	  right: 25px;
	  text-align: center;
	  top: 25px;
	  width: 24px;
	  text-decoration: none;
	  font-weight: bold;
	  -webkit-border-radius: 12px;
	  -moz-border-radius: 12px;
	  border-radius: 12px;
	  border: 1px solid;
  }
  
  a.gallery-next {
	  background-color: rgba(255, 255, 255, 0.5);
	  color: #000;
	  line-height: 25px;
	  position: absolute; 
	  right: 2em;
	  text-align: center;
	  top: 50%;
	  width: 2em;
	  text-decoration: none;
	  font-weight: bold;
	  -webkit-border-radius: 12px;
	  -moz-border-radius: 12px;
	  border-radius: 12px;
	  border: 1px solid;
  }
  
  a.gallery-prev {
	  background-color: rgba(255, 255, 255, 0.5);
	  color: #000;
	  line-height: 25px;
	  position: absolute; 
	  left: 2em;
	  text-align: center;
	  top: 50%;
	  width: 2em;
	  text-decoration: none;
	  font-weight: bold;
	  -webkit-border-radius: 12px;
	  -moz-border-radius: 12px;
	  border-radius: 12px;
	  border: 1px solid;
  }
  
  header a{
	  margin: 1em;
	  font-weight: bold;
  }
  
  body{
	  text-align: center;
	  background-color: rgba(208, 208, 208, 1);
  }
  
  div#left_column {
	  display: block;
	  float: left;
	  margin: 0;
	  padding: 0;
	  text-align: left;
	  width: 20%;
  }
  
  div#right_column {
	  display: block;
	  float: right;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	  width: 80%;
  }
  
  div#modal{
	  position: fixed;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right:0;
	  z-index: 99999;
	  background-color: rgba(240, 240, 240, 0.95);
	  display: none;
		margin: auto;
  }
  
  
  img {
	  margin: auto;
	  border: none;
	  overflow: hidden;
	  /* max-width: 98%; */
	  height: auto;
  }
  
  h1{margin-left: 10px; font-family: sans-serif; font-size: 20px; margin-bottom: 1em;}
  h2{margin-left: 10px; font-family: sans-serif; font-size: 18px; margin-top: 2em;}
  h3{margin-left: 15px; font-family: sans-serif; font-size: 16px;}
  
  * {box-sizing: border-box}
  
  /* image container"*/
  .image-container {
	  width: 100%;
	  /* display: inline-block; */
	  /* height: 800px; */
	  position: relative;
	  margin: auto;
  }
  
  /* Hide the images by default */
  .mySlides {
	  width: 100%;
	  min-width: 100%;
	  height: 100%;
	  min-height: 100%;
	  display: none;
	  justify-content: center;
	  align-items: center;
	  margin-left: -1em;
  }
	
  
  
  /* Fading animation */
  .fadein {
	animation-name: fadein;
	animation-duration: 1.5s;
	animation-timing-function: ease;
  }
  
  @keyframes fadein {
	from {opacity: .25}
	to {opacity: 1}
  }
  
  a.block_anchor{
	  display: block;
	  min-height: 110px;
	  max-width: 600px;
	  margin: 20px auto;
	  padding: 5px;
	  text-decoration: none;
	  border: 1px solid blue;
  }
  a.block_anchor h1{
	  text-decoration: underline;
	  font-size: 1em;
	  font-weight: normal;
	  line-height: 1em;
	  text-align: left;
	  font-style: normal;
	  margin: 0.5em 0;
  }
  a.block_anchor h2{
	  text-decoration: underline;
	  font-size: 1em;
	  font-weight: normal;
	  line-height: 1em;
	  text-align: left;
	  font-style: normal;
	  margin: 0.5em 0;
  }
  a.block_anchor p{
	  margin: 0.5em 0;
	  text-align: left;
  }
  a.block_anchor div.thumb {
	  display: inline-block;
	  text-align: center;
	  width: 25%;
  }
  
  div.blockright{
	  display: inline-block;
	  vertical-align: top;
	  height: 100%;
	  width: 70%;
	  text-align: left;
  }
  
  #page_description{
	  max-width: 700px; 
	  margin: auto;
	  font-style: italic;
	  margin-bottom: 15px;
  }