@charset "utf-8";

html {
	height: 100%;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	background-image: url(pagebg.jpeg);
	padding: 0px;
	margin: 0px;
	height: 100%;
}

div.header {
	background-image: url(header.jpg);
	height: 126px;
	background-position: center;
}

div.menu {
	background-image: url(menu.jpg);
	background-repeat: repeat-x;
	height: 34px;
}

div.main {
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 160px);
	text-align: center;
}

div.content {
	height: 100%;
	width: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}

div.container {
	padding: 10px;
	background-color: #ffffff88;
	max-width: 800px;
	border-radius: 10px;
}

h1 {
	font-size: 20px;
	color: #2A00AA;
}

hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}