html { height: 100.2%; }
body 
{background-color: #ddeeff;font-size: 100.1%; font-family:Arial;}

/*----------Main content divs----------*/
div#outerContainer /*contains the main content area and background colour*/
{width: 941px; background-color: #FFF; margin:0em auto; position:relative;}

div#centralContentContainer
{float:left; width:340px; padding-right:86px; text-align:left;}

div#rightContentContainer
{float:left;}

div#mainText
{
    overflow: visible;
    width: 340px;
}

div#adminPageMenu{ padding: 10px; }

div#tipOfTheDay
{}

div#footer
{background:transparent url(../images/footer.gif) no-repeat;height: 60px;width: 941px; margin:0em auto;}

div#creditsLeft {height:20px; width:140px; margin:0em auto; float:left; font:normal 70% arial; color:#6ac6ef;}
div#creditsRight{height:20px; width:140px; margin:0em auto; float:left; }

/*----------RIGHT HAND IMAGE CLASSES----------*/
.girlWithBall {background:transparent url(../images/girlwithball.gif) no-repeat;height: 321px;width: 215px;}
.runnersInPark {background:transparent url(../images/runnersinpark.gif) no-repeat;height: 321px;width: 215px;}
.runningOnTheSpot {background:transparent url(../images/runningonspot.gif) no-repeat;height: 321px;width: 215px;}
.legsAgainstTheWall {background:transparent url(../images/legsagainstthewall.gif) no-repeat;height: 321px;width: 215px;}
.footballer {background:transparent url(../images/footballer.gif) no-repeat;height: 321px;width: 215px;}
.georgie {background:transparent url(../images/georgie.jpg) no-repeat;height: 321px;width: 215px;}
.steppingOverWall {background:transparent url(../images/steppingoverwall.jpg) no-repeat;height: 321px;width: 215px;}
.sitUp {background:transparent url(../images/situp.jpg) no-repeat;height: 321px;width: 215px;}
.georgiePotrait {background:transparent url(../images/georgieportrait.jpg) no-repeat;height: 321px;width: 215px;}
.georgieSidePotrait {background:transparent url(../images/georgieside.jpg) no-repeat;height: 321px;width: 215px;}



/*----------MARGINS FOR MAIN CONTENT START POSITION (VERTICAL)----------*/
.contentStart { padding-top: 113px;}

/*----------ABSOLUTE IMAGE PLACEMENTS----------*/
.bottomLeftImage { position:absolute; bottom:0; left:0; }
.bottomRightImage { position:absolute; bottom:10px; right:0; }

/*----------TITLE IMAGE CLASSES----------*/
.titleImage{ margin-bottom: -5px;}

/*----------TEXT ELEMENETS----------*/
#centralContentContainer p {font-size: 75%; color: #585858; line-height: 15px; margin-top: 10px; margin-bottom: 12px;}

#centralContentContainer ol {font-size: 75%; color: #585858; line-height: 15px;}
#centralContentContainer ol li {padding-left:0px; margin-left: -13px;}
#centralContentContainer ul {font-size: 75%; color: #585858; line-height: 15px;}
#centralContentContainer ul li {padding-left:0px; margin-left: -13px;}

#indexMenu { text-align:center; width: 661px; margin:0 auto; color:#52bdec; font-size: 53%; float: left; padding-top:5px;}
#indexMenu a {color:#52bdec; text-decoration: none; margin-right: 3px;}
#indexMenu a:hover {color:#585858; text-decoration: none;}
 
/*----------ADMIN ELEMENTS----------*/
#adminPageMenu h1 {font-size: 100%; color: #52bdec; line-height: 18px; margin-top:0; }
#adminPageMenu p {font-size: 75%; color: #585858; margin-bottom:0px; padding:0; }
.admindropdownlist {font-size: 75%; color: #585858; margin-top:0; }
.editorControls {font-size: 85%; color: #585858; padding: 10px; }
#centralContentContainer a { text-decoration: none; color: #585858;}
#centralContentContainer a:hover { text-decoration: underline;}