body {
  font-family: "Lato", sans-serif;
}
/* index page text */
p.a {
  font: 16px sans-serif;
}
/* index page Title*/
p.b {
  text-align:center; font: italic 18px/18px MV Boli;
}
/* index page photo caption*/
p.c {
  text-align:center;  font: italic 13px/13px sans-serif;
}
/* click thumbnail */
p.d {
  text-align:center; font: italic 18px/18px MV Boli; color: red;
}
/* ???? */
p.e {
  font: 15px sans-serif; font-weight: 700;
}
/* sidenav Title */
p.f {
  font: italic 15px/15px sans-serif; font-weight: 900; padding: 1px 13px;
}
/* back link */
p.g {
  text-align:center;  font: italic 14px/14px sans-serif;
}
p.h {
  text-align:center; font: italic 18px/18px MV Boli; color: red;
  clear: left;
}
/* frame created by */
p.i {
  text-align:center; font: italic 12px/12px sans-serif;
/* wrap text around image */
div.a {
  line-height: normal; border-style: solid;
  clear: left;
}

div.b {
  line-height: 1.8;
}
}
/* page description wrapped around image */
ul.a {
  list-style-type: disc;
  margin: 2;
  padding: 1;
  line-height: 1.5;
}

table {
  border-collapse: collapse;
  width: 50%;
}

th, td {
  padding: 4px;
  text-align: left;
  border-bottom: 0px solid #ddd;
}
tr:hover {background-color:#f5f5f5;}

/* Main content page text */
.main {
  margin-left: 260px; /* Same as the width of the sidenav */
  font-size: 16px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}
/* header footer */
.table1 {
    display:table;
    width:80%;
    margin-left:260px;
}
.tr {
    display:table-row;
}
.d1 {
    display:table-cell;
    width:25%;
}
/* Title */
.d2 {
    display:table-cell;
    text-align:center; font: italic 18px/18px MV Boli;
    width:50%;
}
/* return to homepage */
.d3 {
    display:table-cell;
    text-align:right;
    padding:0px 10px;
    width:25%;
}
/* frame */
.table2 {
    display:table;
    width:100%;
}
.tr {
    display:table-row;
}
/* previous */
.d4 {
    display:table-cell;
    width:25%;
}
/* image text */
.d5 {
    display:table-cell;
    text-align:center; font: italic 14px/14px sans-serif;
    width:50%;
}
/* next */
.d6 {
    display:table-cell;
    text-align:right;
    width:25%;
}


/* sidenav add button(s) */
.button {
  background-color: #cce6ff; /* same as sidenav */
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 0px 30px;
  cursor: pointer;
}
/* previous */
.button1 {
width: 30%;
background-color: #cce6ff; /* same as sidenav */
  border: none;
  color: black;
  padding: 5px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 0px 30px;
  cursor: pointer;
}
/* next */
.button2 {
width: 20%;
background-color: #cce6ff; /* same as sidenav */
  border: none;
  color: black;
  padding: 5px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 0px 40px;
  cursor: pointer;
}

/* Fixed sidenav, full height */
.sidenav {
  height: 100%;
  width: 260px;
  position: fixed;
  z-index: 1;
  top: o;
  left: 0;
  background-color: #cce6ff;
  overflow-x: hidden;
  padding-top: 0px;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  font-size: 15px; font-weight: 600;
  color: #88888;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: red;
}


/* Add an active class to the active dropdown button */
.active {
  background-color: yellow;
  color: black;
}


/* Dropdown container1 (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container1 {
  display: none;
  background-color: #eff;
  padding-left: 8px;
}
/* Dropdown container2 (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container2 {
  display: none;
  background-color: #eff;
  padding-left: 8px;
}
/* Dropdown container3 (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container3 {
  display: none;
  background-color: #eff;
  padding-left: 8px;
}
/* Dropdown container4 (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container4 {
  display: none;
  background-color: #eff;
  padding-left: 8px;
}
/* Dropdown container5 (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container5 {
  display: none;
  background-color: #eff;
  padding-left: 8px;
}

/* UNUSED AT PRESENT Dropdown container6 (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container6 {
  display: none;
  background-color: #eff;
  padding-left: 8px;
}
/* UNUSED AT PRESENT Dropdown container7 (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container7 {
  display: none;
  background-color: #eff;
  padding-left: 8px;
}
/* UNUSED AT PRESENT Dropdown container8 (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container8 {
  display: none;
  background-color: #eff;
  padding-left: 8px;
}
/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}