body {
	background-image: url(img/background_index.png);
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: top center;
	height: auto;
	width: auto;
	}

.intro {
	font-family: "century gothic";
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	padding-bottom: 100px;
	background-position: center;
	padding-top: 50px;

	 }
	 
	 .rollover a {
	display:block;
	padding:35px;
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
	background-image: url(img/enter.png);
	color: #CC00FF;
}
.rollover a:hover {
	background-position:center;
	background-repeat: no-repeat;
	background-image: url(img/enter_hover.png);
	color: #FF33FF;
	
}
.rollover a:active {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(img/enter_hit.png);
	text-align: center;
	margin: auto;
	color: #990066;
}

.footer {
font-family: century gothic;
 font-size: 11px;
 text-align: center;
 color: #CC00CC;
}
 
p.small { 
font-family: century gothic;
 font-size: 9px;
 text-align: center;
 color: #CC00CC;
}

p.popupdisplay {
	font-family: "century gothic";
	font-size: 12px;
	padding: 50px;
	text-align: left;
	color: #FFFFFF;
}