body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 12pt;
	line-height: 19px;
	font-family: arial, helvetica, tahoma ,verdana, sans-serif;
}

.headerrow {
	width: 100%;
}

.headerrow::after {
	content: "";
	clear: both;
	display: block;
}

.headermain {
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	vertical-align: middle;
	letter-spacing: 10px;
	font-size: 24px;
	font-style: italic;
}

.picturerow {
	background-color: #000080;
}

.picturerow::after {
	content: "";
	clear: both;
	display: block;
}

.picturemain {
	max-width: 1000px;
	height: 205px;
	margin: 0 auto;
	background-color: #000044;
}

.picture {
	background-image: url('../images/michaeldyrna.jpg');
	background-repeat: no-repeat;
	height: 205px;
	width: 167px;
	float: right;
}

.mainrow {
	width: 100%;
	background-color: #4488FF;
}

.mainrow::after {
	content: "";
	clear: both;
	display: block;
}

.main {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
}

.nav {
	width: 200px;
	float: left;
	background-color: #000044;
}

.menu {
	float: left;
	background-color: #000088;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.menu li {
	list-style-type: square;
	color: white;
}

.menu a:link, .menu a:visited, .menu a:active {
	color: #DEC9A9;
	text-decoration: none;
}

.menu a:hover {
	color: white;
	text-decoration: none;
}

.content {
	width: 700px;
	float: left;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #FBF8F4;
}

.content h1 {
	font-size: 20pt;
	line-height: 27pt;
	font-style: italic;
	color: #000080;
	letter-spacing: 2px;
	border-bottom: dashed 0px #000;
	margin-bottom: 10px;
}

.content a:link, .content a:visited, .content a:active {
	color: #0000C0;
}

.content a:hover {
	color: #000080;
}

.content td {
	padding: 5pt;
}

.footerrow {
	width: 100%;
	text-align: center;
	background-color: #000080;
	color: white;
	letter-spacing: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

@media only screen and (max-width: 1000px) {
	.headermain {
		width: calc((100%) - (20px));
		letter-spacing: 5px;
		padding-left: 20px;
	}
	.picturemain {
		width: 100%;
		height: 103px;
	}
	.picture {
		background-image: url('../images/michaeldyrna_small.jpg');
		height: 103px;
		width: 84px;
	}
	.main {
		width: 100%;
		display: block;
	}
	.nav {
		width: 100%;
	}
	.menu {
		width: calc((100%) - (20px));
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.content {
		width: calc((100%) - (40px));
		padding-left: 20px;
		padding-right: 20px;
	}
}