/* Reset */
* {
	padding: 0;
	margin: 0;
}

/* Fonts */
@font-face {
  font-display: swap;
  font-family: 'EBG Fallback';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ebg-regular.woff2') format('woff2'),
       url('../fonts/ebg-regular.woff') format('woff'),
       url('../fonts/ebg-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'EBG Fallback';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ebg-italic.woff2') format('woff2'),
       url('../fonts/ebg-italic.woff') format('woff'),
       url('../fonts/ebg-italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'EBG Fallback';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/ebg-600.woff2') format('woff2'),
       url('../fonts/ebg-600.woff') format('woff'),
       url('../fonts/ebg-600.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'EBG Fallback';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/ebg-600italic.woff2') format('woff2'),
       url('../fonts/ebg-600italic.woff') format('woff'),
       url('../fonts/ebg-600italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'EBG Fallback';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ebg-700.woff2') format('woff2'),
       url('../fonts/ebg-700.woff') format('woff'),
       url('../fonts/ebg-700.ttf') format('truetype');
}

/* Globals */
body {
	background-color: #fff;
	color: #555;
	font-family: 'EB Garamond 12', 'EBG Fallback', 'EB Garamond', 'Garamond', serif;
	font-size: 24px;
	padding: 7px 3%;
}
a {
	color: indigo;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition-duration: 0.15s, 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
	transition-delay: 0s, 0s, 0s;
	transition-property: color, background-color, border-color;
	text-decoration: none;
}
a:hover {
	color: firebrick;
}
h1,h2 {
	margin: 0 0 28px;
	padding: 0 0 7px;
	border-bottom: 7px double #555;
	font-weight: 600;
}
h3,h4,h5,h6 {
	margin: 0 0 12px;
	padding: 0 0 3px;
}
h3,h4 {
	color: olivedrab;
}
h5,h6 {
	font-variant: all-small-caps;
	color: darkgoldenrod;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.1em; }
em { color: olivedrab; }
p { margin: 0 0 21px; }
br { margin: 0 0 5px; }
hr { margin: 47px 10% 61px; }
img { max-width: 90%; }

/* Page Layout and Responsive Tweaks */
#wrapper {
	margin: 0 auto 28px;
}
#navigation {
	margin: 0 auto 47px;
	max-width: 100%;
}
#content {
	margin: 0 auto 47px;
}
@media (max-width: 549px) {
	body { background-position: center right; }
	#navigation { width: 300px; text-align: center; }
	#navigation #logo { margin: 0 0 47px 21px; }
}
@media (min-width: 550px) {
	body { background-position: center left; }
	#navigation { float: left; }
	#navigation #logo { margin: 0 0 47px; }
	#content { float: right; }
}
@media (min-width: 550px) and (max-width: 767px) {
	#navigation { width: 35%; }
	#content { width: 65%; }
	.content { max-width: 94%; }
}
@media (min-width: 768px) and (max-width: 991px) {
	#navigation { width: 30%; }
	#content { width: 70%; }
	.content { max-width: 94%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	#navigation { width: 25%; }
	#content { width: 75%; }
	.content { max-width: 84%; }
}
@media (min-width: 1200px) {
	#navigation { width: 20%; }
	#content { width: 80%; }
	.content { max-width: 74%; }
}

/* Navigation Pane */
#nav-inner {
	max-width: 210px;
	margin: 0 auto;
}
#navigation h5 {
	padding: 0 7px;
}
#navigation p {
	font-size: 12px;
	margin: 0 0 14px;
	padding: 0 21px;
}
#navigation #logo {
	clear: both;
	text-align: left;
}
#navigation #logo-icon {
	clear: both;
	position: relative;
	margin: 0 14px 14px;
	min-height: 175px;
	background: url('../img/logo.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
}
#navigation #logo-icon a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
#navigation #logo p {
	font-size: 28px;
	line-height: 14px;
	font-weight: 700;
	font-variant: small-caps;
	padding: 0;

}
#navigation #logo p #logo-d,
#navigation #logo p #logo-p,
#navigation #logo p #logo-h {
	font-weight: 700;
	color: darkgoldenrod;
}
#navigation #logo p #logo-p { margin-left: 24px; }
#navigation #logo p #logo-h { margin-left: 48px; }
#navigation p.nav-link {
	list-style: none;
	font-size: 18px;
	margin: 0 auto 21px;
}
#navigation #social {
	padding: 0 14px;
}
#navigation #social a {
	color: #555;
	margin: 0 7px 14px;
}
#navigation #social a:hover { color: firebrick; }

/* Content Pane */
#content {
	margin: 0 0 47px;
}
.content {
	margin: 24px auto 74px;
	padding: 0 0 47px;
}
#content p {
	text-align: justify;
	line-height: 1.25em;
}
#content p.download {
	font-size: 21px;
	font-variant: all-small-caps;
	text-align: right;
	font-weight: 700;
}
#content p.footnote {
	font-size: 18px;
}
#content p.copyright {
	margin: 0 0 20px;
	text-align: center;
	clear: both;
	font-variant: all-small-caps;
	font-weight: 600;
	font-size: 15px;
}
#content img {
	border: 3px double #777;
	margin: 0 auto 21px;
	max-width: 98.7%;
	display: block;
}
@media (min-width: 768px) {
	#content img.img-center {
		margin: 0 auto 21px;
	}
	#content img.img-left {
		float: left;
		max-width: 40%;
		margin: 0 21px 21px 0;
	}
	#content img.img-right {
		float: right;
		max-width: 40%;
		margin: 0 0 21px 21px;
	}
}

/* Static Pages */
#page.content {
	border-bottom: 7px double #555;
}

/* News Page */
#news.content {
	border-bottom: 7px double #555;
}

/* Publication Catalog */
#catalog.content {
	border-bottom: 7px double #555;
}
#catalog.content table {
	margin: 28px auto;
}
#catalog th {
	padding: 0 14px 7px 0;
	text-align: left;
	text-decoration: underline;
}
#catalog td {
	padding: 0 14px 14px 0;
	font-size: 21px;
}
#catalog th.id,
#catalog td.id {
	font-weight: 700;
}
#catalog th.id a,
#catalog td.id a {
	color: olivedrab;
}
#catalog th.id a:hover,
#catalog td.id a:hover {
	color: firebrick;
}


/* Forms */
fieldset {
	text-align: left;
	border: 0;
	width: 384px;
	margin: 0 auto;
}
label {
}
input {
	width: 374px;
	margin: 0 0 21px;
	padding: 3px 4px;
}
textarea {
	width: 374px;
	height: 222px;
	margin: 0 0 24px;
	padding: 3px 4px;
}
button {
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition-duration: 0.15s, 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
	transition-delay: 0s, 0s, 0s;
	transition-property: color, background-color, border-color;
	text-decoration: none;
  padding: 4px 10px 3px;
  margin: 7px;
  font-size: 21px;
}
button:hover {
}
.message {
	background-color: #ddd;
	margin: 0 0 21px;
	padding: 5px;
  border-radius: 1.5px;
}