html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	float: left;
}
body {

	font:75.5% Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #CFCFCF;
	background-image: url(../background.gif);
	text-align:center;
	padding:10px 50px;
}

div#wrapper {
	width:300px;
	height: 300px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-150px;
	background: url(../archon.jpg);
}

.shadow {
	font-size:1.2em;
	line-height:1.4em;
	background: url('../back.png');
	margin:0px 0;
	padding:0px;
	text-align:left;
	height: 300px
}

p {
	margin: 0px 15px 5px 15px;
	padding: 0;
	text-indent: 30px;
}

p#center {
	text-align: center;
}

h1 {
	margin: 0px 0 0 10px;
	padding: 0;
	text-align: center;
	color: #871313;
	font-weight: bold;
	font-size: 20pt;
	font-family: Tahoma, Arial Black, Verdana, sans-serif;
}
h1#subtitle {
	margin: -10px 0 0 10px;
	padding: 0;
	font-weight: bold;
	font-size: 13pt;
	font-family: Trebuchet MS, Verdana, sans-serif;
	color: #c00;	
}

h2 {
	margin: 20px 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 14pt;
	color: #000;
}

h2#subtitle {
	margin: -18px 0 0 10px;
	padding: 0;
	font-weight: bold;
	font-size: 11pt;
	font-family: Trebuchet MS, Verdana, sans-serif;
	color: #c00;	
}

h3 {
	margin: 25px 30px 0px 10px;
	padding: 0;
	font-weight: bold;
	font-size: 12pt;
	color: #c00;
}

a {
    color: #0F0F0F;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}