@font-face {
	font-family: "Charcoal";
	src: url("/fonts/charcoal.woff") format("woff");
	src: url("/fonts/charcoal.eot") format("embedded-opentype");
	src: url("/fonts/charcoal.ttf") format("truetype"); }

body {
	font-family: Charcoal, sans-serif;
	margin: 0;
	font-size: 62.5%;
	line-height: 1.5;
	background: url("/images/bgs/os8.png") #A09FC5;
	color: #43247B;
	overflow-y: scroll; }

.menu-bar {
	font-family: Charcoal, sans-serif;
	background-color: #dedede;
	padding: 0 0.5em;
	border-bottom: 0.4em ridge #666;
	font-size: 2em;
	overflow: auto; }

.section {
	border-collapse: collapse;
	width: 700px;
	margin: 10px auto;
	background-color: #ddd;
	border-color: #666;
	border-width: 0.2em 0.4em 0.4em 0.2em;
	border-style: solid ridge ridge solid; }

.section-header {
	text-align: center;
	background: url("/images/titlebar.png") #cecece;
	background-position: center;
	background-repeat: repeat-x;
	border-bottom: 0.2em solid black; }

.section-content {
	background: url("/images/stripes.png");
	padding: 0 1em;
	font-size: 1.6em; }

.rightimg {
	max-width: 100%;
	float: right;
	margin: 0.5em; }

.centerimg {
	max-width: 500px;
	display: block;
	margin: 0.5em auto; }

.leftimg {
	max-width: 100%;
	float: left;
	margin: 0.5em; }

.section-title {
	display: inline;
	padding: 0 0.5em;
	color: black;
	background-color: #cecece;
	font-family: Charcoal, sans-serif;
	font-size: 18px; }

.notice {
	text-align: center;
	width: 100%;
	margin: 0.5em 0;
	padding: 0;
	border-color: #666;
	border-width: 0.2em 0.4em 0.4em 0.2em;
	border-style: solid ridge ridge solid;
	background: url("/images/stripes.png") #cecece;
	font-family: Charcoal, sans-serif; }

.notice-header {
	text-align: center;
	background: url("/images/titlebar.png") #cecece;
	background-position: center;
	background-repeat: repeat-x;
	border-bottom: 0.2em solid black; }

.notice-title {
	display: inline;
	padding: 0 0.5em;
	color: black;
	background-color: #cecece;
	font-size: 18px; }

h1, h2, h3, h4, h5, h6, .caption { margin: 0.5em 0; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
hr { border: none; border-top: 3px double #333; color: #333; }
a { color: #3D4991; }
a:hover { color: #B58D26; }
pre { white-space: pre-wrap; font-size: 1em; }
figure { margin: 20px 0; text-align: center; }
ul { list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJBAMAAAASvxsjAAAAElBMVEUZACwxMTEmAFg0AINjY5xPR+PSiUkuAAAAH0lEQVR4XmNwAQIGBtfQ0CAgaWxshJt0UlJSYgADAQDtpgdbp5b5jwAAAABJRU5ErkJggg=="); }
select { float: right; }
dt { font-size: 1.1em; }

.content-table { margin: 1em auto 0.5em auto; border-collapse: collapse; }
.content-table-row { border-bottom: 0.1em solid #3D4991; }
.content-table-cell { padding: 0.2em; vertical-align: middle; }
.border { border: 3px solid #43247B; }
.footer { text-align: center; }
.footer img, .navigation img { border: 0; }
.widget { vertical-align: middle; }
.widget-container { width: 1%; padding: 0; }
.section-title-container { padding: 0; }
.navigation { position: absolute; right: 15px; top: 50px; }

.centertext { text-align: center; }
.caption { font-size: smaller; font-style: italic; }
.fullwidth { width: 100%; }
.smalltext { font-size: smaller; }
.biggertext { font-size: larger; }
.stars { vertical-align: middle; }

.breadcrumbs { float: left; }
.clock-area { float: right; }