body{
font-family: arial, verdana, sans-serif;
font-size: 11px;
margin-top: 10px;
padding: 0;
text-align: center;
background-color:#393556;
}

#outerholder{
/*CHANGE THIS WIDTH TO BE THE WIDTH OF THE FLASH MOVIE SO THAT IT CENTRES IN THE MIDDLE OF BROWSERS*/
width: 860px;
margin: 0 auto;/*makes page center (need to add another centering bit of code when using a second 'outerholder' - the outerholder contains the side-shading divs*/
}

p{
color: #FFFFFF;
}

a{
color: #FFFFFF;
}

/*
#holder{
background-color:#393556;
top:24px;
width: 707px;
*/
/*alters the alignment of all content within the borders*/
/*width: 581px; old value*/
/*the following three declarations allow the site to horizontally fit to the browser*/
/*
position: relative;
margin-left: auto;
margin-right: auto;
text-align: left;
*/
/* this counter-balances the text-align on the body  (where it says 'center')*/
/*To get the holder to wrap around the content, use .clearer(see bottom of css file) or the <br style...> code (see html)*/
/*
}
*/