body {
  color: black;
  background-color: #7B8D9C;
  font-size: 12pt;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
}

table, td {
  font-family: Geneva, Arial, Helvetica, sans-serif;
}

p {
  background-color: transparent;
  text-align: justify;
}

h1, h2, h3, h4 {
  margin: auto;
  text-align: center;
}

h1, h2 {
  font-weight: normal;
  font-family: "Times New Roman", Times, serif;
}

h1 {
  color: #7C292C;
  font-size: 36pt;
  margin: 0.5em;
}

h2 {
  color: #7C292C;
  font-size: 14pt;
  font-style: italic;
}

h3 {
  font-size: 12pt;
  font-weight: bold;
}

hr {
  background-color: rgb(207,104,88);
  border: 0;
  color: rgb(207,104,88);
  height: 2px;
  width: 300px;
  margin: 1em auto 2em;
}

a {
  font-weight: bold;
}

a:link  {
  color: #443f8e;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #443f66;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #443f8e;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #4B7B85;
  background-color: transparent;
  text-decoration: underline;
}

cite {
  font-weight: bold;
  font-style: normal;
}

dt {
  color: #800000;
  font-weight: bold;
  text-align: justify;
}

/* Enclosing container */
#main {
  margin: 1em auto;
  width: 60%;
  max-width: 800px;
  background-color: #F1EFDA;
  padding: 1em 5em 4em 5em;
}

#header {
}

#content {
}

#footer {
}

.menu {
  margin: 1em auto 2em auto;
  width: 90%;
  text-align: center;
  background-color: #CDBCA3;
  font-size: 10pt;
}

.menu td {
  width: 16%;
}

/* Highlight the menu item based on current context (id of body) */
#home .menu .home,
#books .menu .books,
#programs .menu .programs,
#about .menu .about,
#links .menu .links,
#contact .menu .contact {
  background-color: #7B8D9C;
}

#home .menu .home a,
#books .menu .books a,
#programs .menu .programs a,
#about .menu .about a,
#links .menu .links a,
#contact .menu .contact a {
  color: #F1EFDA
}

/* Featured image (usually at the top of the page), with optional caption */
.frontispiece {
  text-align: center;
  margin: 0em auto 2em;
}

.frontispiece img {
  margin: 0em auto 1em;
}

.frontispiece p {
  font-size: 18pt;
  font-style: italic;
  font-weight: normal;
  font-family: "Times New Roman", Times, serif;
  margin: 0.6em auto;
  text-align: center;
}

/* Title/Author/Publisher information with optional cover thumbnail */
.byline {
  margin: 0em auto 2em;
  text-align: center
}

.byline img {
  margin: 0em auto 1em;
  text-align: center;
}

.byline p {
  margin: 0em auto;
  text-align: center;
}

.byline .title {
  color: #800000;
  font-weight: bold;
}

/* For principal sections with headings */
.section {
  margin: 0em 0em 5em 0em;
}

/* For subsections, when organizational style is needed, such as extra spacing */
.subsection {
  margin: 0em 0em 5em 0em;
}

.gallery {
  margin: 0em auto 2em;
  text-align: center
}

.gallery img {
  margin: 0em auto;
  text-align: center;
}

.gallery p {
  font-size: 10pt;
  margin: 0em auto 1em;
  text-align: center;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.just {
  text-align: justify;
}

.imgleft {
  float: left;
  margin: 0em 2em 1em 0em;
}

.imgright {
  float: right;
  margin: 0em 0em 1em 2em;
}
