/* CSS Document */
html, body { background:#CFDBE9 top center; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0 }

strong { font-weight:900 }

img { border: none }
a { color: #0000FF}
a:hover {text-decoration: none }

h1 { font-weight:bold; font-size: 20px; padding:0;margin:0;margin-bottom:12px;color:#333333 }
h2 { padding-top:0;margin-top:0;color:#333333  }

.alignCentre { text-align:center }

#globalPositioning { width: 965px;padding: 0;margin: 0;margin: 0 auto;}

#wrapper { background:url(/images/wrapper.jpg) repeat-y center; float:left; width: 915px; padding-left: 25px; padding-right: 25px; display: inline }

#preFooter {
float: left;
background-image:url(/images/prefooter.jpg);
background-repeat:repeat;
padding: 5px;
margin-top: 10px;
width: 880px;
text-align: center;
color: #FFFFFF
}
#preFooter a { color: #FFFFFF }

#footer { float: left;margin: 0 auto;background-image:  url(/images/footer.jpg);width: 965px;height: 45px;}

#header {float: left; height: 149px;}

#header1 {
float: left; 
height: 190px;
background-image:url(/images/banners/banner1.jpg);
background-repeat:no-repeat;
width: 915px;
}
#header2 {
float: left; 
height: 190px;
background-image:url(/images/banners/banner2.jpg);
background-repeat:no-repeat;
width: 915px;
}
#header3 {
float: left; 
height: 190px;
background-image:url(/images/banners/banner3.jpg);
background-repeat:no-repeat;
width: 915px;
}
#header4 {
float: left; 
height: 190px;
background-image:url(/images/banners/banner4.jpg);
background-repeat:no-repeat;
width: 915px;
}
#header5 {
float: left; 
height: 190px;
background-image:url(/images/banners/banner5.jpg);
background-repeat:no-repeat;
width: 915px;
}

#leisure_banner {
float: left; 
height: 190px;
background-image:url(/images/leisure_banner.jpg);
background-repeat:no-repeat;
width: 915px;
}

.copyright { text-align: center; padding: 0; margin: 0}

#mainContent { float: left;padding: 10px 10px 0px 10px; width:885px; background:#FFF}

#mainContent p { padding: 0; margin: 0; padding-bottom: 10px; }

