/* ------------------------------- */
/* PRINT STYLESHEET - shares much of normal stylesheet, but with complex layout sections removed */
/* ------------------------------- */

	body{
		background: #FFF;
		font-family: arial, sans-serif;
		font-size: .82em;
		color: #595959;
	}

	/*Headings*/
	h1,h3,h4,h5,h6 {
		color : #5c5b5b;
		font-weight : normal;
		clear: left;
	}

	h1 {
		font-size : 1.85em;
		padding : 0.1em 0 0.5em 0;
		letter-spacing:  -1px;
	}

	h2 {
		font-weight : normal;
		font-size : 1.53em;
		color : #828282;
		padding: 0.5em 0 0.3em 0;
		letter-spacing:  -1px;
	}
    .home h1 {
    	font-size: 2.18em;
	}
	.home h2 {
		color : #5c5b5b;
	}

	h3{
		font-weight : normal;
		font-size : 1.38em;
		color : #828282;
		padding: 0.5em 0 0.5em 5px;
		border-bottom: solid 1px #828282;
		margin: 0 0 0.5em -5px;
		line-height: 1.1em;
	}

	h4 {
		font-weight : bold;
		font-size : 1.07em;
	}

    dt{
    	font-size: 1.2em;
    	font-style: italic;
    	margin-bottom: 0.3em;
	}

	.hide {
		position : absolute;
		left : -10000px;
	}

	*,
	.school h3,
	.school h2 {
		margin: 0;
		padding: 0;
	}

	.ir {
		position : relative;
		display : block;
		overflow : hidden;
	}

	.ir span {
		position : absolute;
		display : block;
		width : 100%;
		height : 100%;
		top : 0;
		left : 0;
	}


/* ------------------------------- */
/* HEADER */
/* ------------------------------- */

	div#header a img {
		border : none;
	}

	/* MAIN (TOP) NAVIGATION MENU */
		ul#mainmenu{
			display : none;
			visibility : hidden;
		}

	/* COURTESY NAV */
		div#cnav{
			display : none;
			visibility : hidden;
		}


		/* SEARCH FORM */
			div#cnav form{
				display : none;
				visibility : hidden;
			}


		#mainContent {
			border-top : 1px solid #ccd0cd;
			border-bottom : 1px solid #cecece;
		}


						#topImage {
							display : none;
							visibility : hidden;
						}

				/* content */
					#content{
						padding-top: 0.5em;
					}

					/* subNav */
						#subNav {
							display : none;
							visibility : hidden;
						}

/* ------------------------------- */
/* CONTENT STYLES */
/* ------------------------------- */


	/*Introduction paragraphs (different colour in each section)*/
		p.intro {
			font-size : 1.23em;
			line-height: 1.4em;
		}

			h1 + p.intro{
				padding-top: 12px;
			}

			p.intro strong{
				font-weight : normal;
			}

			.home #leftColumn p.intro {
				color : #00a4fe;
			}

			/* multiple paragraphs have margin-bottom of (0.2em) 3px (but is acually 8px) apart from the last paragraph (which is just before the content) that has margin-bottom of 1em */
			p.multiple {
				margin-bottom: 0.2em;
			}

		/* see end for section specific colour over-rides */

	#centralContent img, #centralContent .imgcaption{
		float: left;
		margin: 4px 1em 1em 0;
	}


	#centralContent .imgcaption{
		font-size: 0.85em;
		line-height: 1.3em;
		width: 318px;
		min-width: 318px;
	}

			#centralContent .imgcaption img,
			#map img {
				float: none;
				margin: 0;
			}

			#centralContent .imgcaption dd{
				margin: 0;
				padding: 4px 10px 8px 10px;
			}

	.threeColumns .featured,
	.twoColumns .featured{
		clear: both;
		position: relative;
		margin: 1em 0;
	}

	.section4 .featured {
		margin-right : 5px;
	}

		.threeColumns .featured .featuredcontent,
		.twoColumns .featured .featuredcontent{
			border: solid 3px #f5f6da;
			display: inline-table;
			padding: 0.7em 1em 0 1em;
		}

	.downloads{
		clear: left;
		margin: 0 0 1em 0;
		padding: 13px 0 5px 0;
		position: relative;
	}

		.downloads h3{
			border: 0;
			padding: 0 0 0.6em 10px	;
			margin: 0;
			font-size: 1.6em;
		}

		.downloads p{
			margin: 0;
		}

			.downloads .file .link{
				 padding: 10px 9px 9px 45px;
				 font-size: 0.78em;
				 position: relative;
			}

			.downloads .file .link img{
				position: absolute;
				border: 0;
				top: 10px;
				left: 11px;
			}

			.downloads .file .link h4{
				overflow: hidden;
				font-size: 1.3em;
			}

			.downloads .file .link h4 a{
				text-decoration: none;
				font-weight: bold;
				color:  #5c5b5b;
			}

			.downloads .file .desc{
				 padding: 0px 12px 12px 12px;
				 font-size: 0.9em;
			}

			#centralContent .downloads .file .desc,#centralContent .downloads .file .link{
				 padding-left: 70px;
			}

			.downloads .file .desc h5{
				font-size: 0.78em;
			}

		div.quotecontainer{
			clear: both;
			position: relative;
			margin-bottom: 1em;
		}

			div.quotecontainer blockquote{
				padding: 14px 20px 5px 20px;
				font-family: Georgia, serif;
				font-size: 1.23em;
				line-height: 1.45em;
			}

			div.quotecontainer cite{
				display: block;
				text-align: right;
				padding: 0 35px 12px 0;
				font-style: italic;
				font-size: 0.87em;
			}

		div.wideimage{
			clear: both;
			overflow: hidden;
			margin-bottom: 1em;
		}

			#centralContent div.wideimage img{
				border: 0;
				margin: 0;
				float: none!important;
			}

		/* default grey although Links varies based on section */
		div#relatedLinks h3, div#relatedSites h3{
			margin-left: 0px;
			padding: 7px 12px;
			position: relative;
			color: #FFF;
			border: 0;
			font-size: 1.23em;
		}

		div#relatedLinks h4, div#relatedSites h4{
			font-size: 1em;
			margin-bottom: 0.2em;
		}

		div#relatedSites h4{
			margin-bottom: 1em;
		}

			div#relatedLinks .link,  div#relatedSites .link{
				padding: 1em 1em 0  1em;
				border-top: solid 1px #CECECE;
			}

			div#relatedLinks .first,  div#relatedSites .first{
				padding-top: 0;
				border: none !important;
			}

