body 
{
  font-family: "Lucida Sans", sans-serif;
  font-size: 17px;
  background-color: rgb(150, 150, 150);
  margin: 0;
}

 /* unvisited link */
a:link {
  color: sienna;
}

/* visited link */
a:visited {
  color: darkslateblue;
}

/* mouse over link */
a:hover {
  color: darkorange;
}

/* selected link */
a:active {
  color: darkslategrey;
} 
/* navigation below */

ul.topnav {
  list-style-type: none;
  font-size: 15px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(120, 120, 120)
  /*position: fixed;
  top: 0;
  width: 100%; */
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 6px 18px;
  text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #CD5C5C;}

ul.topnav li a.active {background-color: darkolivegreen;}
/* comment 
ul.topnav li.right {float: right;}*/

@media screen and (max-width: 600px) {
  ul.topnav li.right, 
  ul.topnav li {float: none;}
}

/* navigation above */

.simplehead /* this is an alternative header style*/
{
  text-align: center;
  color: darkolivegreen;
}

img 
{
  display: block;
  margin: auto;
}

img.gallery 
{
  float: left;
  margin-right: 15px;
  margin-left: 4vw;
  padding-left: 50px;
  width: 300px;
  height: auto; 
}

div.gallery-block
{
  padding-top: 88px;
  padding-bottom: 60px;
}


h1 
{
    padding-top: 15px;
  padding-right: 50px;
  padding-bottom: 1px;
  padding-left: 50px;
  color: black;
  text-align: center;
}

h2 
{
  padding: 10px;
  color: rgb(60, 60, 60);
  text-align: center;
}

h3 
{
  padding: 1px;
  color: rgb(60, 60, 60);
  text-align: center;
}

h4 
{
  padding: 1px;
  color: rgb(60, 60, 60);
  text-align: center;
}

p 
{
  text-align: center;
  margin: auto;
   max-width: 600px;
   padding: 15px;
}

div.solid /* this is the divider between blog posts */
{
  border-style: solid;
  color: darkolivegreen;
  background-color:darkolivegreen;

}

div.pic-text /* this is the title over image code */
{
  position: relative;
  text-align: center;
  color: white;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}