body {
  width: 100%; height: 100%;
  margin: 0; padding: 0; 
  text-align: center; /* use text-align to make IE in quirks mode centre the divs */
  background-color: #786e64;
}
/* setup the width, margins and padding for all the divs */
#TopLayer, #flashcontent, #BottomLayer {
  width: 961px; /* see note below about widths */
  margin: 0 auto; padding: 0; /* margin 0 auto centres the divs horizontally for FF, Opera, IE in standards mode etc... */
}
/* take up half the height of the page with the topBar background */
#TopLayer { 
  height: 50%; 
}
/* and fill the other half with the bottomBar background */
#BottomLayer { 
  height: 50%; 
}
/* now position your movie absolutely so it appears right in the centre */
#flashcontent { 
  position: absolute; 
  left: 50%; top: 50%; 
  margin-top: -280px;
  margin-left: -480px; /* again see note below */
}
#apDiv1 {
	position:absolute;
	left:50%;
	top:80%;
	z-index:1;
}
.pageFooter {
	font-size: 10px;
	background-color: #822009;
	padding: 4px;
	color: #D37B66;
	text-align: right;
	height: 34px;
	vertical-align: top;
}
.pageFooter a:link {
    color: #D37B66;
}
.pageFooter a:visited {
	color: #D37B66;
}
.pageFooter a:hover {
	color: #D30000;
}

.navFooter {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 auto;
width:1000px;
}

.navFooter li {
float:left;
list-style:none;
text-transform:uppercase;
letter-spacing:1px;
font-size:10px;
padding-left:20px;
background:url(../images/bullet_footer.gif) no-repeat 9px 7px;
}

.navFooter li.first {
background:none;}

.navFooter li a {
float:left;
color:#fff;
text-decoration:none;
}

.navFooterHeader {
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
text-decoration:underline;
font-size:14px;
font-weight:bold;
letter-spacing:2px;
margin:0 0 5px 0;
}