@charset "utf-8";
 
/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {
	height:100%;
	margin:0;
	padding:0;
	font-family: "Lucida Sans";
}
/* Set the position and dimensions of the background image. */
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {position:relative; z-index:1;padding:10px;}
.style1 {
	color: #FCEF7F;
	font-family: "Lucida Sans";
	font-size: 26px;
}
.style2 {
	color: #FCEF7F;
	font-style: italic;
	font-family: "Lucida Sans";
	font-size: 60px;
}
body {
	background-color: #CCCCCC;
}
.style3 {
	color: #FFFFFF;
	font-family: "Lucida Sans";
	font-size: 24px;
}
.style4 {
	font-size: 18px
}
a:link {
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF0000;
}
a:hover {
	text-decoration: underline;
	color: #FCEF7F;
	background-color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}
.style5 {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
.style6 {
	color: #FFFFFF;
	font-size: 16px;
}
.style7 {
	font-size: 12px;
	color: #FFFFFF;
}
.style8 {
	font-size: 20px;
	color: #FCEF7F;
	font-weight: bolder;
}
.style9 {
	color: #FF0000;
	font-size: 16px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-top: 20px;
}
.style10 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}