@import url(admin/admin-style.css); /*-- DO NOT REMOVE --*/

* {
	font-family: Arial, Verdana, sans-serif;
}

/* the below class is to ensure that there are always scrollbars in mozilla-based browsers, which ensures that a centered site
    doesn't jump about all over the place dependant on the length of the page */
html {
	height: 100%;
	margin-bottom: 1px;
}

.arrows { width: 12px; }
.extranetfeaturehalfwidthtitle { width: 161px; }

body {
	background-color: #DDE1E3;
	margin: 0px;
	padding: 0px;
	font-size: 70%;
	color: #002664;
}

form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

input, textarea, select {
	font-size: 100%;
	color: #636467;
}

p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 1em;
	padding-bottom: 0px;
}

a { color: #002664; }
a:hover { text-decoration: underline; }
a.noul { text-decoration: none; }

h1 {
	font-size: 120%;
	margin-bottom: 1em;
	margin-top: 1em;
	padding-bottom: 0px;
	padding-top: 0px;
}
.maintext h1 { font-size: 100%; }
h1.listingvacancydetailstitle {
	margin-top: 0px;
	padding-top: 1em;
}
h2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
h2 { font-size: 100%; }
h3 { font-size: 110%; }
h4 { font-size: 105%; }
h5 { font-size: 100%; }
h6 {
	font-size: 100%;
	font-weight:normal;
}

/* Simple classes - dereferencing single style parameters to avoid inline styles */
.bold { font-weight: bold; }
.clearboth { font-size: 0px; line-height: 1px; clear: both; }
.clearbothbasic { clear: both; }
.clearleft { clear: left; }
.floatleft { float: left; }
.floatright { float: right; }
.invisible { display: none; }
.smallertext { font-size: 90%; }
.paddingbottom { padding-bottom: 0px; }
.paddingtop { padding-top: 11px; }
.center { text-align: center; }
.marginbottom { margin-bottom: 10px; }
.valignmiddle { vertical-align: middle; }
.right { text-align: right; }
.largertext { font-size: 105%; }
.noborder { border: 0px !important; }
.nopadding { padding: 0px !important; }
.nomargin { margin: 0px !important; }
.whitetext { color: white; }
.whiteborder { border: 1px solid white; }
.bordertop { border-top: 6px solid white; }
.borderright { border-right: 4px solid white; }

.container {
	background-image: url(images/content_bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	border-bottom: 6px solid white;;
}

.content {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
}

.header, .extranetheader {
	background-color: #002664;
	padding: 5px 0px 10px 16px;
	border-bottom: 3px solid white;
	margin-left: auto;
	margin-right: auto;
}

.extranetheader {
	background-color: #008BD0 !important;
}

.headerleft {
	width: 388px;
}

.headerright {
	width: 375px;
	padding-top: 18px;
}

.headersearchtext {
	float: left;
	width: 127px;
	padding: 0px 0px 0px 3px;
	margin-right: 3px;
}

.headersubmitbutton {
	padding-top: 0.2em;
	float: left;
}

.quicklinks {
	float: left;
	width: 161px;
	padding-left: 20px;
	margin-right: 3px;
}

.quickLinksDD {
	width: 161px;
	padding: 0px 0px 0px 3px;
}

.logo {
	position: relative;
	top: 11px;
}

.headerlinks {
	padding-top: 12px;
	width: 375px;
}

.headerlinks, .headerlinks a {
	color: white;
	font-weight: bold;
}

.headerlinks ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.headerlinks ul li {
	display: inline;
}

.breadcrumbs, .extranetbreadcrumbs {
	padding-left: 63px;
	color: #BFC9D8;
}

.extranetbreadcrumbs {
	color: #BFE2F3 !important;
}

.breadcrumbs a, .extranetbreadcrumbs a {
	font-weight: bold;
	color: #BFC9D8;
}

.extranetbreadcrumbs a {
	color: #BFE2F3 !important;
}

.footer {
	width: 767px;
	padding: 10px 0px 30px 20px;
	margin-left: auto;
	margin-right: auto;
	color: #303030;
}

.footertop {
	background-image: url(images/footer_dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 8px;
}

.footerbottom {
	padding-top: 8px;
}
.wai_approved {
	float:right;
	margin-right:40px;
	display:inline; /* IE Fix */
}

.borderpic {
	border: 1px solid #00388F;
}

.margin_leftpic {
	margin: 0px 13px 10px 0px;
}

/* landing page classes */
.landingpageintro {
	border-top: 1px solid white;
	border-bottom: 6px solid white;
	background-color: #008BD0;
	width: 779px;
	margin-left: auto;
	margin-right: auto;
}

.landingpage_non_foundation_top_row {
	border-top: 1px solid white;
	border-bottom: 6px solid white;
}

.landingpageimage {
	border-right: 6px solid white;
}

.landingpage3features {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/landingpage3featuresbg.gif);
	background-repeat: repeat-y;
	background-position: top;
}

.landingpage_feature_inner {
	padding: 15px 15px 0px 15px;
}

.landingpage_feature_inner p {
	margin-top: 0.2em;
	padding-top: 0px;
	margin-bottom: 1em;
	padding-bottom: 0px;
}

.landingpage_feature1 {
	width: 201px;
	margin-right: 6px;
}

.landingpage_feature2 {
	margin-right: 5px;
	width: 284px;
}

.landingpage_feature3 {
	width: 283px;
}
/* end landing page classes */

/* follow-on page classes */
.threecols, .twocols, .singlecol, .staffparentslanding, .trusteeslanding, .todaysvisitors {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
}

.threecols { background-image: url(images/threecols_bg.gif); }
.twocols { background-image: url(images/twocols_bg.gif); }
.singlecol { background-image: url(images/singlecol_bg.gif); }
.staffparentslanding {	background-image: url(images/staff_parents_landing_bg.gif); }
.trusteeslanding { background-image: url(images/trustees_landing_bg.gif); }
.todaysvisitors {
	background-image: url(images/todays_visitors_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ECF6FA;
}

.nav {
	width: 201px;
	margin-right: 6px;
	border-top: 1px solid white;
}

.threecolscontent {
	width: 344px;
	padding: 12px 8px;
	margin-right: 5px;
	border-top: 1px solid white;
}

.singlecolcontent {
	width: 400px;
	padding: 12px 8px;
	margin-right: 5px;
	border-top: 1px solid white;
}

.twocolscontainer {
	width: 572px;
}

.twocolscontent {
	width: 556px;
	padding: 12px 8px;
	border-top: 1px solid white;
}

.extranetlandingpagecontent {
	width: 779px;
	border-top: 1px solid white;
}

.twocolscontentnopadding {
	width: 560px;
	border-top: 1px solid white;
	padding-left: 12px;
	padding-bottom: 8px;
}

.twocolscontentnopadding div {
	padding-right: 12px;
}

.todaysvisitorscontainer {
	background-color: white;
	margin: 25px 85px 60px 85px;
	padding: 17px;
}

.todaysvisitorsinnercontainer {
	background-image: url(images/light_blue_dot.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 1px;
	padding-bottom: 1px;
}

.todaysvisitorsinnercontainertwo {
	background-image: url(images/light_blue_dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.todaysvisitorscontent {
	background-image: url(images/todays_visitors_list_sides_bg.gif);
	background-position: top;
	background-repeat: repeat-y;
	padding: 20px 30px;
}

.threecolsright {
	width: 207px;
	border-top: 1px solid white;
}

.navheader {
	border-bottom: 2px solid white;
	background-color: #002664;
	padding: 10px 12px;
	color: white;
	font-size: 120%;
	font-family: verdana;
	font-weight: bold;
	width: 177px;
}

.bottomseparator {
	background-image: url(images/blue_dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 12px;
}

.topseparator {
	background-image: url(images/blue_dot.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.maintext {
	padding-top: 20px;
}

.maintext img {
	border: 1px solid #002664;
	margin-right: 10px;
	margin-bottom: 5px;
}

.leadfeature {
	background-color: #008BD0;
	border-bottom: 6px solid white;
}

.leadfeaturetext {
	padding: 15px 8px;
	color: white;
}

.leadfeaturetext a {
	color: white;
}

.smallfeature {
	background-color: #A0DFFF;
	padding: 11px 8px 8px 8px;
	border-bottom: 6px solid white;
}

.smallfeatureimg {
	border: 1px solid white;
	margin-right: 8px;
	margin-bottom: 3px;
}

.documentlist {
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

.documentlistitem {
	padding: 5px 0px;
}

.fileicon {
	width: 26px;
}
/* end follow-on page classes */

/* Homepage Styles */
.homepage_header {
	background-color:#FFFFFF;
	padding: 5px 0px 10px 16px;
	border-bottom: 3px solid white;
	margin-left: auto;
	margin-right: auto;
}
.homepageintro {
	border-top: 1px solid white;
	border-bottom: 6px solid white;
	background-color: #FFFFFF;
	width: 779px;
	margin-left: auto;
	margin-right: auto;
}
.homepage_gateway {
	float:left;
	margin-left:15px;
	display:inline;
	width:762px;
	background-image:url(images/gateway_text_bg.gif);
	background-repeat:repeat-y;
	background-position:2px top;
}
.homepageheaderleft {
	width: 380px;
}
.homepageheaderright {
	width: 350px;
	padding-top: 18px;
	float:left;
}
.homepageheaderright p {
	margin:0px;
	padding:0px;
	display:inline;
}
.homepageheaderright h1 {
	display:inline;
	margin:0px;
	padding:0px 3px 0px 0px;
}
.gateway_item {
	float:left;
	width:189px;
}
.gateway_image {
	float:left;
	display:inline; /* IE Fix */
	padding-left:2px;
}
.gateway_image img {
	vertical-align:top;
}
.gateway_button {
	float:left;
	width:177px;
}
.gateway_button_top {
	width:177px;
	float:left;
}
.gateway_button_top img {
	vertical-align:baseline;
}
.gateway_middle_motif {
	margin-left:5px;
	margin-right:5px;
	display:inline;
}
.gateway_middle_motif img {
	vertical-align:middle;
}
.gateway_middle {
	width:167px;
	background-image:url(images/homepage_button_middle.gif);
	background-repeat:repeat-y;
	background-position:left top;
	padding:5px 5px 5px 5px;
}
.gateway_middle a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.gateway_middle a:hover {
	text-decoration:underline;
}
.gateway_button_bottom {
	width:177px;
	float:left;
}
.gateway_button_bottom img {
	vertical-align:top;
}
.gateway_text {
	float:left;
	margin-left:12px;
	margin-top:10px;
	display:inline; /* IE Fix */
	width:153px;
	color:#002664;
}
.gateway_bottom {
	float:left;
	width:175px;
	background-color:#FFFFFF;
	height:20px;
}

/* End Homepage Styles */

/* Start NEWS styles */
.news_listing_header_bar {
	float:left;
	width:572px;
	background-color:#C5EAFC;
	border-top:solid 5px #FFFFFF;
	border-bottom:solid 5px #FFFFFF;
	font-weight:bold;
}
.listing_bar_text {
	text-transform:uppercase;
	margin:10px 0px 10px 10px;
	font-size:120%;
}
.no_top_border {
	border-top:1px;
}
.news_listing_header_bar h1 {
	text-transform:uppercase;
	margin:10px 0px 10px 10px;
	padding:0px;
}
.event_navheader {
	margin-top:10px;
	border-bottom: 2px solid white;
	background-color: #002664;
	padding: 10px 12px;
	color: white;
	font-size: 120%;
	font-family: verdana;
	font-weight: bold;
	width: 177px;
}
.pagenums {
	margin-left:10px;
	padding:2px 4px 2px 4px;
	background-color:#FFFFFF;
}
.activepagenum {
	background-color: #002664;
	color:#FFFFFF
}


/* *** start of News listing styles *** */
.news_listing {
	float:left;
	width:555px;
	margin-bottom:8px;
}
.news_separator {
	background-image: url(images/blue_dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.news_thumb {
	width:80px;
	float:left;
	padding-bottom:10px;
}
.news_thumb img {
	border:1px solid #002664;
}
.news_title a {
	text-decoration:none;
	font-weight:bold;
}
.news_title a:hover {
	text-decoration:underline;
}
.news_arrow {
	width:15px;
}
.news_date_title {

}
.news_text {

}
.news_text p {
	display:inline;
	margin:0px;
	padding:0px;
}
.news_text_wide {

}

.news_item_image {
	padding-right:10px;
	padding-bottom:10px;
}
.news_item_image img {
	border:1px solid #002664 !important;
}

.newsitempagingcontent {
	width: 556px;
	padding: 1em 8px 1em 8px;
	border-top: 1px solid white;
	background-color: #C5EAFC;
	border-bottom: 4px solid white;
}

/* *** end of News listing styles *** */

.news_menu_item {

}
.news_menu_child {

}

.newseventcontent {
	width: 556px;
	padding: 12px 8px;
	border-top: 5px solid white;
	border-bottom: 5px solid white;
	background-color: #DDEDF8;
}

.newsitemcontent {
	width: 556px;
	padding: 12px 8px;
	border-top: 5px solid white;
}

.news_item_date_title {
	padding-bottom: 12px;
}

.news_item_h1 {
	margin: 0px;
	padding: 0px;
}

/* End NEWS styles */

.pagingButton {
	float: left;
	background-color: #BBE2F8;
	border: 1px solid #199CE3;
	padding:0.1em 2em 0.1em 2em;
}

.pagingButtonSmall, .pagingButtonSmallInactive {
	float: left;
	background-color: #BBE2F8;
	padding:0.1em 0.2em 0.1em 0.2em;
}

.pagingButtonSmall {
	border: 1px solid #199CE3;
}

.pagingButtonSmallInactive {
	border: 1px solid #BBE2F8;
}

.valignmiddle {
	vertical-align: middle;
}

/* job vacancy classes */
.listingvacancy {
	padding-bottom: 1em;
	border-bottom: 2px solid white;
}

.listingvacancy img {
	border: 1px solid #00388F;
}

.listingvacancydetails {
	line-height: 1.5em;
	padding-bottom: 0.4em;
}

.sendyourdetails {
	float: right;
	width: 209px;
	padding: 18px;
	background-color: #C5EAFC;
	border-left: 3px solid white;
	border-bottom: 3px solid white;
}

/* form classes */
.formrow {
	clear: left;
	float: left;
	width: 556px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 4px;
}

.bookingform {
	margin-top: 1em;
}

.bookingformrow {
	clear: left;
	float: left;
	width: 335px;
	margin-bottom: 4px;
}

.bookingformdescription {
	float: right;
	width: 210px;
}

.bookingformdescription label {
	width: 200px;
	font-weight: bold;
}

.bookingformdescription textarea {
	width: 200px;
}

.bookingformrow .widelabel {
	float: left;
	font-weight: bold;
	width: 130px;
	padding-top: 0.3em;
}

.bookingformrow .narrowfield {
	float: left;
	width: 200px;
}

.bookingformrow .narrowfield input {
	width: 195px;
}

.formsubmitrow, .bookingformsubmitrow {
 	background-color: #C5EAFC;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	margin-top: 30px;
	margin-bottom:20px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left:107px;
}

.bookingformsubmitrow {
	padding-left: 137px;
}

.narrowlabel {
	float: left;
	width: 100px;
}

.widefield {
	float: left;
	width: 456px;
}

.button {
	display: block;
	float: left;
	color: white;
	font-size: 95%;
	font-weight: bold;
	padding: 2px 8px 4px 8px;
	text-decoration: none !important;
	background-color: #008BD0;
}

input.button {			/* note that padding on these buttons is wrong in opera, but changing it makes it wrong in IE. */
	padding: 1px 0px 2px 0px;
}

.forminput {
	float: left;
	margin-bottom: 5px;
}

.narrowformcol {
	float: left;
	width: 70px;
	clear: left;
	padding: 3px 10px 3px 0px;
	margin-bottom: 5px;
	vertical-align: top;
}

.wideformcol {
	float: left;
	width: 160px;
	clear: left;
	padding: 3px 10px 3px 0px;
	margin-bottom: 5px;
	vertical-align: top;
}

/* sitemap classes */
h1.sitemap {
	background-color: #A0DFFF;
	padding: 10px 25px;
	color: #002664;
	text-transform: uppercase;
	margin: 0px;
	border-top: 1px solid white;
	border-bottom: 3px solid white;
	width: 522px;
}

.sitemap ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: #C5EAFC;
}

.sitemap ul img {
	margin-right: 8px;
}

.sitemap ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.sitemap ul li {
	background-image: url(images/sitemap_dot.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.sitemap ul li div {
	width: 537px;
	padding: 10px 10px 7px 25px;
}

.sitemap ul ul li {
	background-color: #E8F6FF;
	background-image: none;
}

.sitemapbottomborder {
	background-image: url(images/sitemap_dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

/* search styles */
.searchResultsIntro {
	border-top: 2px solid white;
	padding: 8px 13px 8px 25px;
}

.searchResults {
	width: 572px;
	border-bottom: 7px solid white;
}

.searchResults ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.searchResults ul li {
	border-top: 7px solid white;
	background-color: #C5EAFC;
}

.searchSectionTitle {
	padding: 4px 25px;
}

.searchResults ul li a {
	color: #002664;
}

.searchlist {
	border-top: 7px solid white;
	background-color: #E8F6FF;
}

.searchresult {
	padding: 4px 5px 4px 35px !important;
}

.searchpagingcontent {
	width: 522px;
	padding: 12px 25px;
	border-top: 7px solid white;
	background-color: #C5EAFC;
	color: #002664;;
	font-weight: bold;
}

.pagingIntro {
	width: 100px;
}

.login {
	width: 450px;
	margin-left: 150px;
}

/* job interest form */
.jobinterestform {
	padding: 8px 5px 6px 13px;
}

.interestformfield {
	padding-left: 5px;
	color: #002664;
}
/* extranet landing page styles */
.extranetlandingleftcol {
	width: 371px;
	padding-right: 5px;
}

.extranetlandingrightcol {
	width: 402px;
}

.extranetlandingnewshighlights {
	border-bottom: 5px solid white;
	padding: 8px 12px;
	width: 348px;
}

.extranetlandingeventshighlights {
	padding: 8px 12px;
	width: 348px;
}

.extranetlandingnewslisting {
	width: 348px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.extranetnewslistingfirstitem {
	margin-top: 7px;
	padding-top: 10px !important;
	padding-bottom: 8px !important;
}

.extraneteventslistingfirstitem {
	margin-top: 7px;
}

.extranetlandingnewsseparator {
	background-image: url(images/blue_dot.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.extranetnewslistingnewsthumb {
	width: 70px;
	float: left;
	margin-right: 10px;
	padding-bottom: 10px;
}

.extranetnewslistingnewsthumb img {
	border: 1px solid #002664 !important;
}

.extranetlandingpagetopfeature {
	background-color: #0393FF;
	padding: 11px 13px;
	border-bottom: 5px solid white;
	width: 376px;;
	color: white;
}

.extranetlandingpagemidfeatures {
	background-image: url(images/extranet_landing_page_mid_features_bg.gif);
	background-repeat: repeat-y;
	border-bottom: 5px solid white;
	width: 402px;
}

.extranetlandingpagemidfeature {
	float: left;
	width: 199px;
	color: white;
}

.extranetlandingpagemidfeaturetext {
	padding: 11px 13px;
}

.extranetlandingpagebottomfeature {
	border-bottom: 5px solid white;
	width: 376px;
	padding: 11px 13px;
}

.extranetfeaturelistingthumb {
	width: 70px;
	float: left;
	margin-right: 10px;
	padding-bottom: 10px;
}

.extranetfeaturelistingthumb img {
	border: 1px solid white !important;
}

.extranetlandingfeaturetext {
	padding-top: 5px;
}

.extranetlandingpagemidfeature img {
	border: 0px;
}

.trusteeslandingtext {
	padding: 30px 40px;
}

.trusteeslandingtext h1 { margin: 0px 0px 1em 0px; padding: 0px; }

.todayvisitor {
	margin-left: 3px;
	padding-bottom: 0.6em;
}
.todayvisitortitle { padding: 0.6em 0px; }
/* we use borders rather than margins as the div that floats alongside has a background image which ends up occupying
the images' margin if we use a margin. with a border, the two can't overlap */
.childphoto {
	border-right: 10px solid #E8F6FF;
	border-bottom: 10px solid #E8F6FF;
}

.childphoto img {
	border: 1px solid #002644;
}