body {
  /*  no spacing at either top or bottom  */
  margin-top: 0em;
  margin-bottom: 0em;
  /*  center content by setting a size and using margins  */
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  /*  Always define both color and background, if defined at all.  */
  background-color: rgb(5, 11, 29);
  color: rgb(235, 204, 140);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /*  Easy font-size bumping for whole site. (use em, not px)  */
  /*  Default font-size of browsers seems to be a whopping 16pt.  */
  font-size: 1em;
  line-height: 1.2;
}

/* { outline: aqua dotted 1px; } /*  debug  */

a:link {
/*  
  color: rgb(141, 152, 163);
*/
  color: rgb(255, 215, 128);
  text-decoration: none;
}
a:visited {
  color: rgb(255, 215, 128);
  text-decoration: none;
}
a:hover {
  color: rgb(255, 215, 128);
  text-decoration: underline;
}
a:active {
/*  
  color: rgb(156, 169, 130);
*/
  color: rgb(255, 215, 128);
  text-decoration: underline;
}

.link_wrapper {
  /*  Making <a> a block instead of inline extends the selectable area to the empty space in the block. This wrapper provides a container for styling, which allows <a> to remain inline and the link area minimized. Intended for lists of links, e.g. a TOC or menu.  */
  /*  Each link on a separate line.  */
  display: block;
  /*  Remove margin and padding from bottom. Trying to keep from extending past image height. Keep minimized, style spacing in parent instead.  */
  margin: 0em;
  padding: 0em;
}
.link_wrapper > span.delinked {
  font-weight: normal;
  text-transform: lowercase;
}

#body_canvas {
  position: relative;
  width: auto;
  height: auto;
  min-width: 900px;
  margin: 0em;
  background-color: rgb(91, 5, 54);
  color: rgb(235, 204, 140);
}

#header_title {
  display: block;
  margin: 0em;
  text-align: center;
  font-size: 3em;
  font-weight: bold;
}
#header_title.credits {
  margin-top: 1em;
  margin-bottom: 1em;
}
#header_image {
/*  width: 450px;
  height: 300px;
*/
  position: relative;
  float: right;
  margin: 0em 0em 3em 0em;
}

#body_content {
  position: relative;
  clear: both;
  width: auto;
  margin: 1em 1em 1em 1em;
}

#toc_main {
  margin: 1em 0em 1em 0em;
  padding-bottom: 0em;
  text-align:center;
  font-size: 1.2em;
  font-weight: bold;
}
#toc_main > .link_wrapper {
  margin-bottom: 1.25em;
}
#toc_main > .link_wrapper:last-child {
  margin-bottom: 0em;
}

td.contents {
  padding: 3em 2em 3em 2em;
  font-size: 1.1em;
}
td.contents p {
  margin-top: 0em;
}
td.contents > p {
  text-indent: 2em;
}

td#footer {
  padding:1em;
  padding-top:0em;
}

#toc_bottom {
  margin: 1em 0em 1em 0em;
  padding-bottom: 0em;
  text-align:center;
  font-size: 1.1em;
  font-weight: bold;
}
#toc_bottom > .link_wrapper {
  margin-bottom: 1em;
}
#toc_bottom > .link_wrapper:last-child {
  margin-bottom: 0em;
}

#cal {
  margin-bottom: 2em;
  border-width: .1em .2em .3em .2em;
  border-style: solid;
}


/*  Officers and Board  */
.officer {
  margin-bottom: 3em;
  font-size: 1em;
}
.officer .office {
  display: block;
  margin-bottom: .5em;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}
.officer .description {
  display: block;
  margin-left: 2em;
  margin-right: 2em;
}
.officer .description .name {
  margin-left: -2em;
  font-weight: bold;
}
.officer .description p {
  margin-top: 1em;
  text-indent: 2em;
}


/*  News & Calendar  */
.year {/* like a header */
  margin-top: 2em;
  border-bottom-width: .1em;
  border-bottom-style: solid;
  font-size: 1.5em;
  font-weight: bold;
}
.year:first-child {
  margin-top: 0em;
}
.contents.news p {/* brief of news source */
  margin-top: 1em;
  margin-bottom: 0em;
  text-indent: 0em;
}
p + .linked_source {/* source of news: link and date */
  display: block;
  margin-top: .25em;
  margin-left: 1em;
}
.linked_source:before {content:"("}
.linked_source:after {content:")"}
.linked_source a {
  font-style: italic;
}
.list {
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 2em;
}
.list_intro {/* list of articles */
  margin-bottom: 1em;
  margin-left: -2em;
}
.exhibition, .artwork, .publication {
  font-style: italic;
}


/*  History  */
.institution {
  margin-bottom: 3em;
  font-size: 1em;
}
.institution:first-child {
  margin-top: 0em;
}
.institution + .institution {
  margin-top: 3em;
}
.institution .name {
  display: block;
  margin-bottom: .5em;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}
.institution .description {
  display: block;
  margin-bottom: 1em;
}
.institution .description p {
  text-indent: 2em;
}
.institution .contact {
  
}

ol, ul {
  margin: 1em 4em 1em 2em;
}
li {
  margin-bottom: .5em;
  text-indent: 0em;
}

.booktitle {
  margin-left: 1em;
  text-decoration: underline;
}


/*  Credits page  */
.credit_item {
  display: block;
  margin: 1em 0em 2em 0em;
}
.credit_item:last-child {
  margin-bottom: 0em;
}

.credit_item .resource  {
  display: block;
}
.credit_item > * + .contributor {
  display: block;
  margin-left: 1em;
}
.credit_item > * + .source {
  display: block;
  margin-left: 1em;
}
.credit_item .resource .info {
  display: block;
  margin-left: 1em;
}
.credit_item > .contributor:first-child > * + * {
  display: block;
  margin-left: 1em;
}

.credit_item .resource .title {
  font-style: italic;
  font-size: 1.2em;
}
/*
.credit_item .resource .title:after {
  content: ","
}
*/

.credit_item .contributor .kind {
  font-variant: small-caps;
}
.credit_item > .contributor:first-child .kind {
  display: block;
}
.credit_item .contributor .names:after {
  content: "."
}

/*
.credit_item .source:before {
  content: "Source: ";
  font-variant: small-caps;
}
*/


/*  Contacts page  */
#address {
  padding: 2em 1em 2em 1em;
  text-align: center;
  vertical-align: middle;
  font-size: 1.4em;
}
#dfiu {
  /*  Disclaimer For Inexperienced Users  */
  margin: 0em;
  font-size: .5em;
}


/*  debugging  */

a#remember {
  display: block;
  position: fixed;
  top: 5%;
  left: 10%;
  width: 80%;
  height: 6%;
  padding-top: 1em;
  text-align: center;
  background-color: rgba(16, 32, 16, .5);
  border: .3em solid green;
  -webkit-border-top-left-radius: 5em 5em;
  -webkit-border-top-right-radius: 5em 5em;
  -webkit-border-bottom-left-radius: 20em 5em;
  -webkit-border-bottom-right-radius: 20em 5em;
  -webkit-animation-name: pulsing_text;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}
#remember:before {
  font-style: italic;
  content: "> add link < >";
}
#remember:after {
  content: "<";
}

@-webkit-keyframes pulsing_text {
  from {
    color: pink;
    font-size: 1em;
  }
  50% {
    color: aqua;
    font-size: 1.15em;
  }
  to {
  }
}