/* BLOCK styles */
/* ------------ */

	/* general block */
	.block {
		margin-right: 10px;
		width: 70%;
		min-width: 70%;
	}

	/* case studies themes page */
	#leftCentral .block,
	#rightCentral .block {
		width: auto;
	}

	#leftCentral .block {
		padding-right: 5%;
	}

	#rightCentral .block {
		padding-left: 5%;
	}

	/* microblog pages */
	.blog .block {
		width: 100%;
		min-width: 100%;
		margin-bottom: 18px;
	}

	/* microsite page */
	.microsite #rightCentral .block {
		padding-left: 5px;
		clear: both;
	}

		.block h3,
		.microsite #rightCentral .block h3 {
			padding-top: 1.2em;
		}

		.block h3,
		.school h3 {
			padding-bottom: 0;
			margin-bottom: 0.4em;
			border: 0;
			font-size: 1.1em;
		}

			.block h3 a {
				color: #0d6aab;
				text-decoration: underline;
			}

		.searchResults .block h3 {
			font-size: 1.07em; /*14px*/
		}

		.blog .block h3,
		.microblog #sideBar .upcomingEvents h2,
		.school h3 {
			font-size: 1.38em;
		}

		.blog .block h3 {
			padding-top: 0;
			padding-bottom: 8px;
			border-bottom: 1px solid #CCD0CD;
		}

		.block h2,
		.school h2,
		.school dt {
			font-size: 0.85em;
		}

		.searchResults .block h2 {
			padding: 1.2em 0 0;
		}

		.block p {
			margin-bottom: 0;
		}

		.searchResults .block a.url {
			font-size: 0.82em;
		}


/* ------------ */


/* ---------------------------------------- */
/* HOME CONTENT ELEMENTS */
/* and other pages that share these styles*/
/* ---------------------------------------- */

