@charset "UTF-8";
body {
	background-color: #B1B1FF;
}
#body {
	background-color: #B1B1FF;
	position: absolute;
	top: 0px; left: 0px; right: 0px; bottom:0px; min-width: 300px;
}

#titlebox{
	position: absolute;
	top: 0px; left: 230px; right: 60px; bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	overflow: hidden; 
}

#title{
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 40px;
	text-align: center;
}

#aboutbox{
	position: absolute;
	top: 20px; right: 10px; bottom: 0px;
}


#titlebar {
	position: relative;
	margin-right: 10px; margin-left: 10px; top: 10px; height: 60px;
	border-radius: 10px;
	background-color: #E0FFFF;
}

#logo {
	position: absolute;
	width: 120px; height: 70px; left: 5px; top: -5px;
}



#bookLink {
	position: absolute;
	left: 140px; width: 100px; top: 10px; height: 64px;
}

#content {
	position: relative;
	margin-right: 10px; 
	margin-left: 10px; 
	margin-top: 10px;
	top: 10px;
	background-color: #FFFFFF;
	vertical-align: top;
	border-radius: 10px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-right:5px;
	padding-left:5px;
	margin-bottom: 30px;
}

.bigbutton {
	position: relative;
	margin-right: 10px; 
	margin-left: 10px; 
	margin-top: 10px;
	background-color: #FFFFFF;
	vertical-align: top;
	border-radius: 10px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-right:5px;
	padding-left:5px;
	margin-bottom: 10px;
	background-color: #E0FFFF;
	border: solid;
	border-width: thin;
	border-color: #000000;
	font-size: 18pt;
}




#footer {
	
	bottom: 0px; left: 6px; height:22px;
}

#credits {
	font-size: 10pt;
}

.question{
	font-size: 18px;
	font-style: italic;
}

.answer{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 50px;
}