/* Colors and fonts follow the FC workshop sites (fc22.css) */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0;
	background-color: #b0c4de;
	color: #211833;
}

a:link, a:visited, a:hover, a:active { color: #211833; text-decoration: underline; }

.page {
	display: flex;
	max-width: 825px;
	margin: 1.5em auto;
}

.menu {
	color: #fffbe9;
	background-color: #010066;
	width: 140px;
	flex-shrink: 0;
	padding: 1em 0.75em 1em 0.75em;
	box-sizing: border-box;
}
.menu a:link, .menu a:visited, .menu a:hover, .menu a:active { color: #fffbe9; }

.content {
	background-color: #fffbe9;
	padding: 1em 2em 2em 2em;
	flex: 1;
	min-width: 0;
}

h1, h2, h3, h4 { color: #010066; text-align: center; }
h3 { margin-top: 2em; }

.venue { line-height: 1.8; }

.submit { font-weight: bold; text-align: center; color: red; }

table.dates { margin-left: auto; margin-right: auto; }
table.dates td { padding: 0.2em 1em; }

@media (max-width: 640px) {
	.page { flex-direction: column; margin: 0; }
	.menu { width: 100%; padding: 0.5em 16px; }
	.menu p { display: inline-block; margin: 0.3em 1em 0.3em 0; }
	.content { padding: 1em 16px 2em 16px; }
}