a:link {
  color: #8B4513;
}

/* visited link */
a:visited {
  color: #8B4513;
}

h3 {
  color:black;
}
.top_level {
}

.top_level::before {
  content: "";
  background-image: url("/pics/treasuremap-compass_layer.jpg");
/*  background-size: fill;
  position: absolute;*/
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.2;
}

body {
  margin: 0;
  font-family: Georgia, Arial, Helvetica, sans-serif;
  background-image: url("/pics/treasuremap-compass_layer.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;  
  background-attachment: fixed;  
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #000;
  overflow: hidden;
  /*z-index: 5;*/
  position: relative;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #04AA6D;
  background-color: #8B4513;
  color: white;
}