﻿/* Heading styles - requiries both if to be used in the editor */

.H1 {color: #12466E; font-size: 110%; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
H1 {color: #12466E; font-size: 110%; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.H2 {color: #12466E; font-size: 100%; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
H2 {color: #12466E; font-size: 100%; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}

HR {color: #BDD3EF; height: 0px; width: 100%; border-bottom:1px solid #BDD3EF; border-top:1px solid white;}

.normal{
font-family : arial, helvetica, sans-serif;
font-size : x-small;
font-weight : normal;
color: #000000;
}

.vacancy_seperator {width: 100%; border-bottom: 2px #BBBBBB solid;}

.venuesplit {width: 100%; border-bottom: 1px #BDD3EF solid;}

.centenary_devider {width: 98%; border-bottom: 1px #B79E56 solid;}

.system_MainFeature {width: 100%; border-bottom: 1px #BDD3EF solid;}
.system_MainFeatureCol1 {padding-right:0px; padding-bottom: 10px;}

.floatImageRight {float: right; margin-left: 10px; margin-bottom: 10px}
.floatImageLeft {float: left; margin-right: 10px; margin-bottom: 10px}

.system_MainFeatureImage {}

.system_ImageCaption {text-align: center; color: #12466E; font-size: 100%; font-weight: bold; font-style: italic; padding: 5px; width: 220px; height: 24px}



.whatsNewFeature {width:100%; }

.whatsNewFeature CAPTION {color: #12466E; font-size: 120%; font-weight: bold; padding-bottom: 10px; padding-top: 10px}

.whatsNewFeatureCol2 {padding-left: 10px; padding-right: 10px}
.whatsNewFeatureCol3 {padding-right: 10px}

.whatsNewHeading {color: #12466E; font-size: 100%; font-weight: bold}

.jointsSubHeading {color: #32b8c9; font-size: 130%; font-weight: bold}

.bannerHeading {color: #ffffff; font-size: 200%; font-weight: bold}

.whatsNewBullet {float: left}

.centenary_table_background {background-color: #F0F0F0; font-weight: bold;}

.table_background1 {height: 20px; width: 100%; background-color: #E6EAF3; border-bottom: 1px solid #BDD3EF; padding: 0px; Font-size:100%;font-family : arial, helvetica, sans-serif;}

.table_background2 {height: 16px; width: 100%; background-color: #FAFBFD; border-bottom: 1px solid #BDD3EF; padding: 4px;}

.vacancy_background {height: 16px; width: 100%; border-bottom: 1px solid #BDD3EF; padding: 4px;}

.new_brand_table_background1  {height: 20px; width: 100%; background-color: #32b8c9; padding: 3px; Font-size:100%;font-color: #FFFFFF;font-family : arial, helvetica, sans-serif;}

/* News articles and listing */

.NewsArticle {width:100%;}

.NewsArticle CAPTION {font-weight: bold; background-color: #FAFBFD; border-bottom: 1px solid #BDD3EF; padding: 4px;}

.NewsArticle IMG {float:left}
.NewsArticleImageText {font-style:italic; font-size: 80%}

.NewsArticleDate {float:right}
.NewsArticleSummary {font-weight: bold}

.SiteMapLevel2 {height: 16px; width: 100%; background-color: #FAFBFD; border-bottom: 1px solid #BDD3EF; padding: 4px; cursor: pointer;}

.formfield {height: 16px; width: 40%; background-color: #FFFFFF; border: 1px solid #BDD3EF; font-weight: normal; padding: 4px}

/* Paeds Sub Site */

.outerxkeystage{
width:50%;
margin-left:0%;
border:1px solid #000;
background:#fff url(/Images/paeds/ragged-left-green.gif) repeat-y left top;
}

.innerxkeystage{
background:transparent url(/Images/paeds/ragged-right-green.gif) repeat-y right top;
width:100%;
padding:1em 0;
}
.outerx p{padding:0 20px;margin:0 0 1em 0}

.outerxPreschool{
width:50%;
margin-left:0%;
border:1px solid #000;
background:#fff url(/Images/paeds/ragged-left.gif) repeat-y left top;
}

.innerxPreschool{
background:transparent url(/Images/paeds/ragged-right.gif) repeat-y right top;
width:100%;
padding:1em 0;
}
.outerx p{padding:0 20px;margin:0 0 1em 0}

/* nifty corners */

div#nifty{ margin: 0 10%;background: #9BD1FA}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}