html, body {
height: 100%;
}

body {
background: #EBECED;
text-align: center;
padding: 0;
margin: 0;
}

p {
margin: 0;
padding: 0;
}

div#reference {
margin-bottom: -300px;
width: 1px;
height: 50%;
float: left;
}

#wrapper {
position: relative;
text-align: left;
width: 1000px;
height: 600px;
background-image: url('images/bkgnd-front.jpg');
background-repeat: no-repeat;
background-position: right;
border: 1px solid;
border-color: black;
margin: 0 auto;
clear: left;
}

#overlay {
	top:0px;
	left:0px;
	position:absolute;
width: 1000px;
height: 600px;
/*background-image: url('images/FFABC_NewHomepageFront_noenter.png');*/
z-index:4;
}

#mission {
width: 120px;
position: absolute;
top: 28px;
right: 16px;
z-index: 1;
}

#mission h1 {
margin: 0;
text-align: center;
font: bold 14px arial, san-serif;
color: #8F241B;
}

#mission p {
margin: 12px 0;
text-align: center;
font: 11px arial, san-serif;
color: #000000;
}

#fdrc {
width: 200px;
position: absolute;
top: 108px;
left: 20px;
z-index: 1;
text-align: center;
font: 11px arial, san-serif;
color: #000000;
}

#nrd {
width: 200px;
position: absolute;
top: 370px;
left: 20px;
z-index: 1;
text-align: center;
font: 11px arial, san-serif;
color: #000000;
}

#notice {
width: 90px;
position: absolute;
top: 375px;
right: 28px;
z-index: 1;
text-align: center;
}

#notice a {
font: 11px arial, san-serif;
color: #8F241B;
text-decoration: none;
}

#notice a:hover {
text-decoration: underline;
}

#slideshow {
width: 233px;
position: absolute;
top: 349px;
left: 767px;
z-index: 3;
}

#enter {
width: 96px;
position: absolute;
top: 510px;
left: 497px;
z-index: 10;
text-align: center;
}