/* leftColumn content mainly */
	.home #leftColumn * {
		margin : 0 15px 10px 27px;
		padding : 0 0 0 7px;
		line-height : 1.3em;
	}

		/* elements that are within elements of leftColumn */
			.home #leftColumn * * {
				margin : 0;
				padding : 0;
			}

	/*Information for parents on homepage*/
	.home #leftColumn #infoForParents {
		border-bottom : 1px solid #737673;
		color : #e3e3e3;
		min-height : 92px;
		padding : 0;
		margin-top : 25px;
		margin-bottom : 20px;
	}

		.home #leftColumn #infoForParents p {
			font-size : 0.92em;
			padding : 0 12px 12px 12px;
		}

		.home #leftColumn #infoForParents a {
			display : none;
			visibility : hidden;
		}

	/*Featured articles and upcoming events*/
	.home #leftColumn .featured {
		margin-left : 20px;
		height : 1%;
		clear : left;
	}

	.home #leftColumn .featured li {
		padding-left : 10px;
	}

	/* ------------ */
	.home #leftColumn .featured h2,
	.home #rightColumn .upcomingEvents h2,
	.microblog #sideBar .upcomingEvents h2 {
		width : 50%;
		float : left;
		padding: 0 0 8px 10px;
	}

	.blog .block h3,
	.microblog #sideBar .upcomingEvents h2 {
		font-size: 1.38em;
	}

	.home #rightColumn .upcomingEvents {
		padding-top : 20px;
		clear : left;
	}

	.microblog #sideBar .upcomingEvents {
		clear: both;
	}

	/* ------------ */

	/* appears on homepage and microsite page */
	.viewAll {
		display : none;
		visibility : hidden;
	}

	.home #leftColumn .featured ul,
	.home #rightColumn .upcomingEvents dl,
	.microblog #sideBar .upcomingEvents dl {
		border-top : 1px solid #ccd0cd;
		clear : both;
	}

		.home #leftColumn .featured ul li {
			list-style-type : none;
			clear : both;
			border-bottom : 1px solid #ccd0cd;
			padding-top : 15px;
			padding-bottom : 15px;
			min-height : 100px;
		}

		.home #leftColumn .featured ul li.video h3, .hasVideo h3 {
			padding-right : 40px;
		}

			ul h3,
			dd h3 {
				font-size : 1em;
				font-weight: bold;
				padding: 0px;
				margin: 0 0 0.5em 0 !important;
				border: 0;
			}

			ul p,
			dd p{
				margin-bottom: 0.75em;
			}

			.home #leftColumn .featured ul img {
				left : -140px;
				top : 0;
				position : absolute;
			}

			.home #leftColumn .featured ul li p.type {
				text-transform : uppercase;
				color : #737373;
				font-size : 0.85em;
				margin-bottom : 3px;
			}

			.home #leftColumn .featured ul li p {
				position : relative;
				margin-left : 140px;
				color : #5a5a5a;
				font-size : 0.92em;
			}

/* PAGINATION */
	.pagination-container {
		display : none;
		visibility : hidden;
	}

/* Tabbed Header*/
	ul#tabbedHeaderBar {
		display : none;
		visibility : hidden;
	}


		#centralContent p.backToTop {
			display : none;
			visibility : hidden;
		}

/* ------------------------------- */
/* PARTNER SCHOOLS */
/* ------------------------------- */

	#sideBar .articleList {
		clear: both;
	}


/* ------------------------------- */
/* FOOTER SECTION */
/* ------------------------------- */

	#footer {
		border-top : 1px solid white;
		min-height : 132px;
		clear : both;
		font-size : 0.85em;
		font-weight : bold;
		color : #6d6c6c;
		padding-left : 25px;
	}

		#footer ul{
			padding: 0;
			margin : 0;
		}

		#footer .left ul{
			display : none;
			visibility : hidden;
		}



/* ------------------------------- */
/* VIDEO ASSET */
/* ------------------------------- */

	/* generic site-wide style */
	.block h2,
	.text h2 {
		letter-spacing: 0;
	}

	p.transcript_toggle {
		clear: both;
	}

	div.video {
		display: inline;
		float: left;
		padding-left: 320px;
		position: relative;
		margin-bottom: 33px;
	}

		.videoHolder {
			height: 212px;
			float: left;
		}

			.flashVideo {
				/*height: 1%;*/
				left: 0pt;
				position: absolute;
				top: 5px;
				width: 300px;
			}

		.text {
			float: left;
			width: 100%;
		}

			/* text h2 styles combined with div#cnav ul */

			.text .link h3 {
				border: 0;
				font-size: 1.23em;
				margin: 0;
				padding: 0.5em 0 0 2.27em;
			}


			.text .link h4 {
				margin-bottom: 2px;
				font-size: 1em;
			}

				.video span img {
					border: 0;
				}

			.text .link p {
				font-size: 0.77em;
				margin-bottom: -0.3em;
			}

				.text .link p span {
					font-weight: bold;
				}

/* ------------------------------- */
/*  MAP */
/* ------------------------------- */
	#map {
		display : none;
		visibility : hidden;
	}

