@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Coming+Soon|Kreon);
/* CSS Document */

.centeredbox {
	width: 732px;
	margin: 70px auto 70px auto;
	align: center;
	background-color: #c7c2d5;
	font-family: "Coming Soon", Georgia, "Times New Roman", Times, serif;
	color: #171b24;
}
.header {
	height: 192px;
	background-image:url(../images/mainpage_header.png);
	background-repeat: no-repeat;
}
.marginalia {
	text-align: center;
}
.tableofcontents {
	float: left;
	width: 300px;
	margin: 70px;
	font-family: "Kreon", Georgia, "Times New Roman", Times, serif;
}
.panels {
	float: right;
	margin-top: -22px;
	margin-right: 30px;
	margin-bottom: 50px;
	margin-left: auto;
}
.divider {
	text-align: center;
	clear: both;
}

.footer {
	height: 17px;
	background-color: #787699;
	clear: both;
}
.posImage_left {
	float: left;
	margin: 50px;
}
.posImage_right {
	float: right;
	margin: 50px;
}
.basicText {
	margin: 50px;	
}
.posText_left {
	float: left;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 110px;
}
.posText_right {
	float: right;
	margin: 50px 80px auto auto;	
}
.tierThree_left {
	float: left;
	width: 200px;
	margin: 50px 20px 50px 140px;
}
.tierThree_right {
	float: right;
	margin: 50px 110px 50px 20px;
}
body {
	background-color: #3d3d3f;
}
a { color:#C60; text-decoration: none;}
a:visited {color: #900522;}
a:active {color: red;}
h1 {	font-size: 25px;}
h2 {	font-size: 23px;}
h3 {	font-size: 21px;}
#hint {
	font-size: small;
	font-style: italic;
	color: #C33;
}
#update {
	font-size: smaller;
	font-style: italic;
}