#homepage h1 { padding-top: 0; margin-top: 0 }
#hpContent { float: left; width: 570px; padding-right:10px; }
#hpContent p { text-align: justify }
#hp-welcome-intro { padding-bottom:12px; border-bottom: 1px solid #ccc; float:left }
#htPortrait { float: left; text-align: center; width: 200px; font-weight:800; font-size: 12px; margin-right: 10px; }
#htPortrait img { border: #000000 solid 1px;padding: 3px;}
.homepage-imageholder { 
border: 1px #CCC solid; 
float:left; 
padding: 9px; 
text-align:center; 
font-weight:900; 
margin-right:10px 
}
#hp-adverts { width:100%; float:left; padding-top:12px }
.hp-site-advertisments { min-height:200px; height:auto !important;height:200px; width:565px }
.site-advert-text { float: left; width:285px }
.site-advert-text h4 { color:#333; font-size:16px; font-weight:900; padding-bottom:6px;}
#siteAdverts { list-style:none }


.submitBtn { background-color: #333399; color: #FFFFFF; padding: 3px; border-color: #000000; font-weight:600; width:auto}
fieldset { padding: 0; margin: 0; padding: 10px 10px 0 10px; width: auto; float: left; }
#categories_setup fieldset { padding: 0; margin: 0; padding: 10px 10px 0 10px; width: 865px }
legend { margin: 0; margin-bottom: 10px;background-color: #333399; color:#FFFFFF; padding: 3px}
label { float: left; width: 100px; font-weight: bold;}

#errBlock { 
border: #FF0000 1px solid;
background:url(/images/error.png) no-repeat left top #FFFFCC; 
padding: 6px 0;
color:#000000; 
font-weight:bold; 
width: 100%;
margin-bottom: 10px;
}
#errBlock p, #errBlock ul { margin-left: 60px; margin-right:6px }
#confBlock { border: #006600 1px solid; background-color: #E6FFE8;; color:#000; font-weight:bold; width:100%; margin-bottom: 10px; }
#confBlock p { padding: 12px }

.clear { clear: both }

#breadcrumbs { margin-bottom: 12px; font-style:italic }

#oneCol { width: 895px; float: left }
#twoCols {background-image: url(/images/sidebar.jpg);background-position: left;background-repeat:repeat-y;float: left;}

#sidebar {width: 200px;float: left;margin-right: 10px}
#pageContent {float: left;width: 670px;min-height: 300px;height:auto !important; height:300px;}
#pageContent p { line-height: 18px }
#pageContent h3 { font-weight:900; padding-bottom:12px; font-size:14px }
#pageContent ul { padding-bottom: 12px }
#pageContent ul li { list-style-type:disc; margin-left:20px }

#map_canvas { float: left; width: 660px; height: 450px; border: #000000 1px solid }

#header_drop { 
float: left; 
background-image:url(/images/banner_drop.jpg);
background-repeat:repeat-x;
padding: 0;
margin: 0;
width: 100%;
height: 6px;
}

#sidebar_bg { background-color: #000000; opacity: 0.65; filter:alpha(opacity=65); height: 5px; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size: 12px }
#contact-details-ad { float: left ; margin-top: -10px; margin-bottom: 10px}
#contact_details label { margin-left: 100px; margin-right: 30px; text-align: right }
#contact-us label { margin-left: 100px; margin-right: 10px; text-align: right }
#contact-us input.textDef , #badmin-vacancies input.textDef{ width: 250px; }
#contact-us textarea { width: 300px; height: 150px }

.closing_date { text-align: right; width: 100%}
.closing_date span { margin-top: 10px }

#jobVacancies h3 { margin-bottom:0; padding-bottom:0 }

/* News & Events */
#news_section { float: left; margin-right: 10px; width: 300px }
#events_section { float: left; border-left: dashed #999999 1px; padding-left:10px }
#show-news, #show-events { border-top: 2px #000000 solid; padding-top:12px }
table.calendar {	border-width: 1px;border-style: solid;border-color: black;border-collapse: collapse;}
table.calendar th {
border-width: 1px;
padding: 0px;
border-style: solid;
border-color: #000000;
background-color:#CCCCCC;
width: 74px;
padding: 3px;
}
table.calendar td {border-width: 1px;padding: 0;border-style: solid;border-color: #000000;width: 74px;height: 74px;vertical-align: top;}
table.calendar td a:hover { background-color: #CCCCCC; }
td.cal_holiday { background-color:#FFCCCC; padding: 3px }
td.cal_event { background-color: #D0EFFB; }
td.limbo { background-color: #D6F2CE; padding: 3px }
td.current_day { background-color: #00FF66; font-weight: bold }
td.cal_weekend { background-color: #FFFF99; padding: 3px } 
td.cal_weekday { background-color: #FFFFFF; }
table.calendar td a { padding: 0;display:block; color: #000000; width: 74px;height: 74px; padding: 3px}
table.calendar td span { padding: 0;display:block; color: #000000; width: 74px;height: 68px; padding: 3px }
td.current_day a.current_day_hover:hover { background-color: #00FF00;}

#news-tabs .ui-tabs-nav { list-style-image:none; list-style-position:outside;list-style-type:none;margin:0;padding:0 0 0 3px; }
#news-tabs .ui-tabs-nav a { padding-left: 0;background-position: 100% 0;text-decoration: none;white-space: nowrap; /* @ IE 6 */ outline: 0; }
#news-tabs .ui-tabs-nav:after { display: block; clear: both; content: " "; }
#news-tabs .ui-tabs-nav li { float:left;font-weight:bold;margin:0;padding:0; }
#news-tabs li.ui-tabs-selected a { background: url(/images/active_tab.jpg) no-repeat; color:#FFFFFF; display:block; padding: 4px 20px;cursor:text }
#news-tabs .ui-tabs-nav a { background: url(/images/inactive_tab.jpg) no-repeat; color:#FFFFFF; display:block; padding: 4px 17px; }
#news-tabs .ui-tabs-nav a span { background-position: 0 0; }


/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ display: inline-block; }
*:first-child+html .ui-tabs-nav  { display: inline-block; }
.ui-tabs-hide { display: none; }

.news_article h4, p { padding:0; margin:0 }
#more_news, #more_news img { float:left }
#more_news { border-top: 1px #000000 solid; width: 300px; padding-top: 3px }
#more_news_txt { float:left; padding-top: 4px; font-weight:bold;  }
#more_news img { margin: 0 10px }
#show_news_article h2 { color:#333333 }

.newsCalendarPage { background-image: url(/images/calendar.jpg); width:50px; height:51px; float:left; margin-right:10px }

.post-month {
color:#FFFFFF;
display:block;
font-size:11px;
line-height:11px;
margin-left:-3px;
padding-top:4px;
text-align:center;
text-transform:uppercase;
}
.post-day {
color:#999999;
display:block;
font-size:16px;
line-height:16px;
margin-left:-2px;
padding-top:9px;
text-align:center;
text-transform:uppercase;
font-weight:bold
}

.newsSnippet { margin-left: 60px; min-height: 70px; height:auto !important; height: 70px;}
.newsSnippet h4 {padding:0;margin:0; font-size:12px; font-weight:normal}

#hpLogos { margin-top: 12px; width:100%; text-align:center; float:left; padding-left:12px } 
#hpLogos img { padding:2px; margin: 0 auto; border:#CCC 1px solid }
#hpLogos a { margin-right:12px }
#hpLogos a:hover img { border:#333399 1px solid }

#hpNewsBulletins { background:url(/images/bulletins_bg.jpg) bottom no-repeat; width:270px; height:125px; margin-bottom:6px }
#hpBlogSnippet { background:url(/images/bulletins_bg.jpg) bottom no-repeat; width:270px; height:200px; margin-bottom:6px }

.hpNewsBulletinsHeader { text-align:right; border-bottom:1px solid #999999; height:28px; line-height:28px; margin-bottom:12px }
.bulletinTab { background:url(/images/bulletins_tab.jpg) no-repeat bottom; 
height: 28px; 
width:133px; 
float:left; 
color:#FFF;
font-weight:900;
text-align:center;
margin-left:4px
}
ul#daily-bulletins {  }
ul#daily-bulletins li { line-height: 18px; font-size:14px; width:270px }
.bulletinTitle { font-weight:bold; color:#333 }

#hp-news-tabs .ui-tabs-nav { list-style-image:none; list-style-position:outside;list-style-type:none;margin:0;padding:0 0 0 3px; }
#hp-news-tabs .ui-tabs-nav a { padding-left: 0;background-position: 100% 0;text-decoration: none;white-space: nowrap; /* @ IE 6 */ outline: 0; }
#hp-news-tabs .ui-tabs-nav:after { display: block; clear: both; content: " "; }
#hp-news-tabs .ui-tabs-nav li { float:left;font-weight:bold;margin:0;padding:0;  }
#hp-news-tabs li.ui-tabs-selected a { background: url(/images/hp-active-tab.jpg) no-repeat; color:#FFFFFF; display:block; padding: 4px 20px;cursor:text }
#hp-news-tabs .ui-tabs-nav a { background: url(/images/hp-inactive-tab.jpg) no-repeat; color:#FFFFFF; display:block; padding: 4px 19px; width: 80px; height: 18px }
#hp-news-tabs .ui-tabs-nav a span { background-position: 0 0; }

#hpNewsEvents { float:left; width: 270px; background:url(/images/content_shadow.jpg) no-repeat; height:570px; padding-left:30px }
#hp-show-news, #hp-show-events { border-top: 1px solid #999999; padding-top: 10px }

#hpNewsEvents h2 { margin: padding-bottom: 10px; font-size: 18px; font-weight:bold }

#hp_safe_search { text-align:center; height:50px;margin-top:10px }
#hp_safe_search img { float: left; }

#junior_programme_bg { background: url(/images/junior_programme_bg.jpg) right no-repeat }

#contact-us .guestbook1 { background-color: #DDF0FF; }
#contact-us .guestbook2 { background-color: #EEEEEE; }
#contact-us .guestbook1, #contact-us .guestbook2 { padding: 5px; margin-bottom:12px; width: 100%; float:left }
#contact-us .guestbook1 h4, #contact-us .guestbook2 h4 { margin:0;padding:0; font-size:12px; font-weight:bold}
#contact-us .guestbook1 hr, #contact-us .guestbook2 hr { height: 1px; padding:0; color:#000000 }
#contact-us .guestbook_nav { width: 100%; text-align:center; margin-bottom:12px; background-color:#EEEEEE; border:1px solid #333333; padding: 5px; height:24px; float:left }
#contact-us .gb_post_date { font-weight: bold }
#contact-us .gb_email { color:#0000FF }
#contact-us .gb_post { float:left; }

#curriculum-web-links p { line-height: 75px; font-weight:900; font-size:14px }
#curriculum-web-links p img { float: left; border:1px #CCC solid; margin-right:12px }

h2 { color:#333; padding-bottom:12px; font-size:14px; font-weight:700 }
#sis { color:#CFDBE9; }
#sis a { color:#CFDBE9; text-decoration:none }

fieldset { border: 1px solid #666 }

ul#picturegallery {}
ul#picturegallery li {list-style-type:none;margin:5px 10px 5px 0;padding:5px;float:left;border: 1px solid #e3e3e3;background-color: #FAFAFA;}
ul#picturegallery li span#imgcaption {display:block;clear:left;font-size:10px; text-align: center; width: 120px;margin: 0 auto;}

#alert { border: 2px solid #000; background: #FFFF4A; font-weight:900; padding:5px; font-size:14px }
#alert p { padding-bottom:12px }
#alert h3 { color:#F00; font-weight:900; padding-bottom:12px }
#alert ul li { list-style: outside disc; margin-left:20px }

#curriculum-sixth-form p { line-height:20px }
#interactive_prospectus { float:right; margin-left:10px; margin-bottom:12px }

#china-content { float:left; width:440px }
#china-news { float:left; margin-left:20px; width:210px; background:url(/images/china-news-shadow.jpg) no-repeat bottom center }
#china-news-content { padding:5px; background:url(/images/china-news-bg.jpg) no-repeat bottom; border:1px solid #999; margin-bottom:11px  }
#china-news-content ul li { list-style:none; margin:0; line-height:24px; margin-bottom:6px }
#china-news-content ul li span { display:block }

h4.cPubTitle a { font-weight:900 }

#charity-form { border: 1px dotted #CCC; background:#F2F2F2; padding:10px; margin-top:12px }
#charity-form input, #charity-form textarea { padding: 3px }
#yes-no label { float:none }
#yes-no label { margin: 0 10px }
textarea#further-info { width:640px }

.site-advert-text { line-height:1.5em }
#burnsideBlogFeed { line-height:1.5em }
.blog-published-date { font-size:10px; font-weight:900 }

#alert h2 { font-size:18px }
#alert strong { color:#F00; font-style:italic }

.notice { font-weight:bold; text-transform:uppercase; border: 2px dashed #F33; padding: 6px !important; margin-bottom:24px; background:#FFC; display:block; clear:both}

/* PDF document links */
a[href$='.pdf'] {
background:transparent url(/images/filetypes/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}
/* Excel Documents links */
a[href$='.xls'], a[href$='.xlsx'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] {
background:transparent url(/images/filetypes/xls.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:16px;
height:16px
}
/* Word Document Links */
a[href$='.doc'], a[href$='.docx'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {
background:transparent url(/images/filetypes/doc.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:16px;
height:16px
}
/* PPT Documents links */
a[href$='.ppt'], a[href$='.pptx'] {
background:transparent url(/images/filetypes/ppt.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:16px;
height:16px
}