html	{
	height:102%	/* forces scroll bar to stop jumps in Firefox */
}

*	{
	margin:0;
	border:0;
	padding:0;
	box-sizing: border-box;
}

body {
	font-size:62.5%;
	font-family: verdana, sans-serif;
    background-position:center top;
    background-color:gray;
	color:#000000;
	text-align:center;
}
article	{
	background-color:white;
	padding:10px;
	border:thin blue solid;
	border-radius:10px;
	margin-bottom:10px;
}

h1	{
	font-size:3em;
	margin:.5em 0 0 0;
	color:blue;
	text-align:left;
	clear:both;
}


h2	{
	font-size:2.4em;
	color:blue;
	margin:0 0 .5em 0;
}


h3	{
	font-size:1.8em;
	color:red;
	margin:0 0 .5em 0;
}


hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
    color:red;
    clear:both;
}

ol	{
	margin-left:25px;
}

p	{
	font-size:1.4em;
	margin:0 0 1em 0;
}

li	{
	font-size:1.4em;
	margin:0 0 1em 25px;
}

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

li	li {
	font-size:1em;
}

#outer	{
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;
	text-align:left;
	max-width:90%;
	border-radius:15px;
	background-color:#e3e0cf;
}

.text	{
	font-family: Lucida Bright, Georgia, serif;
}

.text li	{
	margin-left:5em;
	}

#textpage .widepoem p	{
	margin-left:6em;
	text-indent:-3em;
	margin-top:0;
	margin-bottom:0;
}

#left, #right	{
	 float:left;
	 width:49%;
	 min-width:260px;
}

.indent	{
	margin-left:3em;
	}

.first	{
	margin-left:3em;
	text-indent:-3em;
}
.nav a	{
	color:blue;
}

.navbar	{
/*	text-align:center;	*/
	margin:1em 0 2em 4em;
}

.navbar li	{
/*display:inline-block; */
	margin:0 0 0 .5em;
	font-size:2em;
}

.subhead	{
	font-size:1.6em;
	color:green;
	text-align:center;
}

.highlight	{
	font-size:1.2em;
	color:blue;
	font-weight:bold;
}

.banner	{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size:3em;
	margin:.5em 0 0 0;
	text-align:center;
	clear:both;
	color:red;
}

.notes	{
	text-align:right;
	margin-left:50% !important;
	font-size:1.1em;
	font-style:italic;
	color:green;
}

.who	{
	font-weight:bold;
	color:blue;
}

.title	{
	text-align:center;
	font-size:1.8em;
	font-weight:bold;
	color:blue;
}

.author	{
	text-align:center;
}

.poem	{
	display:block;
	width:500px;
	margin:0 auto;
}

.poem p	{
	margin-top:0;
	margin-bottom:0;
}

.rubric	{
	margin-left:0;
	text-align:center;
	font-style:italic;
	color:red;
}

#homepage .homepage a, #textpage .textpage a, #croydon .croydon a, #falkland .falkland	a, #links .links a  {
	color:black;
	text-decoration:none;
	}
@media screen and (max-width: 700px){img {max-width:95%;}