* {margin: 0px; padding: 0px;}
body{
	font-size: 100%;
	background-color:#FFFFAA;
}
div.toplevel{
	margin-left: 15px;
	margin-right: 15px;
}
div#nav{
	background-color: #DDAA00;
	border-radius: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: bottom;
}
div#nav::after {
	content: "";
	clear: both;
	display: table;
}
div#content{
	border-radius: 10px;
	background-color: #FFFF33;
}
div#footer{
	border-radius: 10px;
	background-color: #DDAA00;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	border-radius: 10px;
	background-color: #DDAA00;
	position: absolute;
}
.dropdown-content a {
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.center{
	text-align: center;
}
.imgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
hr{
	color: #442200;
	margin-left: 10px;
	margin-right: 10px;
}
h1{
	text-align: center;
	color: #442200;
	font-size: 2.5em;
	padding-top: 10px;
	font-family: Times New Roman, serif;
}
h2, h3{
	color: #442200;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 10px;
	font-family: Times New Roman, serif;
}
h2{
	font-size: 1.5em;
}
h2.centered{
	text-align: center;
}
h3{
	font-size: 1.25em;
}
p{
	color: #442200;
	padding-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 3px;
	text-align: left;
	font-family: Times New Roman, serif;
}
p.footer{
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 0.875em;
	text-align: center;
}
p.prose{
	font-family: Book Antiqua, Georgia, sans-serif;
}
p.poetry{
	font-family: Book Antiqua, Georgia, sans-serif;
	text-align: center;
}
a{
	color: #224400;
}
a.menu{
	float: left;
	display: none;
	font-weight: bold;
	font-size: 1.125em;
	color: #442200;
	text-align: center;
	text-decoration: none;
	padding: 14px 16px;
}
a.menu.always{
	display: block;
}
a.menu:hover{
	background-color: #442200;
	color: #DDAA00;
}
a.drop{
	float: left;
	display: none;
	font-weight: bold;
	font-size: 1.125em;
	color: #442200;
	text-decoration: none;
	padding: 14px 16px;
	display: block;
}
a.title{
	font-weight: bold;
}
ol, ul {
	color: #442200;
	padding-top: 5px;
	margin-left: 35px;
	margin-right: 15px;
	padding-bottom: 3px;
	text-align: left;
}
li {
	padding-bottom: 3px;
	font-family: Times New Roman, serif;
}
table {
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	border-collapse: collapse;
}
table#hometable{
	margin: auto;
}
td {
	color: #442200;
	border: 0px solid #442200;
	font-family: Times New Roman, serif;
}
td.hometabcell {
	padding: 10px;
	font-weight: bold;
}
td.quiztable {
	color: #442200;
	border: none;
}
input, textarea {
	border-radius: 5px;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
}
@media screen and (min-width: 400px) {
	a.menu.sometimes1 {display: block;}
	a.drop.sometimes1 {display: none;}
}
@media screen and (min-width: 500px) {
	a.menu.sometimes2 {display: block;}
	a.drop.sometimes2 {display: none;}
}
@media screen and (min-width: 600px) {
	a.menu.sometimes3 {display: block;}
	a.drop.sometimes3 {display: none;}
	ol, ul, p{text-align: justify;}
	div.toplevel{
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media screen and (min-width: 750px) {
	a.menu.sometimes4 {display: block;}
	a.drop.sometimes4 {display: none;}
	h2, h3, p{
		margin-left: 50px;
		margin-right: 50px;
	}
	table, input, textarea{
		margin-left: 50px;
		margin-right: 50px;
	}
	ol, ul{
		margin-left: 70px;
		margin-right: 50px;
	}
}
@media screen and (min-width: 850px) {
	a.menu.sometimes5 {display: block;}
	a.drop.sometimes5 {display: none;}
}
@media screen and (min-width: 950px) {
	a.menu.sometimes6 {display: block;}
	a.drop.sometimes6 {display: none;}
}
@media screen and (min-width: 1150px) {
	a.menu.sometimes7 {display: block;}
	a.drop.sometimes7 {display: none;}
}
@media screen and (min-width: 1300px) {
	a.menu.sometimes8 {display: block;}
	a.drop.sometimes8 {display: none;}
}