body {
  font-family: sans-serif;
}

.blackbody {
  background-color: black;
  color: white;
}

/*
h1 {
  font-family: sans-serif;
  font-size: 18pt;
  background-color: #f0f0f0;
  border: 1px solid #bbbbbb;
  padding: 5px;
}
*/
/*
h2 {
  font-family: sans-serif;
  font-size: 16pt;
  background-color: #f0f0f0;
  padding: 5px;
  border: 1px solid #bbbbbb;
}
*/
.thumblist {
  padding: 0.2em;
}

.thumbimgbox {
  background-color: #dddddd;
  margin: 2px;
  padding: 7px;
  border: solid 1px #999999;
}

/*
.thumbouterbox {
  margin: 0px;
  padding: 0px;
  width: 192px;
  height: 220px;
  text-align: center;
  overflow: hidden;
}
*/

.thumbbox {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 190px;
  height: 230px;
  text-align: center;
  overflow: hidden;
  border: 1px solid white;
}

.thumbbox a:link {
  color: #000000;
  text-decoration: none;
}
.thumbbox a:visited {
  color: #000000;
  text-decoration: none;
}

/*
.blackbody a:link {
  color: #bbbbff;
}

.blackbody a:visited {
  color: #dd99dd;
}
*/

.thumbbox img {
  border: solid 0px black;
}

.thumbcaption {
  font-size: 12px;
  font-family: sans-serif;
  margin: 4px;
  /*margin-top: 4px;
  margin-bottom: 4px; */
}

.clearfloats {
  clear: both;
}

#slidename {
  display: inline;
  font-weight: bold;
}

.navbuttons {
  float: right;
  padding: 3px;
}

.viewoptions {
  clear: both;
  padding-top: 10px;
  font-size: 12px;
  font-style: italic;
}

.dissolvetext {
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 10px;
  font-style: normal;
}

.bgtext {
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 10px;
  font-style: normal;
}

.navbut {
  display: inline;
  background-color: #003366;
  border: solid 1px #666666;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
  cursor: pointer;
  margin-left: 4px;
  color: #00FF66;
  font-weight: bold;
}

.disabledbut {
  color: #006622;
  cursor: default;
  background-color: #002244;
  border: solid 1px #444444;
}

.imagebox {
  position: relative;
  text-align: center;
  margin-top: 10px;
  background-color: white;
  color: black;
  padding: 10px;
  border: solid 2px #003366;
}

.imageboxblack {
  position: relative;
  text-align: center;
  margin-top: 5px;
  background-color: black;
  color: white;
  padding: 5px;
}

.imgcaption {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: sans-serif;
  font-style: italic;
  width: 800;
  margin-left: auto;
  margin-right: auto;
}

.imgcaption p {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.hiddencaption {
  visibility: hidden;
  position: absolute;
  width: 300px;
  top: 0px;
  left: 0px;
}

.viewimgbox {
  position: relative;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 800;
  height: 600;
  background-color: white;
}
.viewimgboxblack {
  position: relative;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 800;
  height: 600;
  background-color: black;
}

.linkbox {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.imglinkcurrent {
  float: left;
  width: 22px;
  height: 15px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  background-color: black;
  /*border: solid 1px #555566;*/
  margin: 2px;
  text-align: center;
  cursor: default;
}
.imglinkcurrentblack {
  float: left;
  width: 22px;
  height: 15px;
  font-size: 12px;
  font-weight: bold;
  color: black;
  background-color: white;
  /*border: solid 1px #555566;*/
  margin: 2px;
  text-align: center;
  cursor: default;
}
.imglink {
  float: left;
  width: 22px;
  height: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #dddddd;
  background-color: #6666aa;
  /*border: solid 1px #555566;*/
  margin: 2px;
  text-align: center;
  cursor: pointer;
}

.albumlist {
  /*background-color: #a0aaff;*/
  /* background-color: #999999; */
  width: 600px;
  margin-left: 40px;
}

.albumlink {
  /*background-color: #eef0ff; */
  margin-top: 5px;
  margin-bottom: 5px;
  height: 51px;
}

.albumtitle {
  padding-top: 4px;
  font-weight: bold;
  font-size: 14px;
}

.albumtitle a {
  text-decoration: none;
  color: black;
}


.albumright {
  float: right;
  width: 150px;
  font-size: 11px;
  text-align: right;
  padding-bottom: 2px;
  margin: 4px;
}

.albumline1 {
  padding: 0px;
  /*padding-top: 5px;*/
  margin-left: 70px;
}

.albumline2 {
  float: left;
  margin-left: 8px;
  border-top: solid 1px #aaaaaa;
  font-size: 11px;
}

.albumline2 div {
  padding-top: 4px;
}

.albumthumb {
  float: left;
  height: 47px;
  width: 62px;
  margin: 0px;
  padding: 0px;
  /*margin-right: 10px;*/
}

.albumthumb img {
  border: solid 1px black;
  margin: 0px;
}

.albumupdated {
  float: left;
  color: #666666;
  margin-left: 20px;
}

.albumwhen {
  float: left;
  width: 150px;
  font-size: 12px;
}

.albumurls {
  float: left;
  padding: 4px;
}

.albumurls a {
  text-decoration: none;
  margin-left: 4px;
  background-color: #eeeeee;
  padding: 1px;
  padding-right: 3px;
  padding-left: 3px;
  border: solid 1px #999999;
}