/* ------------------------------- */
/*  SCHOOL DIRECTORY SEARCH FORM   */
/* ------------------------------- */
	form#searchDirectory {
		border : none;
		margin-left : 20px;
		padding-top : 20px;
		margin-bottom : 20px;
	}

		form#searchDirectory fieldset {
			border : 0;
		}

		form#searchDirectory .formSelectContainer,
		form#searchDirectory .formTextContainer { /*Clearfix applied to this element*/
			display : block;
			clear : both;
			font-size : 1.07em;
			margin-top : 9px;
		}

			form#searchDirectory  .formSelectContainer label,
			form#searchDirectory .formTextContainer label {
				color : #c41d64;
				width : 12em;
				float : left;
			}

			form#searchDirectory select,
			form#searchDirectory .formTextContainer input {
				float : left;
				border: solid 1px #b4b7b5;
				font-family: arial, sans-serif;
				color : #5c5b5b;
				font-size : 1em;
				width : 13.25em;
				height : 1.55em;
			}

			form#searchDirectory .formTextContainer input {
				padding: 3px 4px;
				width : 12.5em;
			}

			form#searchDirectory #ps_submit {
				margin-top : 9px;
				clear : both;
				font-size : 1em;
				margin-left : 12.9em;
			}

/* --------------------------------------- */
/*  SCHOOL DIRECTORY SEARCH RESULT LISTING */
/* --------------------------------------- */
		.searchResults .resultColumn {
			float : left;
			width : 63%;
			padding-right : 3%;
		}

		.searchResults .resultColumn.right {
			width : 30%;
		}

		.searchResults .resultColumn strong {
			font-style : italic;
		}


/* ------------------------------- */
/*  SCHOOL DIRECTORY SEARCH RESULT */
/* ------------------------------- */

	.section2 #sideBar {
		padding-top : 0;
	}

	.section2 .school strong {
		color : #cb0b5c;
		font-weight : normal;
	}

	.section2 .school {
		background : none;
		margin-top : 0;
	}

	.section2 #topContent .block {
		margin-top : 20px;
		margin-bottom : 5px;
	}

	.section2 #topContent .block h2 {
		margin : 0;
		padding : 0;
	}

	.section2 #topContent .block h3 {
		margin : 0;
		padding : 0;
		font-size : 1.61em;
	}

	.section2 .inlineHeading p {
		padding-top : 1em;
	}

	.school dt.first,
	.school dd.first {
		border-top : none;
	}

	.school#generalInfoTable table {
		margin-left : 0;
	}

	.school#generalInfoTable th {
		font-size : 0.8em;
		padding-left : 0;
	}

	.school#generalInfoTable td {
		padding-left : 0;
	}

	.school#generalInfoTable .last td,
	.school#generalInfoTable .last th{
		background : none;
	}

	.school#generalInfoTable li {
		list-style-type : none;
	}

	.school#generalInfoTable ul {
		padding : 0;
		margin : 0;
	}


	/*Tables*/
	table {
		text-align : left;
		width : 100%;
		font-size : 1.07em;
		border-collapse : collapse;
		padding : 0;
		margin-bottom : 25px;
		table-layout : fixed;
	}

	.caption {
		position : absolute;
		left : -10000px;
	}

	th {
		text-transform : uppercase;
		color : #747474;
		font-size : 0.8em;
		padding-bottom : 5px;
		font-weight : normal;
	}

	thead th {
		padding-top : 20px;
	}


	tbody.odd tr.first td,
	tbody.even tr.first td,
	tbody.odd tr.first th,
	tbody.even tr.first th {
		padding : 10px 15px 0 10px;
	}

	tr.last td,
	tr.last th,
	tbody.odd tr.last td,
	tbody.even tr.last td,
	tbody.odd tr.last th,
	tbody.even tr.last th {
		padding-bottom : 10px;
	}

	td, th {
		vertical-align : top;
		padding : 10px;
	}

	td {
		font-size : 0.87em;
	}

	.even td,
	.even .oneRow td {
		background-color : #f7faf8;
	}

	.odd .oneRow td,
	.even .oneRow td {
		padding : 10px;
	}

	tfoot th {
		text-transform : none;
		font-size : 0.91em;
	}

	/*Overrides for grouped rows - removes striping from each row and puts it on the whole group*/
	tbody.odd td,
	tbody.even td {
		padding : 0 10px 0 10px;
	}

	/*Overrides for schools table*/
	.school table {
		margin-left : -15px;
	}

	.school td {
		font-size : 1em;
	}

	.school tbody th {
		text-transform : none;
		font-size : 1em;
	}

	/*Override for events calendar*/
	div.eventsCalendarSection {
		display : none;
	}