/* General Styles */
html {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family:"Times New Roman", Times, serif;
}

body {
	padding:0;
	margin:0;
	position: relative;
	min-height: 95%;
}




hr {
	clear:both;
}


a {color:#990000; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Header Styles */
header { 
	margin-left: 1em;
}

header p {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 24pt;    
}

header nav {
	position: absolute;
	z-index: 20;
}



/* Main Content Styles */
main { 
	margin-top: 4em;
	padding: 1em 1em 2em 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

main div p {text-align: center; width: 16vw; min-width: 150px;}
main div {display: flex; flex-wrap: wrap; }
main img {width: 16vw; min-width: 150px;}
main div p.doublewide, main p.doublewide img {width: 32vw;}
main div p.wide, main p.wide img {width: 24vw;}

main nav a:nth-child(n+2) {
    padding-left: 1em;
    position: relative;
}
main nav a:nth-child(n+2):before {
    content: " - ";
	color: #000;
	position: absolute;
	left: 0px;
	width: 1em;
}

/* Footer Styles */

footer { 
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	height:1.5em;
	clear:both;
}

footer p {
	display: block;
	padding:0.1em;
	text-align:center; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0;
}



/* FIX FOR FLOATED IMAGES LAYOUT PROBLEM */

main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

main {display: inline-block;}

/* Hides from IE-mac \*/
* html #body {height: 1%;}
main {display: block;}
/* End hide from IE-mac */