/* @reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.8;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none; display:block;}

/* @typography */
body {color:#666; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:62.5%;}
#page {font-size:1.1em}
#subnav, table {font-family:Arial,Verdana,Helvetica,sans-serif;}
tr.info {font-family:Verdana,Arial,Helvetica,sans-serif;}

h1, h2, h3, h4, h5, h6 {color:#333; font-weight:normal; font-family:Arial,Verdana,Helvetica,sans-serif;}
h1 {font-size:1.6em; font-weight:bold; line-height:2; margin-bottom:0.3em;}
h2 {font-size:1.3em; font-weight:bold; line-height:1; margin-bottom:0;}
h3 {font-size:1.1em; font-weight:bold; line-height:1; margin-bottom:0; padding-top:0.5em;}
h4 {font-size:1.2em; line-height:1.25; margin-bottom:1.25em;}
h5 {font-size:1em; font-weight:bold; margin-bottom:0.2em;}
h6 {font-size:1em; font-weight:bold;}

#home h1 {border-top:1px solid #ccc;}
.content h2, .contentItem h2 {margin-bottom:0.5em;}
.entry h2 {font-size:2.3em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0;}
.content p, .contentItem p, #intro p, .info p {color:#666; margin:0 0 1.5em;}
p img.left {float:left; margin:0.5em 1em 1em 0;}
p img.right {float:right; margin:0.5em 0 1em 1em;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold; text-transform:uppercase; font-size:.8em;}
th, td {border:1px solid #d8efff;}
th, td, caption {padding:4px 10px 4px 5px;}
thead th {background:url(../img/table-head-bg.gif) repeat-x left top; vertical-align:top;}
tbody th, tbody td {color:#8146FF;}
tr.alt th, tr.alt td {color:#ff3a71;}
tfoot {font-style:italic;}
tfoot td {border:0 none;}
caption {text-align:right; font-size:.8em; font-style:italic; line-height:1em;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}

/* links */
a {color:#0099cc; text-decoration:none;}
a:visited {color:#ff5f08;}
a:focus, a:hover {background:#daf0ff;}

.sitemap li a, .sitemap li a:visited {background-color:transparent; color:#0099cc; text-decoration:none;}
.sitemap li a:focus, .sitemap li a:hover {text-decoration:underline; outline:none;}

.content a, .content a:visited {text-decoration:underline;}
.content a:visited {color:#ff5f08;}
.content a:focus, .content a:hover {background-color:#daf0ff; color:#ff5f08; text-decoration:underline;}

#sidebar li a {color:#0099cc;}
#sidebar li a:visited {color:#ff5f08;}
#sidebar li a:focus, #sidebar li a:hover {background-color:#daf0ff; text-decoration:underline;}

#mainNavList li a, #mainNavList li a:visited {background:none; color:#ffffff;}
#mainNavList li a:focus {outline:none;}

#subnav ul.menu li a, #subnav ul.menu li a:visited {background-color:transparent; color:#0099cc;}
#subnav ul.menu li a:focus {outline:none;}

#footer-txt a, #footer-txt a:visited {color:#0099cc;}
#footer-txt a:focus, #footer-txt a:hover, a.readmore:focus, a.readmore:hover {background:#daf0ff; text-decoration:underline;}
#footer-txt a#pwrdby:focus, #footer-txt a#pwrdby:hover {background:url(../img/umbraco.jpg) no-repeat 0 50%; text-decoration:none;}

.content p.regBtn {display:block; text-indent:-9999px; margin:0 0 2em;}
.content .regBtn a {display:block; width:250px; height:40px; background:transparent url(../img/registration-btn.gif) no-repeat top left; outline:none;}
.content .regBtn a:hover {background-position:0 -40px;}

.content a.pdf {background:url(../img/icon_pdf.png) no-repeat 0 50%; padding-left: 20px; display:inline-block;}
.content a.external {background:transparent url(../img/external.gif) no-repeat right center; padding:0 13px 0 0;}
.content a.pdf:hover, .content a.external:hover {background-color:#daf0ff;}
.content a.zip {background: url(../imgs/icon_zip.png) no-repeat; padding-left: 20px;}

/* images */
.sitemap img {padding:0 0 15px;}
.content img {background:#fff; border:1px solid #d4d2c1; padding:5px;}

/* forms */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.prepend-top {margin-top:1em;}
.append-bottom {margin-bottom:1em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* =tables */
#keyStages tbody th {background:url(../img/more-btn.gif) no-repeat 5px 6px; cursor:pointer; padding-left:25px;}
#keyStages tbody th.active {background-position:5px -60px;}

/* =bry */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
body {background:#ffffff url(../img/body-bg.gif) repeat-x left top;}

#page {margin:0 auto; padding:10px 0 50px; width:844px; position:relative;}/* bottom padding must be same height as the footer */

#brand {background:url(../img/logo.png) no-repeat left top; position:absolute; float:left; top:-12px;left:-3px; padding-right:25px; position:relative; width:292px;}
#brand h1 {text-indent:-9999px; margin:0; border:0 none;}
#brand h1 a {display:block; width:292px; height:152px; border:0 none; background:none;}

#main {padding:0 0 40px; clear:both;}

#sub, #content {float:left; width:598px; padding:0 0 0 2px;}
#sub {padding:50px 0 30px;}
#home #sub {clear:left; width:280px;}
#sponsors #sub, #sponsor_a_child #sub {padding-bottom:0;} 

#intro {float:left;}
#home .event {float:left; padding:50px 0 0 30px; width:300px;}

#sidebar {float:right; padding-top:67px; width:206px;}

#authorities {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:10px;/* future proofing */-khtml-border-radius:10px;/* for old Konqueror browsers */ background-color:#d8eeff; padding:10px;}
.block {float:left; margin:0 0 30px 0; padding:0 10px; width:186px;}

#footer {background:url(../img/dot.gif) repeat-x left top; position:relative; margin-top:-50px;/* negative value of footer height */height:50px; clear:both;} 
#foot {line-height:25px; margin:0 auto; padding:15px 10px 0 0; width:834px;}
#footer p {font-size:9px;}
#copyright {float:left;}
#footer-txt {float:right;}
#pwrdby {background:url(../img/umbraco.jpg) no-repeat 0 50%; border:0 none; display:inline-block; height:25px; margin:0 0 0 3px; text-indent:-9999px; width:82px;}

#mainNav {float:right; width:440px;}
ul#mainNavList {float:left; width:100%; list-style:none; margin:0; padding:0;}
ul#mainNavList li {float:left; padding:0 5px 0 0; margin:0 0 0 10px;}
ul#mainNavList li:hover {background:url(../img/topnav-selected-r.gif) no-repeat right top;}
ul#mainNavList li:hover a {background:url(../img/topnav-selected-l.gif) no-repeat left top;}
ul#mainNavList li a {display:block; padding: 0px 2px 0 7px; line-height:22px; border-bottom:0 none; float:left; height:23px;}

body#home ul#mainNavList li.home,
body#about ul#mainNavList li.who,
body#aims ul#mainNavList li.who,
body#management ul#mainNavList li.who,
body#pta ul#mainNavList li.who,
body#staff ul#mainNavList li.who,
body#employment ul#mainNavList li.who,
body#curriculum ul#mainNavList li.school,
body#admission ul#mainNavList li.school,
body#calendar ul#mainNavList li.school,
body#languages ul#mainNavList li.school,
body#extra-curricular ul#mainNavList li.school,
body#fees ul#mainNavList li.school,
body#sponsors ul#mainNavList li.sponsors,
body#sponsor_a_child ul#mainNavList li.sponsors,
body#donate ul#mainNavList li.sponsors,
body#events ul#mainNavList li.events,
body#past_events ul#mainNavList li.events,
body#contact ul#mainNavList li.contact {background:url(../img/topnav-selected-r.gif) no-repeat right top;}

body#home ul#mainNavList li.home a,
body#about ul#mainNavList li.who a,
body#aims ul#mainNavList li.who a,
body#management ul#mainNavList li.who a,
body#pta ul#mainNavList li.who a,
body#staff ul#mainNavList li.who a,
body#employment ul#mainNavList li.who a,
body#curriculum ul#mainNavList li.school a,
body#admission ul#mainNavList li.school a,
body#calendar ul#mainNavList li.school a,
body#languages ul#mainNavList li.school a,
body#extra-curricular ul#mainNavList li.school a,
body#fees ul#mainNavList li.school a,
body#sponsors ul#mainNavList li.sponsors a,
body#sponsor_a_child ul#mainNavList li.sponsors a,
body#donate ul#mainNavList li.sponsors a,
body#events ul#mainNavList li.events a,
body#past_events ul#mainNavList li.events a,
body#contact ul#mainNavList li.contact a {background:url(../img/topnav-selected-l.gif) no-repeat left top;}


.sitemap {float:left; width:186px; margin-right:20px;}
.sitemap ul.menu,
#sidebar ul.menu {list-style-type:none; line-height:1; margin:5px 0 0;}
.sitemap ul.menu li a,
#sidebar ul.menu li a,
#sidebar ul.menu li a:focus,
#sidebar ul.menu li a:hover {background:transparent url(../img/dot.gif) repeat-x left bottom; display:block; line-height:1.4; padding:7px 0;}
.sitemap p {padding-top:10px;}

#subimg {background:url(../img/subnav-bg.png) no-repeat left top; float:left; width:100%; height:102px;}
#subimg img {padding:7px 7px 0; display:none;}

#subnav ul.menu {float:left; list-style:none; margin:0; padding:0; width:100%;}
#subnav ul.menu li {float:left; padding:0 15px 0 0;}
#subnav ul.menu li:hover {background:url(../img/subnav-tab-r-hover.png) no-repeat right top;}
#subnav ul.menu li:hover a {background:url(../img/subnav-tab-l-hover.png) no-repeat 0 0;}
#subnav ul.menu li a{display:block; float:left; padding:0 0 0 10px; font-weight:bold; line-height:37px; border-bottom:0 none; height:35px;}

#subnav ul#menuSponsors {border-bottom:1px solid #D8EEFF;}

body#about #subnav li.about,
body#aims #subnav li.aims,
body#management #subnav li.management,
body#pta #subnav li.pta,
body#staff #subnav li.staff,
body#employment #subnav li.employment,
body#curriculum #subnav li.curriculum,
body#admission #subnav li.admission,
body#calendar #subnav li.calendar,
body#languages #subnav li.languages,
body#extra-curricular #subnav li.extracurr,
body#fees #subnav li.fees,
body#sponsors #subnav li.sponsors,
body#sponsor_a_child #subnav li.sponsorAChild,
body#donate #subnav li.donate,
body#events #subnav li.events,
body#past_events #subnav li.pastEvents {background:url(../img/subnav-tab-r.png) no-repeat right top;}

body#about #subnav li.about a,
body#aims #subnav li.aims a,
body#management #subnav li.management a,
body#pta #subnav li.pta a,
body#staff #subnav li.staff a,
body#employment #subnav li.employment a,
body#curriculum #subnav li.curriculum a,
body#admission #subnav li.admission a,
body#calendar #subnav li.calendar a,
body#languages #subnav li.languages a,
body#extra-curricular #subnav li.extracurr a,
body#fees #subnav li.fees a,
body#sponsors #subnav li.sponsors a,
body#sponsor_a_child #subnav li.sponsorAChild a,
body#donate #subnav li.donate a,
body#events #subnav li.events a,
body#past_events #subnav li.pastEvents a {background:url(../img/subnav-tab-l.png) no-repeat 0 0; color:#333;}

#staffList {float:left; list-style:none; margin:0;}
#staffList li {float:left; width:141px; height:200px; margin-right:10px; text-align:center;}
#staffList img {background:url(../img/photo-frame-small.png) no-repeat left top; border:0 none; padding:9px;}
#staffList span {display:inline-block; line-height:1em; font-style:italic; padding-top:4px;}

#sponsorchildren {margin-left:0;}
#sponsorchildren li {clear:left; float:left; list-style:none inside; padding:0 0 10px;}

.entry {clear:left; float:left; padding:0 0 40px; width:100%;}

dl.contact {float:left; width:50%;}

/* twitter */
#twitter_div ul {list-style:none; margin:0.5em 0 1em; padding:0;}
#twitter_div ul li {padding:7px 0;}
#twitter_div img {float:right;}

.highlight {background:#d8eeff;}
.noborder {border:0 none !important;}
.nowrap {white-space:nowrap;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0 !important;padding-right:0 !important;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.hidden {display:none;}

/* =tipsy tooltips */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../img/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

/* @fix */
.clear {clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */