/* Main Website Layout */

/* Container - holds all web content expect footer */

#container{
position:relative;
width:800px;
min-height:100%;
height:auto;
margin:0px auto;
text-align:left;
background-color:transparent;
top:15px;
}

/* Top Edge Header */
#header{
width:800px;
height:85px;
background-color:#F9F9F7;
}

#topadvert{
position:absolute;
width:500px;
height:60px;
z-index:100;
top:-5px;
right:0;
}

/* Navigation */
#navi{
margin-top:15px;
width:800px;
height:92px;
}

/* Sub Header - Image / Flash Underneth the Navigation */
.sub_header{
width:800px;
height:236px;
margin-top:2px;
}

/* Left Hand Side Container - hold Side Button */
#lhs{
float:left;
width:182px;
height:auto;
background-color:transparent;
margin-top:36px;
}

#news_feed{
width:172px;
padding:5px;
height:auto;
background-color: #F3F3F3;
}

/* LHS Side Buttons */ 
.side_button{
width:182px;
height:120px;
margin-bottom:5px;
}

.side_button_small{
width:182px;
height:86px;
margin-bottom:6px;
}

/* Quotes - within body content text */
#quote_image{
width:auto;
height:auto;
margin-bottom:23px;
}

/* Body Content */
#body_content{
margin: 38px 0px 0px 25px;
width:573px;
height:auto;
z-index:5;
float:left;
}

/* Side By Side Class - Headteacher */
.side_by_side{
width:510px;
height:auto;
float:left;
background-color:#1b7a9d;
border-bottom:1px solid #503b72;
}

/* Side By Side Class - Supprot Staff */
.side_by_side2{
width:510px;
height:auto;
float:left;
background-color:#a8a8a8;
border-bottom:1px solid #1b7a9d;
}


/* Contact Form layout */
.form_element_label{
width: 200px;
height:auto;
float:left;
left:48px;
padding-bottom:10px;
}

.form_element{
position:relative;
width: auto;
height:auto;
float:left;
left:100px;
padding-bottom:10px;
}

/* Footer - Width across broswer */
#footer{
position:relative;
bottom:0;
width:100%;
height:208px;
background:url(../images/footer/footer_bg_repeat.jpg) repeat-x;
z-index:1;
margin-top:100px;
}

/* Footer Background  & Text / Links- Centred */
#footer_bg{
position:relative;
width:800px;
height:208px;
margin:0px auto;
text-align:left;
background:url(../images/footer/footer_bg2.jpg) no-repeat;
}

#footer_text{
position:absolute;
width:800px;
height:32px;
left: 2px;
top: 174px;
}

#ftr_links{
width:600px;
height:auto;
padding-bottom:5px;
}

#copyright{
width:500px;
height:auto;
float:left;
padding-bottom:5px;
}

#designedby{
width:200px;
height:auto;
float:right;
padding-bottom:5px;
}

/* School Crests Container */
#school_crests{
width:630px;
height:auto;
float:left;
margin: 22px 0 10px 0px;
}

/* School Crests */
.crests{
width:86px;
height:67px;
margin-left:2px;
margin-bottom:10px;
float:left;
}

/* Registered Charity Number Foooter */
#reg_charity{
position:absolute;
width:165px;
height:20px;
color:#000000;
right:0;
top:100px;
}

#reg_charity p{
font-size:0.6em;
color:#fff;
text-align:right;
}



/* Back to the top container */
.backtotop{
position:relative;
margin-top:10px;
width:93px;
height:19px;
float:right;
right:60px;
background:url(../images/icons/back_to_top.gif) top left transparent no-repeat;
}