body {
	font: 16px/1.5em arial, sans-serif;
    background-color: #0078C6;
}
p {
	margin: 8px 0;
}
a {
	color: #0078C6;
}
#masthead {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
#masthead img {
	padding: 0 5px;
}
#content {
	margin: 30px auto 0;
	width: 50%;
	min-width: 300px;
	max-width: 615px;
	background-color: #fff;
	border-radius: 25px;
	padding: 10px;
	box-shadow: 15px 15px 15px #666;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
.formFields {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.fieldContainer {
	padding: 15px;
	min-width: 200px;
}
.hidden {
	display: none;
}
label {
	display: block;
	font-weight: bold;
}
.error {
	display: block;
	color: red;
	font-weight: bold;
}
input[type="submit"] {
	display: block;
	cursor: pointer;
	margin: 10px auto;
	padding: 10px 20px;
	background-color: #0078C6;
	border: 1px solid #0078C6;
	border-radius: 7px;
	color: #fff;
	font: bold 18px arial, sans-serif;
	text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #0069ab;
	border-color: #0069ab;
}
input[type="text"], input[type="password"] {
	width: 200px;
	padding: 5px;
}