/*
	Stylesheet for Three14.us
	(c) 2009 - 2021 by Three14 LLC

	Mobile-first definitions
	300 - 500px:	Mobile devicess
	500 - 750px:	Tablets
	750 -1200px:	Desktops
	>1200px:		Widescreen devices
*/

* { padding: 0em; margin: 0em; }
body {
	display: flex;
	flex-direction: column;
	background: #ffffff;
}
body, input {
	font-family: 'Arial', sans-serif;
	font-size: 10pt;
	color: #333333;
}

a { color: #B96D00; text-decoration: underline; }
a:hover { text-decoration: none; }
address { font-style: normal; margin-left: 1em; }
h3 {
	font-size: 1.7em;
	padding-right: 34px;
	margin-bottom: 1.0em;
}
h3 span { font-weight: normal; }
h3, h4 {
	display: inline;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right;
}
h4 { font-size: 1.2em; padding-right: 28px; }
p {
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: justify;
}
ul { list-style-type: square; list-style-position: inside; }
ul.dummy { list-style-type: none; }
ul.dummy li { margin-bottom: 0.5em; }
@media only screen and (min-width: 500px) {
	ul { list-style-position: outside; }
}


/* Masthead Layout */

#siteheader { font-family: "georgia", "times new roman", serif; }
#siteheader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 44px;
	margin-bottom: 2px;
}
#siteheadercontent { position: relative; }
#siteheadercontent { left: -1.0em; top: -2.0em; }
#siteheadercontent h1 {
	font-weight: normal;
	color: #2B2B2B;
	font-size: 4.5em;
}
#siteheadercontent h1 sup { color: #777777; }
@media only screen and (min-width: 500px) {
	#siteheader { height: 60px; }
	#siteheadercontent { left: -2.0em; top: -2.5em; }
	#siteheadercontent h1 { font-size: 6em; }
}
@media only screen and (min-width: 750px) {
	#siteheader { height: 94px; }
	#siteheadercontent { left: -2.5em; top: -3.0em; }
	#siteheadercontent h1 { font-size: 7.5em; }
}
@media only screen and (min-width: 1200px) {
	#siteheader {
		position: fixed;
		width: 94px;
		height: 100%;
		margin-bottom: 0px;
	}
	#siteheadercontent {
		left: -0.5em;
		top: -4em;
		transform: rotate(90deg);
	}
}


/* Navigation Menus */

nav {
	background: #2B2B2B;
	color: #dddddd;
	font-size: 1.0em;
	text-align: center;
}
nav { margin-top: 43px; }
nav #menuicon{
	position: absolute;
	top: 0px;
	right: 2px;
	color: #2B2B2B;
	font-size: 21pt;
	font-weight: bold;
}
nav #menuicon:hover { cursor: pointer; }
nav #menu { display: none; }
nav #menu {
	flex-direction: column;
	line-height: 30px;
}
nav #menu div { flex: 1 1 100%; border-right: 1px solid #777777; }
nav #menu div:hover { background: #939B00; cursor: pointer; }
nav #menu div.active { background: #939B00; }
nav #menu a { color: #DDDDDD; text-decoration: none; }
@media only screen and (min-width: 500px) {
	nav{
		margin-top: 60px;
		font-weight: bold;
	}
	nav #menuicon { display: none; }
	nav #menu { }
	nav #menu div {
		padding: 0.2em 0.5em;
	}
}
@media only screen and (min-width: 750px) {
	nav{
		position: relative;
		float: right;
		margin-top: 0px;
		background: none;
	}
	nav #menu {
		height: 80px;
		width: auto;
	}
	nav #menu div {
		padding: 0em 0.5em;
	}
}
@media only screen and (min-width: 1200px) {
	nav{
		position: fixed;
		top: 0px;
		right: 0px;
		height: 100%;
		background: red;
	}
	nav #menu { display: flex; }
	nav #menu div {
		transform: rotate(90deg);
	}
}


/* Content Layout */

main{
	clear: both;
	margin: 0.5em auto;
}
main .details{
	font-size: 0.8em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-style: italic;
}
main img{
	display: block;
	margin: 0.2em auto;
	padding: 0.2em;
	border: 1px solid #eaeaea;
}
main img.logo{
	margin: 0 auto;
}
main footer{
	height: 1px;
	border-bottom: solid 1px #eaeaea;
	margin: 0.5em 0em;
}
main section{
	background: pink;
}
main article{
}
main article img{
	display: none;
}

