body {
  margin: 10px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 13px;
  color: #f1f1f1;
  background-color: #333333;
}
a {
text-decoration: underline;
  color: #f1f1f1;
  background-color: #333333;

}
 a:visited, a:hover,  a:active {
text-decoration:none;
}

table {
  text-align: center;
width: 100%;
}
td {
  padding: 5px;
  vertical-align: bottom;
}
/* BORDER AROUND FULL SIZE IMAGES */
.imgGrey {
  border: 1px;
  border-style: solid;
  border-width: thin;
  border-radius: 25px;
  border-color: #dddddd;
  padding: 5px;
}

.imgThumb {
  border: 1px solid #dddddd;
  padding: 5px;
  width: 150px;
}
#center {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#center1 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center2 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center3 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center4 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center5 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center6 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center7 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
}
#center8 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
}
#center9 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center10 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center11 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center12 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center13 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center14 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center15 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center16 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center17 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center18 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center19 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center20 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center21 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center22 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center23 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center24 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center25 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center26 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center27 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#center28 {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

ul {
  padding: 0 175px 0px;
  text-decoration: none;
}
figcaption {
  padding: 0 175px 0px;
  font-family: Georgia,Times,serif;
  font-style: italic;
  font-size: 13px;
  color: #f1f1f1;
  text-align: justify;
  text-justify: inter-character;
}
p, h1, h2, h3 {
  padding: 0 85px 5px;
  font-weight: normal;
  color: #f1f1f1;
  tex-decoratin: none;
}
p.bold {
  font-weight: bold;
}
.top-container {
  background-color: #333333;
  color: #f1f1f1;
  text-align: center;
}
.header {
  padding: 10px 16px 0 96px;
  background: #333333 none repeat scroll 0% 50%;
  color: #f1f1f1;
}
.content {
  padding: 10px 56px 0 96px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky .content {
}
.footer {
  padding: 10px 56px 0 96px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 60%;
  background-color: #333333;
  color: #f1f1f1;
  font-family: Georgia,Times,serif;
  font-style: italic;
  font-size: 11px;
}

/* Congratulations! No Error Found. 11 jun 2019 06.28.35 */
.sidepanel {
  height: 200px;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #333333;
  overflow-x: hidden;
  padding-top: 60px;
  text-align: left;
}
.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #f1f1f1;
  display: block;
}
.sidepanel a:hover {
  color: YELLOW;
}
.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 24px;
  margin-left: 50px;
}
.openbtn {
  border:  none;
  padding: 10px 15px;
  font-size: 36px;
  cursor: pointer;
  background-color: #333333;
  color: white;
}
.openbtn:hover {
  background-color: #444444;
}