/* border: 1px solid #000000; border-radius: 50% 50%; */

/* font-size: 10pt; font-weight: bold; font-style: italic; font-family: arial; */

/* Blue #000060 #a0c0ff Green #004000 #00c060 Gray #606060 #a0a0a0 Red #a00000 c06060*/

/* float - floated elements don't take up vertical space in the containing element - use clear */

/* background-image: url (images/background.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; */

/* flex-grow, shrink, basis */

* {box-sizing: border-box; margin: 0%; padding: 0%;}
/* Applies to all elements */

body {min-height: 100vh; margin: 3%; font: 11pt arial, sans-serif;}

header {max-width: 100%; height: auto;}

nav {width: 100%; background-color: #ffffff;}

footer {max-width: 100%; text-align: center; font: normal normal 10pt arial, sans-serif; margin-top: 2%;}

/* Dropdown menus */

.dropdown {position: relative; display: inline-block;}

.dropdown-content {display: none; position: absolute; min-width: 150px; padding: 5px 0px 0px 10px; z-index: 1;}

.dropdown:hover .dropdown-content {display: block;}

div.body {max-width: 100%; height: auto; background-color: #ffffff; padding: 0%; margin: 0%; color: #000000; font: normal normal 9pt arial, 'sans itc'; border-top: 4px solid #a00000; border-right: 4px solid #a00000; border-bottom: 4px solid #ffffff; border-left: 4px solid #ffffff;}

div.header {max-width: 100%; height: auto; padding: 1%;}

div.content {max-width: 100%; min-height: 100vh; text-align: left; padding: 2% 2%;}

div.commentary {text-align: left; padding: 1%;}

div.parchment {max-width: 100%; height: 850px; text-align: left; padding: 2% 1%; background-image: url(images/background.jpg); background-repeat: repeat; background-attachment: scroll; background-position: top center; overflow: scroll;}

div.about {width: 100px; height: 100px; text-align: center; font: italic bold 18pt arial, 'sans itc'; padding-top: 10px; border-top: 2px solid #000080; border-right: 2px solid #a00000; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff; float: left; margin: 10px 20px 5px 10px;}

.container {display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; text-align: left; vertical-align: middle; padding: 0%; clear: both;}

.container-center {text-align: center; padding: 0%; clear: both;}

.cell {display: table-cell; width: 46%; padding: 2%; font-size: 14pt; clear: both;}

.boxleft {width:31%; text-align: left; margin: 1%;}

.boxcenter {width:31%; text-align: left; margin: 1%;}

.boxright {width: 31%; text-align: left; margin: 1%;}


div.left {width: 48%; height: auto; text-align: center; margin: 1%;}

div.right {width: 48%; height: auto; text-align: left; margin: 1%;}


div.paypal {text-align: center; padding: 10px 0px;}

div.credit {text-align: center;}

div.images {max-width: 100%; text-align: center; padding: 0px;}

div.rightalign {position: relative; top: 0px; left: 0px; width: 660px; text-align: right;}

div.footer {width: 100%; text-align: center; font: normal 9pt arial, 'sans itc'; margin-top: 2%; margin-top: 2%; clear: both;}

span.firstletter{font: italic bold 2em times new roman; color: #a00000; margin-right: .1em;}

/*font-size: 2em; font-style: italic; font-weight: 700;*/

span.large{font: italic 600 36pt arial, 'sans itc';}

span.italic{font-weight: normal; font-style: italic;}

span.cite{font-weight: normal; font-style: italic;}

span.red{color: #a00000; font: italic 600;}

span.normal{font-size: 10pt; font-weight: normal; font-style: normal;}
 
span.super{vertical-align: super;}

.small{font-size: 8pt; font-weight: normal;}

.center{text-indent: 0px; text-align: center; vertical-align: middle;}

.emphasis{font-style: italic; font-weight: 700;}

.smallitalic{font-size: 8pt; font-style: italic; font-weight: normal;}

.floatleft{float: left; margin: 0% 5% 5% 0%;}

.floatright{float: right; text-align: right; margin: 0px 0px 10px 20px;}

.clear{clear: both;}

a#current {border-top: 0px solid #ffffff; border-right: 0px solid #ffffff; border-bottom: 1px solid #000080; border-left: 1px solid #a00000;}

img {border: 0px;}

#images ul{padding: 0px; margin-left: 10px;}

#images ul li{list-style: none; margin: 0px; display: inline;}

#images ul li a{padding: 0px 3px; text-decoration: none;} 

#images ul li a:link:link{color: #000000;} 

#images ul li a:link:visited{color: #000000;} 

#images ul li a:link:hover{color: #000000;text-decoration: underline;} 


hr{color: #c00000; max-width: 90%; margin: .5% 5% 2% 5%;}


a:link{color: #000080; text-decoration: none; font-size: 10pt; font-weight: bold; font-style: italic; padding: 0px 2px;}

a:visited{color: #606060; text-decoration: none; font-size: 10pt; font-weight: bold; font-style: italic; padding: 0px 2px;}

a:hover{color: #a00000; text-decoration: none; font-size: 10pt; font-weight: bold; font-style: italic; padding: 0px 2px; background-color: #c0c0c0;}

a#current{border-top: 0px solid #ffffff; border-right: 0px solid #ffffff; border-bottom: 1px solid #000080; border-left: 1px solid #a00000;}

h1,h2,h3,h4,h5,h6 {font-style: italic; margin: 1% 0%; color: #000000;}

p{text-indent: 2em; margin: 1%;}

p.small{text-indent: 2em; font-size: 8pt;}

p.noindent{text-align: left; text-indent: 0px; margin: 1%;}

ul.inline {display: inline;}

ul{text-align: left;}

li{margin: 0em 0em .5em .5em; list-style-type: none;}

li.sublist{text-indent: .5em; font-weight: 500; list-style-type: none;}

li.fact{margin-bottom: 0px; font: italic bold 9pt arial,'sans itc'; list-style-type: none;}

li.source{text-indent: 1.5em; font: italic normal 8pt arial,'sans itc'; list-style-type: none;}