/* updated 4/4/24 */

body {
	margin: 1em 2em 1em 3em;
	width: 55em;
	padding: 3em;
	font-size: 16px;
}
#banner {
    background-image: url("largeBanner.jpg");
    width: 900px;
    height: 243px;
    position: absolute;
    left: 4em;
    top: 0;
}
#logos {
    display: block;
    width: 20em;
    height: 20em;
   /*   background-color: #0A4181; */
}
.logo {
    font-family: 'Courier New', monospace;
    font-size: 24px;
    letter-spacing: 1px;
    color: white;
    font-weight: 600;
    background-color: #0A4181;
    height: 2em;
    width: 12em;
    display: block;
    padding-left: 1em;
    padding-top: .5em;
    float: right;
}
.imgLogo {
    height: 70px;
    width: 90px; 
    margin-left: 2em;
}
.teiLogo {
    position: relative;
    top: 40px;
    left: -16px;
    height: 60px;
    width: 60px;
}
nav {
    position: relative;
    top: -5em;
    width: 900px;
    display: block;
    height: 4em;
    background-color: #0A4181;
}
ul.nav {
    float: right;
    margin-right: 5em;
    list-style-type: none;
}
ul.nav > li {
    display: inline;
    padding: 10px;
    font-family: 'Courier New', monospace;
    font-size: 16px;
    letter-spacing: 1px;
    color: white;
    font-weight: 600;
}
ul.nav > li > a {
    font-weight: bold;
    text-decoration: none;
	color: white;
}
ul.nav > li > a:hover {
	text-decoration: underline;
	color: olive;
}
.here {
    color: olive;
    text-decoration: underline;
}
#main {
    position: relative;
    top: 253px;
    clear: both;
    width: 800px;
}
#main > p {margin-left: 2em;}
a {
    font-weight: bold;
    text-decoration: none;
	color: #577da8;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
	text-decoration: underline;
	color: olive;
}

hr {
    width: 65em;
}
header {
	color: #000;
	font-size: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
}
h1 {
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}
h2 {
	color: #000;
	font-size: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h3 {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
}
.noteSpace > h3:first-child {
    color: #FFFFFF; /* change the color to match your background */
	font-size: 1.4em;
	font-weight: normal;
}
h4 {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
}
ol {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.8em;
}
ul {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.8em;
}
li {
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.8em;
	display: list-item;
}
p, tr, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.8em;
	/* padding: 1em; */
}
sup {
    vertical-align: top;
    font-size: .8em;
    line-height: 1.8em; 
}
sup.header {
    vertical-align: top;
    font-size: .8em;
    line-height: 2.5em; 
}
div.table {
    display: table;
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.8em;
	width: 100%;
}
p.tableRow {
   display: table-row-group;
}
span.left {
    display: table-cell;
    width: 38%;
    float: left;
}
span.right {
    display: table-cell;
    width: 60%;
    float: right;
    text-align: center;
}
img.cell {
    border: 2px solid black;
}
img.icon {
    width: 20px;
    height: 20px;
}
div.blockquote {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.8em;
	margin-left: 5em;
	margin-right: 5em;
	letter-spacing: 0.3px;
}
.blockquote {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.8em;
	margin-left: 5em;
	margin-right: 5em;
	letter-spacing: 0.3px;
}
div.lg {
    margin-bottom: 2em;
}
 .indent1 {
     margin-left: 3em;
 }
 
  .indent2 {
     margin-left: 5em;
 }
.notes {
    border-top: 2px solid black;
    padding-top: 1em;
	font-size: .9em;
	line-height: 1.5em;
}
.toc {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 2em;
}
.hang {
	font-size: .9em;
	line-height: 1.5em;
	margin-left: 30px;
	text-indent: -30px;
}
.blockleft {
	margin-left: .1em;
	width: 45%;
	float: left;
}
.blockright {
	margin-right: .1em;
	width: 25%;
	float: right;
}
.clear {
	clear: both;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
	text-align: center;
	text-indent: 0pt;
	text-decoration: none;
	padding-bottom: 4em;
}
.pgBottom {
    clear: both;
    margin-top: 1em;
    text-align: center;
}
.bold {
    font-weight: bold;
}
figcaption {
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.8em;
	padding: 1em;
}
.noteSpace { /* makes enough space at the end of webpage for the note link to bring the specified note to the top of the screen. */	
    height: 60em;
    color: #FFFFFF; /* change the color to match your background */
}
header.notespace {
    height: 60em;
    color: #FFFFFF;
}
section.noteSpace > h2 {color: #FFFFFF;}