.sidecontent{
}
.sidecontent aside{
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
	width: 48%;
}
.sidecontent img{
	border: none;
}
.sidecontent .citation{
	font-style: italic;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
@media only screen and (min-width: 500px) {
	main{
		width: 480px;
		padding-top: 1em;
	}
	main .details{
		font-size: 0.8em;
		margin-bottom: 0.8em;
	}
	main img{
		margin: 0.5em;
		padding: 0.5em;
	}
	main img.left{
		float: left;
	}
	main img.right{
		float: right;
	}
	main footer{
		margin: 1em 0em;
	}
	main section{
	}
	main section img{
		display: inherit;
	}
	main article{
		float: left;
		width: 80%;
	}
	main article.main{
		float: none;
		width: 100%;
		clear: both;
	}
	.sidecontent{
		float: right;
		width: 20%;
	}
	.sidecontent aside{
		margin-right: 0;
		margin-bottom: 1em;
	}
	.sidecontent aside img{
		margin: 0.2em;
		padding: 0;
	}
	.sidecontent aside.box{
		background-color: #fcf4c9;
		width: 140px;
		padding: 5px;
		border-bottom: solid 1px #eaeaea;
	}
	.sidecontent .citation{
		font-style: italic;
		padding-left: 0.3em;
		padding-right: 0.3em;
	}
}
@media only screen and (min-width: 750px) {
	main{
		position: relative;
		width: 690px;
		padding-top: 3em;
	}
	main .details{
		font-size: 1em;
		margin-bottom: 1em;
	}
	main footer{
		margin: 2em 0em;
	}
	main section{
		float: left;
		width: 500px;
	}
	main article.main{
		width: 100%;
		clear: both;
	}
	.sidecontent{
		float: none;
		position: absolute;
		top: 3em;
		right: 0;
	}
	.sidecontent aside{
		margin-bottom: 1.5em;
	}
}
@media only screen and (min-width: 1200px) {
	main{
		width: 69%;
	}
	main section{
		width: 72.4%;
	}
}


/* Site-footer Layout */

#sitefooter{
	clear: both;
	position: relative;
	bottom: 0.0em;
	height: 2.0em;
	width: 100%;
	background: #dddddd;
	font-size: 0.7em;
}
#sitefooter .left{
	position: absolute;
	left: 1.0em;
	bottom: 0.6em;
}
#sitefooter .right{
	position: absolute;
	right: 1.0em;
	bottom: 0.6em;
}
@media only screen and (min-width: 500px) {
	#sitefooter{
		margin-top: 2em;
		border: none;
		height: 3.0em;
		font-size: 0.8em;
	}
	#sitefooter .left{
		left: 1.8em;
		bottom: 0.9em;
	}
	#sitefooter .right{
		right: 1.8em;
		bottom: 0.9em;
	}
}
@media only screen and (min-width: 750px) {
	#sitefooter{
		margin-top: 3em;
		border: none;
		height: 4.0em;
		background: url('images/border2.gif') repeat-x 0em 0em;
		font-size: 0.8em;
	}
	#sitefooter .left{
		left: 2.0em;
		bottom: 1.2em;
	}
	#sitefooter .right{
		right: 2.0em;
		bottom: 1.2em;
	}
}






/* Contact Form */


#form.indent{
	position: relative;
	padding: 0.8em;
}
.form{
	position: relative;
	padding: 0.5em;
	margin-bottom: 1.0em;
	width: 350px;
}
.form td{
	width: 30%;
}
.form td td{
	width: 70%;
}
.form input{
	position: relative;
	background: #FDFCF6;
	border: solid 1px #000000;
	width:  13.0em;
}
.form select{
	position: relative;
	background: #FDFCF6;
	border: solid 1px #000000;
	width:  13.1em;
}
.form textarea{
	background: #FDFCF6;
	border: solid 1px #000000;
}
.form input.submit{
	position: relative;
	background: #939B00 url('images/buttonbg.gif') repeat-x;
	border: solid 1px #5F6800;
	font-weight: bold;
	padding: 0.25em;
	font-size: 0.8em;
	color: #F2F3DE;
}
.form span.indent{
	position: relative;
	text-align: right;
	width: 100%;
}
div.hidden{
	position: absolute;
	visibility: hidden;
}
div.shown{
	position: static;
	visibility: visible;
}
div.divider{
	height: 1px;
	border-bottom: solid 1px #eaeaea;
	margin: 0.5em 0em;
}
#missinginfo img.icon, #processing img.icon, #success img.icon, #failure img.icon{
	float: left;
	border: none;
}