/* front CSS */
/* First import the main page layout stylesheet */
/* @import url(main.css); */
/* Then style the front page */
html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
	  background-color: #000000;
   }
#wrapper {
      margin: 0 auto;
      text-align: center;
      vertical-align: middle;
      width: 100%;
   }
img {
	border: none;
}
a {
	text-decoration: none;
	color: #fff;
	}
.style1 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
/* set up for the onmouseover rollover effects*/
a#lower-left img, a#lower-right img {background: url(/images/site/front-page/logo-small.png) ;}
a#lower-left:hover img, a#lower-right:hover img {background: url(/images/site/front-page/logo-small-red.png); }

a#enter img {background: url(/images/site/front-page/enter.png) ;}
a#enter:hover img {background: url(/images/site/front-page/enter-red.png); }

a#exit img {background: url(/images/site/front-page/exit.png) ;}
a#exit:hover img {background: url(/images/site/front-page/exit-red.png); }

#lower-left {
	position: relative;
	bottom: -58px;
	right: -20px;
}
#lower-right {
	position: relative;
	bottom: -58px;
	left: -20px;
}
#disclaimer {
	position: relative;
	top: 25px;
}
#enter-exit {
	position: relative;
	text-align: center;
	width: 503px;
	margin: 0 auto;
}
.buttons {
	position: relative;
	float: left;
	margin: 20px 50px 0px 50px;
	width: 150px;
	text-align: center;
}
#content {
	Position: relative;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}