html, body {margin:0px;}

body {background-color:#6fb3fe; background-image:url(../images/common/bg.jpg); background-position:top; background-repeat:repeat-x; }

body, td, div { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#404040;}

p {margin:0px; padding:0px; padding-bottom:6px; }

a {font-weight:bold; text-decoration:none; color:#336699;}

a:hover { color:#336699; text-decoration:underline;}

blockquote {margin:0px 0px 6px 24px;}

.hidden { visibility:hidden; display:none;}



/* titles */

h1 {margin:0px 0px 10px 0px; font-size:16px; font-weight:bold; padding:6px 0px 0px 0px; color:#003f86; height:35px;}

h2 {padding:0px 0px 1px 0px; font-size:13px; font-weight:bold; margin:0px 0px 9px 0px; color:#003f86; border-bottom:1px solid #ffce84;}

h3 {font-size:11px; font-weight:bold; color:#003f86; padding:0px; margin:0px;}

h4 {font-size:10px; font-weight:bold; padding:0px; margin:0px;}

.subheading {font-size:11px; font-weight:bold; color:#003f86;}



/* lists */

ul {margin:0px 0px 0px 5px; padding:0px 0px 0px 15px; list-style-type:none; list-style-image:url(../images/common/bul3.gif);}

ul li {margin-bottom:6px; margin-left:0px; padding:0px;}

ol { margin:0px 0px 0px 5px; padding:0px 0px 0px 22px; }

ol li { margin-bottom:6px; margin-left:0px; padding:0px; }

ul li ul, ol li ul { padding-top:6px; padding-bottom:2px; }



/* top */

div#top {background-image:url(../images/en/title.jpg); background-repeat:no-repeat; height:92px; margin:0px; z-index:50;}



/* top nav */

div#topNav {background-image:url(../images/common/nav/bg.jpg); background-repeat:no-repeat; position:relative; top:56px; left:213px; width:744px; height:36px; }

div#topNav table {height:26px; margin-left:8px; margin-top:10px; border:0px; }

div#topNav table td.topNav_item, div#topNav table td.topNav_item_sel { font-size:11px; height:22px; padding:0px 6px 0px 6px; }

div#topNav table td.topNav_sep { width:1px; background-color:#ffdba6; padding:0px; }

div#topNav table td.topNav_foot, div#topNav table td.topNav_foot_sel { height:4px; padding:0px; }

div#topNav table td.topNav_foot_sel { background-color:#FFFFFF; padding:0px; }

div#topNav table td.topNav_footSep, div#topNav table td.topNav_footSep_sel { width:1px;  padding:0px; }

div#topNav table td.topNav_footSep_sel { background-color:#FFFFFF; padding:0px;}

div#topNav a {font-weight:normal; color:#000000;}

div#topNav table td.topNav_item_sel a {color:#000000; position:relative; top:-1px; cursor:default; font-weight:bold;  padding:0px;}

div#topNav table td.topNav_item_sel a:hover {color:#000000; text-decoration:none;  padding:0px;}



/* language switching */

div#topContactAndLanguage {position:absolute; top:8px; left:0px; width:800px; color:#426c99; text-align:right; font-size:11px;}

div#languageSwitching { padding-top:4px;}

div#languageSwitching a {color:#426c99; font-weight:normal; font-size:11px;}

div#topContact table {text-align:right; font-size:10px; border-bottom:1px solid #729cc9; }

div#topContact table td {padding-bottom:4px;}

div#topContact table td, div#topContact table td a {font-size:11px; color:#426c99; font-weight:normal;}

div#topContact table td.topContact_tbl_c1, div#topContact table td.topContact_tbl_c3 {padding-right:4px;}

div#topContact table td.topContact_tbl_c2 {padding-right:12px;}



/* logo and strapline */

div#logo {position:absolute; top:0px; left:804px; z-index:100;}

div#strap {position:absolute; top:95px; left:827px; z-index:105;}



/* main table */

table#main { width:100%; border:0px; }

table#main td.tbMain_c1 { width:218px; background-image:url(../images/common/str/l1_s.gif); background-repeat:repeat-y; background-position:right; padding:0px;}

table#main td.tbMain_c2 { width:734px; background-image:url(../images/common/str/content_bg.gif); background-repeat:repeat-y; padding:0px;}

table#main td.tbMain_c3 { background-image:url(../images/common/str/r2_s.gif); background-repeat:repeat-y; background-position:left; padding:0px; }

div#right_1 { background-image:url(../images/common/str/r1_bg.jpg); background-repeat:repeat-x; background-position:top; height:355px; border-top:1px solid #386091;}

div#right_2 { background-image:url(../images/common/str/r2b.gif); background-repeat:repeat-x; background-position:top; height:20px;}



/* left  */

div#left {height:431px; width:218px;}

div#btnParents {width:218px; height:75px;}

div#btnTeachers {width:218px; height:75px; background-color:#2b4a6f;}

div#leftAddress { color:#335477; padding:18px 0px 20px 18px; line-height:1.5em; background-image:url(../images/common/str/bg_b_l.jpg); background-repeat:no-repeat; background-position:top; width:200px;}

span.leftAddressSchoolname {font-size:12px; font-weight:bold;}

div.leftAddressTelNo, div.leftAddressEmail {color:#335477;font-size:14px; padding-top:5px; line-height:1em;}

div.leftAddressTelNo b, div.leftAddressEmail b {font-size:11px;}

div#leftAddress a {font-weight:normal; color:#335477;}



/* left navigation */

div#leftnav {height:431px; width:218px; background-image:url(../images/common/leftnav/bg1.jpg); background-repeat:repeat-x; background-position:top; line-height:1em;}

div#leftnavItemsShadow {width:218px; height:281px; background-image:url(../images/common/leftnav/shadow.gif); background-repeat:no-repeat; background-position:right;}

div#leftnavTitle {width:207px; height:12px; font-size:12px; line-height:100%; background-color:#335377; color:#4e729b; font-weight:bold; padding:18px 0px 0px 7px;}

div#leftnavItems {width:204px; height:245px; padding-left:7px;}

div#leftnavImage {height:150px; clear:both;}

ul.leftnav_level1 {list-style-type:none; margin:0px; padding:7px 0px 0px 0px; list-style-image:none;}

ul.leftnav_level1 li {color:#ffffff; font-size:11px; border-bottom:0px solid #4d698c; padding:2px 0px 1px 1px; margin:0px;} 

ul.leftnav_level2 {list-style-type:none; margin:0px; padding:0px 0px 4px 11px; list-style-image:none;}

ul.leftnav_level2 li, ul.leftnav_level2 li {color:#ffffff; font-size:11px; border-width:0px; padding:0px; margin:0px;}

ul.leftnav_level1 li a, ul.leftnav_level2 li a, ul.leftnav_level1 li a:hover, ul.leftnav_level2 li a:hover {color:#b2bfcd; font-weight:normal; margin:0px; padding:0px;}

a.leftnav_selected {color:#ffffff !important; cursor:default;}

a.leftnav_selected:hover {text-decoration:none; color:#ffffff !important;}



/* content */

div#content { margin:35px 0px 30px 30px; display:table; background-color:#FFFFFF;}

div#content table {border:0px; padding:0px; }

div#content table td.rhs {padding:13px 0px 0px 0px;}

div#content p {line-height:1.5em;}

div.contentCols {width:694px; clear:both; display:block;}

div.content2Cols_c1 {width:550px; float:left; display:inline;}

div.content2Cols_c2 {width:134px; float:right; padding-top:3px;}

dl.footnotes {color:#777777; font-size:11px; margin-top:25px; border:1px solid #e0e0e0; padding:10px;}

dt {font-weight:bold;}



/* footer */

div#footer {padding:5px 0px 10px 10px; color:#335477; font-size:10px; font-weight:bold;}
#ripen {position:relative; top:-15px; left:665px; width:53px;}


/* key facts */

table#keyfacts {width:518px; border:0px;}

table#keyfacts td.keyfacts_r1 {background-color:#ffffff; padding:0px 0px 0px 10px;}

table#keyfacts td.keyfacts_r2, table#keyfacts td.keyfacts_r3 {background-color:#ffce84; padding:0px 0px 0px 10px; height:1px;}

table#keyfacts td.keyfacts_c1 {width:1px; background-color:#ffce84; padding:0px;}

table#keyfacts td.keyfacts_c2 {width:88px; text-align:right; padding:0px; }

table#keyfacts td.keyfacts_c3 {width:428px; padding:0px; }

table#keyfacts td.keyfacts_c4 {width:1px; background-color:#ffce84; padding:0px;}

div.keyfacts_title {background-color:#ffa721; padding:8px 0px 6px 10px; margin-left:24px; }

div.keyfacts_text {font-size:13px; line-height:1.2em;}

div.keyfacts_text ul.keyfacts {margin:10px 0px 0px inherit; padding:15px 0px 0px 0px;}

div.keyfacts_text ul.keyfacts li {margin-bottom:12px; margin-left:34px;}



/* callout boxes */

.callout1 {padding-bottom:10px;}

.callout2 {clear:both;}

.callout3 {float:left;}

.callout4_links, .callout4_news {float:left; background-repeat:no-repeat; width:156px; height:11px; padding-top:10px;}

.callout4_links {background-image:url(../images/common/callouts/links3.jpg);}

.callout4_news {background-image:url(../images/common/callouts/news3.jpg);}

.callout5 {background-image:url(../images/common/callouts/bg1.jpg); background-repeat:repeat-x; background-position:top; width:164px; border:1px solid #ffce84; border-top:0px;}

.callout6 {background-image:url(../images/common/callouts/bg2.jpg); background-repeat:repeat-x; background-position:top; margin-left:10px; background-color:#FFE0B1;}

.calloutText {padding:7px 5px 12px 1px; font-size:11px;}

.calloutText a {color:#ff3300; font-weight:bold !important;}



/* list of links */

ul.links {margin:0px 0px 0px 15px; padding:0px; list-style-type:none; list-style-image:url(../images/common/bul.gif);}

ul.links li {margin-bottom:5px; margin-left:0px; padding:0px;}

ul.links li a {font-weight:normal;}



/* useful links */

div.usefulLinks {border:1px solid #ffce84; font-size:11px;background-image:url(../images/common/callouts/bg1.jpg); background-position:top; background-repeat:repeat-x; height:150px;}

div.usefulLinks div.usefulLinksHeader { font-weight:bold; font-size:10px; text-transform:uppercase; color:#ffffff; background-color:#ff9900; padding:3px 3px 3px 3px; }

div.usefulLinks ul.links {margin-top:3px; margin-bottom:12px;}

div.usefulLinks ul.links li {margin:2px 2px 2px 3px;}



/* galleries list */

table#allGalleries { width:550px; border-top:solid 1px #e0e0e0; clear:both; xmargin-top:28px;border:0px;}

td.allGalleries_c1 {width:100px; padding:10px 0px 10px 0px;}

td.allGalleries_c2 {padding:10px 0px 10px 10px;}

td.allGalleries_sep { background-color:#e0e0e0; height:1px; padding:0px;}

.galleryDate {font-weight:bold; font-size:10px; padding:5px 0px 2px 0px; color:#404040;}

.galleryTitle {padding:0px 0px 3px 0px;}

div#gallerySummaryBar { width:550px; border-top:solid 1px #e0e0e0; clear:both;}

div.gallerySummary {width:350px; float:left; clear:left; padding:5px 0px 15px 0px;}

div.galleryBack {float:right; clear:right; padding:5px 12px 15px 0px;}

table#galleryThumbnails {clear:both; border-top:solid 1px #e0e0e0; border:0px;}

table#galleryThumbnails td { padding:10px 10px 10px 0px; text-align:center; font-size:10px; border-bottom:1px solid #e0e0e0;}

table#galleryThumbnails td img { margin-bottom:2px;}

table#galleryThumbnails td a { font-weight:normal;}

.galleryImage {margin:10px 0px 10px 0px;}

h3.gallery {border-bottom:1px solid #e0e0e0; width:560px; padding:5px 0px 5px 0px; margin:0px 0px 5px 0px;}



/* team */

table.teamTable {width:550px; margin-top:5px; border:0px;}

.teamPic {width:105px; padding-bottom:25px;}

.teamName {font-size:11px; font-weight:bold; color:#003f86; padding:0px; margin:0px; padding-left:5px;}

.teamPosition {font-size:10px; font-weight:bold; padding-left:5px; padding-bottom:4px;}

.teamBio {padding-bottom:25px; padding-left:5px; font-size:12px; line-height:1.1em !important; padding-top:3px; border-top:1px solid #e0e0e0;}

.teamBio p {padding:0px; margin:0px; padding-bottom:3px; line-height:1.1em !important;}

td.teamSep {width:14px; padding:0px;}

td.teamDetails {width:156px; padding:0px;}



/* page nav */

.pageNav {color:#999999; font-size:10px; font-weight:bold; display:block; background-color:#f1f1f1; padding:2px;}

.pageNav a {color:#999999; font-weight:normal;}



/* standard table */

table.standardTable {border:1px solid #000000; width:100%; border-top:2px solid #e0e0e0 !important; border-bottom:2px solid #e0e0e0 !important; margin-bottom:12px;}

table.standardTable th, table.standardTable td {line-height:1em; font-size:11px; }

table.standardTable th {border-bottom:1px solid #e0e0e0; padding:5px 10px 5px 2px; text-align:left; background-color:#fff5ba;}

table.standardTable td {padding:2px 10px 5px 2px !important; border-bottom:1px solid #e0e0e0; }

table.standardTable tr.color1 td {background-color:#f1f1f1; }

table.standardTable td div, table.standardTable th div {font-size:11px;}



/* school days */

table.schoolDays {margin-top:20px;}

table.schoolDays td {padding:2px 20px 2px 2px;}

table.schoolDays tr.total td {border-top:1px solid #e0e0e0; background-color:#f1f1f1;}



/* philosophy */

ul.philosophy li { font-size:14px; padding-top:8px; }



/* goals from and to */

table.fromTo {border:1px solid #e0e0e0 !important;}

table.fromTo th {border-bottom:1px solid #e0e0e0; text-align:left; padding:5px 10px 5px 10px; font-size:11px; font-weight:bold;}

table.fromTo td {padding:5px 10px 5px 10px; font-size:10px;}



/* columns within left content area */

div.columns {clear:both; display:block; width:550px; clear:both;}



div.columns3Left_c1 {float:left; display:inline; width:177px; margin-bottom:10px;}

div.columns3Left_c2 {float:left; padding-left:10px; width:176px; margin-bottom:10px;}

div.columns3Left_c3 {float:left; padding-left:10px; width:177px; margin-bottom:10px;}



div.columns2Left_c1 {float:left; width:177px; margin-bottom:10px;}

div.columns2Left_c2 {float:left; padding-left:10px; width:363px; margin-bottom:10px;}



div.columns2Right_c1 {float:left; display:inline; width:363px; margin-bottom:10px;}

div.columns2Right_c2 {float:left; padding-left:10px; width:177px; margin-bottom:10px;}



div.columns2Equal_c1 {float:left; display:inline; width:270px; margin-bottom:10px;}

div.columns2Equal_c2 {float:left; padding-left:10px; width:270px; margin-bottom:10px;}



/* floating images */

img.floatLeft {float:left; padding-right:10px; padding-bottom:10px;}

img.floatRight {float:right; padding-left:10px; padding-bottom:10px;}

.clearBoth { clear:both;}



/* newparents and newteachers */

.newparentsHeading {border-bottom:solid 1px #e0e0e0; padding-bottom:1px; margin-bottom:10px}