@charset "utf-8";
body {
    font-family: arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    background-color: #F1EAE2;
    margin: 0px;
}
#container {
    width: 90%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding: 0px;
}
header {
    text-align: right;
    font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #8C050D;
    margin: 0px;
    padding: 10px;
}
.flex_container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0px;
	margin: 0px;
}
nav {
	width: 20%;
	min-width: 150px;
	background-color: #69A7BD;
    padding: 10px;
	margin: 0px;
    color: #8C050D;
}
section {
	width: 75%;
	padding: 10px;
}
.side_scroll {
	width:94%;
	overflow-x:auto;
}
table {
    width: 100%;
    margin:0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-collapse: collapse;
    border-spacing: 0px 0px;
}
tr, td {
	vertical-align: top;
}
th {
	vertical-align: middle;
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
th, td {
    font-size: 0.9em;
    padding: 6px;
    border: thin solid #000000;
}

caption {
    font-weight: bold;
    line-height: 1.5em;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #050505;
    font-size: large;
}
footer {
	color: #aaaaaa;
	padding: 10px;
    font-size: 0.9em;
    text-align: center;
}
h2 {
    margin-top: 0px;
    margin-bottom: 3px;
    color: #1D213D;
}
h3 {
    margin-bottom: 1px;
    color: #8C050D;
}
p {
    margin-top: 0px;
    line-height: 1.1em;
}
h1 {
    color: #69A7BD;
	font-size: 3vh;
}
.subheading {
    color: #F1EAE2;
    font-size: 5vh;
}

a {color:#8C050D;
	text-decoration: none;}

a:hover {
    color: #1D213D;
    text-decoration: none;
}

@media screen and (max-width:700px) {
#container {
	width: 96%;
	margin-left: auto;
    margin-right: auto;
	background-color: #B4A8A8;
	padding: 0px;
}
.flex_container {
	width: 100%;
	flex-wrap: wrap;
}
nav {
	padding: 10px 5px;
	width: 100%;
	text-align: center;
}
section{
	width: 100%
}
}