body {
  background-color: #444444;
}

body, html {
  height: 100%;
  margin: 0;
}

.bg {
  background-image: url(images/bg_sphinx_2019.jpg);
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.bg_about {
  background-image: url(images/bg_anchorite_2021.jpg);
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.bg_digital {
  background-image: url(images/bg_blackbird_2020.jpg);
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.collapsible {
  background-color: #888888;
  color: rgba(24, 24, 24, 0.9);
  cursor: pointer;
  padding: 20px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-family: palatino, georgia, serif;
  font-size: 15pt;
}

.collapsible:after {
  content: 'Open the Collection Drawer';
}

.active:after {
  content: "Close the Collection Drawer";
}

.active, .collapsible:hover {
  background-color: #ce9641;
}

.collapsible_content {
  padding: 0px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

A:link {color:#ce9641;}
A:visited {color:#ce9641;}
A:hover{color:#ffffff;}
A{text-decoration:none;}
A{font-family: palatino, georgia, serif;
font-size: 12pt;}

h3, p {
font-family: palatino, georgia, serif;
font-weight: normal;
color: #aaaaaa;
}

h1 {
font-family: palatino, georgia, serif;
font-weight: normal;
color: #ce9641;
font-size: 15pt;
}

.h2 {
font-size: 13pt;
font-family: palatino, georgia, serif;
font-weight: normal;
color: #ce9641;
}

.h3 {
font-size: 15pt;
font-family: palatino, georgia, serif;
font-weight: normal;
color: #aaaaaa;
}

.h4 {
font-size: 15pt;
font-family: palatino, georgia, serif;
font-weight: normal;
line-height: 20pt;
color: #ce9641;
}

p {
font-size: 12pt;
line-height: 18pt;
vertical-align: top;
}

.smallcaps {
font-size: 13pt;
font-family: palatino, georgia, serif;
font-weight: normal;
color: #ce9641;
font-variant:small-caps;
}

.showlist {
margin-left: 83px;
font-size: 12pt;
line-height: 18pt;
color: #aaaaaa;
font-family: palatino, georgia, serif;
vertical-align: top;
}

.firstline {
margin-left: -42px;
}

ul {
font-family: palatino, georgia, serif;
font-weight: normal;
color: #aaaaaa;
font-size: 12pt;
line-height: 18pt;
vertical-align: top;
}

.h2italic {
font-family: palatino, georgia, serif;
font-size: 13pt;
font-style: italic;
color: #ce9641;
}

.italic {
font-family: palatino, georgia, serif;
font-size: 12pt;
font-style: italic;
color: #aaaaaa;
}

.slantedline {
font-family: palatino, georgia, serif;
font-size: 13pt;
word-spacing: 3px;
color: #ce9641;
}

.greyslantedline {
font-family: palatino, georgia, serif;
font-size: 13pt;
word-spacing: 3px;
color: #aaaaaa;
}

p.centerimage {
margin: 0 auto;
display: block;
text-align:center;
} 

.main {
display:block;
margin-left:auto;
margin-right:auto;
padding: 10px 0px 10px 0px;
width:901px;
}

.nav_floatbox {
float:right;
width: 280px;
padding:10px;
background-color: rgba(24, 24, 24, 0.9);
}

.nav_buttons {
margin: 0px 0px 10px 0px;
border:0px;
}

.nav_content {
padding: 804px 20px 10px 20px;
margin: 0px 0px 20px 0px;
width:861px;
}

.content {
padding: 10px 20px 10px 20px;
margin: 0px 0px 20px 0px;
width:861px;
background-color: rgba(24, 24, 24, 0.9);
}

.exhibitions_content {
width:432px;
}

.exhibitions_floatbox {
float:right;
width: 200px;
padding:0px 16px 16px 0px;
}

.media_floatbox {
float:right;
width: 300px;
padding:10px;
}

.teaching_floatbox {
float:right;
width:450px;
}

.gallery_floatbox {
float:right;
width:276px;
}

.melusine_floatbox {
float:left;
width:268px;
margin: 0px 30px 30px 0px;
}

.text {
padding:20px 20px 20px 20px;
text-align:left;
}

.text_padding {
padding:20px 20px 20px 20px;
}

.exhibitions {
padding:0px 0px 0px 50px;
}

.thumbnails {
padding:0px 0px 20px 20px;
}

.gallery_thumbnails {
padding:0px 16px 16px 0px;
}

.gallery_thumbnails_end_row {
padding:0px 0px 16px 0px;
}

.drawings_banners {
padding:10px 0px 10px 0px;
}

.gallery_width {
width:560px;
padding: 10px 20px 10px 0px;
}

.gallery_half_width {
width:268px;
padding: 10px 20px 10px 0px;
}

.gallery_half_width_end {
width:268px;
padding: 10px 0px 10px 0px;
}

.gallery_third_width {
width:163px;
padding: 10px 20px 10px 0px;
}

.gallery_third_width_end {
width:163px;
padding: 10px 0px 10px 0px;
}

.gallery_persephone_width_closed {
width:204px;
padding: 10px 20px 10px 0px;
}

.gallery_persephone_width_open {
width:331px;
padding: 10px 20px 10px 0px;
}

.top_padding {
padding:20px 0px 0px 0px;
}

.bottom_padding {
padding:0px 0px 20px 0px;
}

.about_image {
padding:10px 0px 0px 0px;
}