body {
    background-color: #fdfdfb;
    margin: 0;
    padding: 0;
}
.img-pop {
    display: block;
    margin-left: auto;
    margin-right: auto;
	outline-offset: -1px;
	outline: 1px solid rgba(0,0,0,0.1);
}

.img-pop1 {
    height: 375px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    outline-offset: -1px;
    outline: 1px solid rgba(0,0,0,0.1);
}

img.gal {
    border: 0px;
    padding: 1px;
    margin-left: auto;
    margin-right: auto;
	outline-offset: -1px;
	outline: 1px solid rgba(0,0,0,0.1);
}

img.ab {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    padding: 3px;
}

img.ab:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    padding: 3px;
}

img.ab2 {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    padding: 3px;
}

h1 {
    font-family: 'Libre Baskerville', "Baskerville", serif;
    color: #111111;
    text-align: center;
    font-size: 1.6em;
    margin-top: 10;
    margin-bottom: 5;
}

h2 {
    font-family: 'Libre Baskerville', "Baskerville", serif;
    color: #111111;
    text-align: center;
    font-size: 1.02em;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

h3 {
    font-family: 'Libre Baskerville', "Baskerville", serif;
    color: #111111;
    text-align: left;
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 7px;
}

p, span {
    font-family: 'Lato', "Gill Sans", Arial, Helvetica, sans-serif;
    color: #333333;
    text-align: left;
    font-size: 0.8em;
}

span.centxt {
	text-align: center;
}
a:link {
    font-family: 'Lato', "Gill Sans", Arial, Helvetica, sans-serif;
    color: #111111;
    text-decoration: none;
}

a:visited {
    font-family: 'Lato', "Gill Sans", Arial, Helvetica, sans-serif;
    color: #111111;
    text-decoration: none;
}

a:hover {
    font-family: 'Lato', "Gill Sans", Arial, Helvetica, sans-serif;
    color: #006600;
    text-decoration: underline;
}

a:active {
    font-family: 'Lato', "Gill Sans", Arial, Helvetica, sans-serif;
    color: #009900;
    text-decoration: underline;
}

* {
  box-sizing: border-box;
}

.top {
  width: 100%;
  padding: 10px:
  border: 1px solid red;
}

.leftspace {
  width: 30%;
  float: left;
  padding: 30px;
}

.rightspace {
  width: 70%;
  float: left;
  padding: 30px;
}
img {
  max-width: 100%;
  height: auto;
}
.collapsible {
  font-family: 'Libre Baskerville', "Baskerville", serif;
  float: right;
  background-color: #fdfdfb;
  color: #000000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: right;
  outline: none;
  font-size: 15px;
}

.collapsible:hover {
  background-color: #fafafa;
}

.active:hover {
  background-color: #fdfdfb;
}


.collapsible:after {
  content: '\002B';
  color: #000000;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.content {
  float: right;
  padding: 0 18px;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #fdfdfb;
}