#logo {
	left: 100px;
	top: 0px;
	width:400px;
	height: 200px;
	text-align: center;
	vertical-align: top;
}
.smallheading {
	margin: 0px 0px 0px 0px;
	color:blue;
	text-align: center;
}
.reveal {
	left: -1000px;
	position: absolute;
}
#lineup {
	position: absolute;
	left: 640px ;
	width: 2px ;
	top:110px;
	height:1px ;
}
#linedown {
	position: absolute;
	left: 640px ;
	width: 2px ;
	top:130px;
	height:1px ;
}
#lineright {
	position: absolute;
	top: 120px ;
	height: 2px ;
	left: 650px ;
	width: 1px ;
}
#lineleft {
	position: absolute;
	top: 120px ;
	height: 2px ;
	left: 630px ;
	width: 1px ;
}
#header {
	top: 5px ;
	position: absolute;
}
#hint {
	font-family: Monotype Corsiva, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color: blue;
	top: 100px;
	position: absolute;
	left: 650px;
	width: 200px;
	font-weight: bold;
}
.faint {
	cursor:pointer;
}
#bar {
	left:0px;
	top:20px;
	width:50px;
	height: 900px;
	background-color : silver;
	position: absolute;
}

.page {
	font-family: Monotype Corsiva, Verdana, Arial, Helvetica, sans-serif;
	left: 10px;
	top: 125px;
	padding-left: 50px;
	padding-right: 10px;
	width: 580px;
	height: 600px;
	overflow: visible;
	opacity: 0;
	position: absolute;
}

p {
	font-size: 1em;
	line-height: 1.2em;
}

p.firstchar:first-letter {
	font-size: 2.5em;
	line-height: 0.8em;
	color: green;
	float: left;
	margin: 0 3px 3px 0;
}
img {
	border:0px;
}

.ajax-loading {
	padding: 17px 0pt 0pt;
	background: url(images/spinner.gif) no-repeat center;
}