html, body, p, h1, h2, h3, h4, h5, h6 {
  font-family: georgia, times-roman, serif;
}

/*
*Larger text in forms
*/
input, select, textarea { 
font-size: 100%; 
}
/*
*dropdown menu item font and size
*/
.dropdown {
  float: left;
  overflow: hidden;
  font-family: Arial, san-serif;
  font-size: 13px;  
}

.dropdown .dropbtn {
  font-size: 13px;  
  border: none;
  outline: none;
  color: black;
  padding: 10px 10px;
  background-color: inherit;
  font-family: Arial, san-serif;
  margin: 0;
}
/*
*dropdown background color, orig #f9f9f9, then purp c1aeea, then red 800600
*/
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #374861;
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/*
*letter color and vertical spacing(padding)
*/
.dropdown-content a {
  float: none;
  color: #f1f1e6;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}
/*
*hover background color, orig dddd, then ff4136
*/
.dropdown-content a:hover {
  background-color: #001336;
}

.dropdown:hover .dropdown-content {
  display: block;
}



/* CSS only gallery (using radio inputs)
* See https://css-tricks.com/forums/topic/click-thumbnail-and-make-it-larger-image-image-gallery-wo-javascript/
* Support needed for IE7 & older - see https://css-tricks.com/child-and-sibling-selectors/
* WDL wrapper img originally: 1px solid #000
*/
.wrapper {
width: 400px;
position: relative;
left: 0px;
}
.wrapper .thumbnails {
width: 130px;
float: right;
}
.wrapper a {
margin: 2px;
}
.wrapper img {
border: 1px solid #999999;
}
.wrapper label > img {
opacity: 0.6;
}
.wrapper label > img:hover {
opacity: 1;
}
.wrapper input {
display: none;
}
.wrapper input:checked + .full-image {
display: block;
}
.wrapper input:checked ~ img {
opacity: 1;
}
.wrapper .full-image {
display: none;
position: absolute;
top: 0;
left: 0;
}
.wrapper .description {
width: 95%;
padding: 5px;
background-color: #efefef;
}