/* Layout Elements */
BODY {margin:0 auto; padding:0; width:780px;  text-align:center; font-family:Arial, San-serif}

#container {float:left; margin:0; padding:0; background:#FFF1D0; width:780px; min-width:780px;}

.panel1 {float:left; width:780px; overflow:hidden; text-align:left;}
.panel2 {float:left; width:135px; overflow:hidden; text-align:left;} /*Left Column*/
.panel3 {float:left; width:645px; overflow:hidden; text-align:left;} /* Wide Content Column*/
.panel4 {float:left; width:490px; overflow:hidden; text-align:left;} /* Content Column*/
.panel5 {float:left; width:155px; overflow:hidden; text-align:left;} /* Right Content Column*/
.panel6 {float:left; width:400px; overflow:hidden; text-align:left;} /* Content Column*/
.panel7 {float:left; width:245px; overflow:hidden; text-align:left;} /* Right Content Column*/

/* Hidden Elements */
H1 {display:none;}
HR {display:none;}
IMG {border:0;}

#skipnavigation {display:none;}
.ct {text-align:center;}

/* General Styles */
A {text-decoration:none; color:#A5285F;}
A:hover {text-decoration:underline; color:#F70773;}

P.top {text-align:right; clear:both;}
P.top A {background:url(gfx/arrow_top.gif) right no-repeat; padding:0 15px 0 0;}
P.top A:hover {background:url(gfx/arrow_top_on.gif) right no-repeat;}
P.top {display:none;}

/* Header Styles */
#page-navigation P {margin:0; padding:0;}
#page-navigation .versions {display:block; padding:3px 10px 3px 0; background:#fff; font-size:70%; text-align:right;}

#header {background:#A5285F url(gfx/header_badge.gif) no-repeat 25px 0; height:100px;}
#header .logo {float:left; width:530px; height:100px; background:url(gfx/header_school_name.gif) 120px 0 no-repeat;}
#header .offsted {float:left; width:80px; height:100px;}
#header .sunday-times {float:left; width:170px; height:100px; background:url(gfx/header_curl.gif) no-repeat right; font-size:70%; font-weight:bold; text-align:right;}
#header .sunday-times P {margin:0; padding:6px 7px 0 0px; }
#header .sunday-times SPAN {display:block; width:100%;}

#main-navigation {float:left; width:100%; background:#018E45; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#main-navigation P {display:none;}
#main-navigation UL {margin:0; padding:0 0 0 152px; list-style-type:none; font-size:75%; font-family:Trebuchet MS, Arial, San-serif}
#main-navigation LI {float:left;}
#main-navigation LI A {display:block; padding:4px 8px 4px 8px; color:#fff; font-weight:bold; text-decoration:none;}
#main-navigation LI.on A {background:#005C34; color:#EAD522;}
#main-navigation LI A:hover {color:#EAD522;}

#sub-navigation {margin:46px 0 45px 0;}
#sub-navigation P {display:none;}
#sub-navigation UL {margin:0 0px 0 7px; padding:0; list-style-type:none; font-size:75%; font-family:Arial, San-serif; border-top:1px solid #fff;}
#sub-navigation LI {width:100%; padding:0;}
#sub-navigation LI A {display:block; padding:2px 3px 2px 3px; color:#A5285F; border-bottom:1px solid #fff; text-decoration:none;}
#sub-navigation LI.on A {font-weight:bold;}
#sub-navigation LI A:hover {font-weight:bold;}

/* Footer Styles */
#copyright{margin:20px 0 0 0; padding:2px 0 2px 10px; background:#018E45; color:#fff; font-size:70%; border-bottom:1px solid #FEEFF2;}
#copyright P {margin:0; padding:0;}
#copyright A {color:#fff; text-decoration:none;}
#copyright A:hover {color:#EAD522; text-decoration:underline;}
#copyright A.hover-off:hover {color:#fff; text-decoration:none;}

#sitemap {float:left; padding:3px 0 8px 160px; width:780px; background:#A5285F url(gfx/element_girls.gif) 15px 5px no-repeat;}
#sitemap .col130 {float:left; width:125px;}
#sitemap .col110 {float:left; width:110px;}
#sitemap P {margin:0; padding:5px 0 0 0; font-size:70%;}
#sitemap P STRONG {color:#fff;}
#sitemap UL {margin:0; padding:3px 0 0 0; font-size:70%; list-style-type:none;}
#sitemap LI {width:100%; margin:0; padding:0;}
#sitemap LI A {display:block; padding:0 5px 0 0;  color:#fff; text-decoration:none;}
#sitemap LI A:hover {text-decoration:underline; color:#EAD522;}
#sitemap H3 {display:none;}
#sitemap LI STRONG A {font-weight:normal;}

#credits {float:left; width:50%; background:#EAD522; text-align:right; font-size:70%;}
#credits P {margin:0; padding:3px 10px 3px 0;}
#credits A {color:#000; font-weight:bold;}
#credits A:hover {color:#A5285F;}

#standards {float:left;  width:50%; background:#EAD522; font-size:70%;}
#standards P {margin:0; padding:3px 0px 3px 10px;}
#standards A {color:#000; font-weight:bold;}
#standards A:hover {color:#A5285F;}

/* Content Styles */
.article {margin:15px 15px 0 20px;}
.article H2 {margin:0; padding:0 0 10px 0; font-size:110%; color:#A5285F; font-family:Trebuchet MS, Verdana, Arial;}
.article H3 {margin:0; padding:0 0 10px 0; font-size:95%; color:#A5285F; font-family:Trebuchet MS, Verdana, Arial;}
.article H4 {margin:0; padding:0 0 5px 0; font-size:95%; color:#A5285F; font-family:Trebuchet MS, Verdana, Arial;}
.article P {margin:0; padding:0 0 8px 0; font-size:75%;}
.article UL {font-size:75%; margin-top:0;}
.article A {text-decoration:underline;}

.article TABLE {font-size:75%; margin:0 auto 20px auto;}
.article TABLE TD, .article TABLE TH {padding:3px 5px 2px 5px; vertical-align:top;}
.article TR.titleRow TH {background: #A5285F; color:#fff; padding:2px 5px;}
.article P.top {display:block; padding:10px 0 0 0;}

.menu-events H3 {padding:10px 0 5px 0; clear:both;}
.menu-events P {padding:0 10px 0 10px; clear:both;}
.article SPAN.event-date {float:left; width:30%;}
.article SPAN.event-name {float:left; width:70%; padding:0 0 3px 0;}

.home-main {margin:25px 0 0 0; padding:0 15px 0 15px; clear:both;}
.home-main H2 {margin:0 0 0 0; padding:0 0 5px 0; font-size:110%; color:#A5285F; font-family:Trebuchet MS, Verdana, Arial;}
.home-main P {margin:0; padding:0 0 5px 0; font-size:75%;}
.home-main A {display:inline-block; background:url(gfx/arrow_link.gif) 0 2px no-repeat; padding:0 0 0 10px;}
.home-main UL {margin:0 0 0 0; padding:0; font-size:75%;}
.home-main LI {margin:0 0 0 20px; padding:0 0 0 3px;}

.home-block {margin:0 15px 0 15px; clear:both;}
.home-block H3 {margin:0 0 0 0; padding:0 0 5px 0; font-size:100%; color:#A5285F; font-family:Trebuchet MS, Verdana, Arial;}
.home-block H4 {margin:0; padding:0; font-size:75%; color:#000; font-family:Arial; line-height:105%;}
.home-block P {margin:0; padding:0 0 8px 0; font-size:75%;}
.home-block TABLE {font-size:70%;}

.block {margin:0 0 10px 0; border-bottom:1px solid #A5285F; }
.block H3 {margin:0; padding:4px 0 4px 10px; font-size:70%; color:#fff; letter-spacing:0.08em; background:#A5285F url(gfx/block_top.gif) no-repeat;}
.block H4 {margin:0; padding:8px 10px 0px 10px; font-size:70%; color:#000; font-family:Arial; line-height:105%; border-left:1px solid #A5285F; border-right:1px solid #A5285F;}
.block P {margin:0; padding:5px 10px 5px 10px; font-size:70%; border-left:1px solid #A5285F; border-right:1px solid #A5285F;}
.block UL {margin:0; padding:5px 10px 5px 10px; list-style-type:none; font-size:70%; border-left:1px solid #A5285F; border-right:1px solid #A5285F;}
.block LI {display:inline-block; margin:0; padding:0; background:url(gfx/arrow_link.gif) 0 3px no-repeat; overflow:hidden; clear:both;}
.block LI A {display:block; padding:0 0 3px 10px; margin:0; }
.block LI A:hover {background:url(gfx/arrow_link_on.gif) 0 3px no-repeat;}

.news {margin:20px 0 10px 0;}
.news H2 {margin:0; padding:4px 0 4px 10px; font-size:70%; color:#fff; letter-spacing:0.08em; background:#A5285F url(gfx/block_top.gif) no-repeat;}
.news H4, .news H3 {margin:0; padding:8px 10px 4px 10px; font-size:75%; font-family:Arial; line-height:105%; }
.news P {margin:0; padding:0 10px 6px 10px; font-size:75%; }
.news UL {margin:0; padding:5px 10px 8px 10px; font-size:75%;}
.news LI {display:inline-block; margin:0; padding:0 0 0 10px; background:url(gfx/arrow_link.gif) 0 3px no-repeat; overflow:hidden; clear:both;}
.news A {display:block; background:url(gfx/arrow_link.gif) 0 3px no-repeat; padding:0 0 3px 10px; margin:0; }
.news LI A {background:none; padding:0 0 3px 0;}
.news DIV {border:1px solid #A5285F;}

.article .news {margin-top:10px;}
.article .news H3 {font-size:85%;}

/* Content Elements */
.quote {margin:20px 0 0 0; padding:0 5px; font-size:75%; font-weight:bold; line-height:1.3em; color:#A5285F;}
.quote P {margin:0 0 5px 0; padding:0;}
.quote STRONG {position:relative; bottom:-2px; font-size:160%; color:#A5285F; font-family:Trebuchet MS, San-serif; }
.quote SMALL {display:block; font-weight:bold; font-size:95%; line-height:1.1em; padding:0 0 2px 0; color:#000;}

.article .quote {float:right; margin:0 0 0 10px; width:150px; font-size:100%; background:#A5285F; color:#fff;}
.article .quote P {padding:3px 0 3px 0;}
.article .quote STRONG {color:#fff;}

.img-right {float:right; display:block; margin:0; overflow:hidden; padding:0 2px 0 10px;}
.img-left {float:left; display:block; margin:0 10px 0 0;}
.img-top {display:block; margin:0;}
.img-right IMG, .img-left IMG, .img-normal IMG {display:block; margin:0; padding:0;}
.img-right SMALL, .img-left SMALL, .img-normal SMALL {display:block; margin:5px 0 0 0; padding:0; font-weight:bold;}
.img-right BR, .img-left BR, .img-top BR {display:none;}

#tools {margin:15px 0 13px 0;}
#tools A {display:block; padding:2px 0 2px 20px; margin:0 0 0 10px; font-size:75%; background:url("gfx/icon_printer.gif") left no-repeat;}
#tools A:hover {background:url("gfx/icon_printer_on.gif") left no-repeat;}
#tools H3 {display:none;}

/* Form Display */

.form {margin:5px 15px; text-align:left;}
.form EM {color:#A5285F;}
.form BR {display:none;}
.form FIELDSET {margin:10px; padding:5px 0 5px 0; border:0;}
.form P {float:left; margin:0 0 8px 0; padding:0; width:100%; font-size:75%;}
.form LABEL {float:left; width:80px;}
.form LABEL STRONG {display:block; text-align:right; margin-right:10px;}
.form SPAN.field {float:left; width:210px;}
.form SPAN.note {float:left; width:100px;}
.form SPAN.box {margin:0 5px;}
.form Input.file {margin:0 10px;}
.form INPUT.text {width:180px; margin:0 10px; padding:2px;}
.form INPUT.text-short {width:50px; margin:0 10px; padding:2px;}
.form SELECT {margin:0 10px;}
.form TEXTAREA {width:350px; margin:0 10px; padding:2px; font:100% Arial,San-serif;}
.form INPUT.button {margin:0 10px 0 0;}
.form P SPAN.buttons {padding:0 0 0 120px;}

#gender {}
#gender LABEL {float:none; display:inline; width:auto; padding:0 5px 0 3px; font-weight:bold;}
#gender INPUT {display:inline;}

.rooms {margin:10px 0;}
.room {float:left; width:50%; margin:5px 0;}
.room IMG {border:1px solid #A5285F;}