/* ------------------------------- */
/* GENERAL */
/* ------------------------------- */

	/* clearfixes */
	#top:after,
	#content:after,
	.featured .featuredcontent:after,
	form#searchDirectory .formSelectContainer:after,
	form#searchDirectory .formTextContainer:after,
	.school:after,
	.articleList dd:after,
	.home #infoForParents h2:after,
	.key li:after,
	.contactDetails:after,
	div.thumbnail:after,
	div.thumbnail .text:after {
		content: ".";
		display: block;
		height: 0;
		margin:0;
		padding:0;
		clear: both;
		visibility: hidden;
	}

	body{
		background: #FFF;
		/* PUT DEFAULT TEXT OPTIONS HERE */
		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;
		margin-top : 0;
		margin-bottom : 10px;
		padding-bottom : 0
	}
	.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;
	}

	h3.double {
		border-top: 1px solid #828282;
	}

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

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

	.microsite #rightColumn h3,
	.block h3,
	.school h3,
	.school dd {
		color: #5f5f5f;
	}

	a {
		color : #0d6aab;
	}

	p{
		margin-bottom: 1em;
	}

	ul, ol{
		padding-left: 2em;
		margin-bottom : 1em;
		clear : left;
	}

	.hr {
		clear : left;
	}

	.hr hr {
		border-top: solid 1px #CECECE;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		background: #FFF;
		margin: 1em 0 1em -5px;
		color: #FFF;
	}

	.clearer {
		clear : both;
		height : 1px;
	}

	.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{
		background: #FFF url("/images/furniture/header_back.png") 0 0 repeat-x;
	}

	div#header a img {
		border : none;
	}

	/* MAIN (TOP) NAVIGATION MENU */
		ul#mainmenu{
			background : #FFF url(/images/furniture/menu_bar.gif) 0 0 repeat-x;
			padding: 0 0 0 27px;
			height: 87px;
			clear: both;
			font-size: 1.18em;
			border-bottom : 1px solid #959795;
			margin : 0;
		}

		/*Different colour menu bar for each section*/
		.section1 ul#mainmenu{
			border-color : #a396eb;
			background-position : 0 -87px;
		}
		.section2 ul#mainmenu{
			border-color : #d66e9a;
			background-position : 0 -174px;
		}
		.section3 ul#mainmenu{
			border-color : #68c2dd;
			background-position : 0 -261px;
		}
		.section4 ul#mainmenu{
			border-color : #eeb46c;
			background-position : 0 -348px;
		}
		.section5 ul#mainmenu{
			border-color : #65c2a2;
			background-position : 0 -435px;
		}
		.section6 ul#mainmenu{
			border-color : #797cde;
			background-position : 0 -522px;
		}
		.section7 ul#mainmenu{
			border-color : #e27e7f;
			background-position : 0 -609px;
		}

			ul#mainmenu li{
				min-height: 59px;
				float: left;
				margin: 0 0 0 3px;
				list-style-type: none;
			}

				ul#mainmenu li a{
					background: #6152F1 url("/images/furniture/menu_background.gif") 0 0 repeat-x;
					display: block;
					padding: 18px 24px 0 13px;
					min-height: 41px;
					color: #FFF;
					text-decoration: none;
				}

				ul#mainmenu li a:hover{
					padding-top: 8px;
					min-height: 49px;
					border-bottom : 2px solid white;
				}

				ul#mainmenu li.active a, ul#mainmenu li.active a:hover{
					padding-top: 8px;
					min-height: 51px;
				}

				ul#mainmenu li.active a:hover {
					border-bottom : none;
				}

			/* Special colours and active states */
			.section1 ul#mainmenu li.section1 a, ul#mainmenu li.section1 a:hover{
				background-position: 0px -59px;
				background-color : #7a60f5;
			}

			ul#mainmenu li.section2 a{
				background-position: 0px -118px;
				background-color : #cb0b5c;
			}

			.section2 ul#mainmenu li.section2 a, ul#mainmenu li.section2 a:hover {
				background-position: 0px -177px;
			}

			ul#mainmenu li.section3 a{
				background-position: 0px -236px;
				background-color : #04a6dd;
			}

			.section3 ul#mainmenu li.section3 a, ul#mainmenu li.section3 a:hover{
				background-position: 0px -295px;
			}

			ul#mainmenu li.section4 a{
				background-position: 0px -354px;
				background-color : #fa8905;
			}

			.section4 ul#mainmenu li.section4 a, ul#mainmenu li.section4 a:hover{
				background-position: 0px -413px;
			}

			ul#mainmenu li.section5 a{
				background-position: 0px -472px;
				background-color : #00b477;
			}

			.section5 ul#mainmenu li.section5 a, ul#mainmenu li.section5 a:hover{
				background-position: 0px -531px;
			}

			ul#mainmenu li.section6 a{
				background-position: 0px -590px;
				background-color : #3b3ced;
			}

			.section6 ul#mainmenu li.section6 a, ul#mainmenu li.section6 a:hover{
				background-position: 0px -649px;
			}

			ul#mainmenu li.section7 a{
				background-position: 0px -708px;
				background-color : #f1353c;
			}

			.section7 ul#mainmenu li.section7 a, ul#mainmenu li.section7 a:hover{
				background-position: 0px -767px;
			}


	/* COURTESY NAV */
		div#cnav{
			background: #eaeeeb url("/images/furniture/cnav_back.png") 0 0 repeat-x;
			border-bottom: solid 1px #FFF;
			min-height: 25px;
			padding: 13px 0 0 27px;
			clear: both;
			position: relative;
		}

			div#cnav ul,
			.text h2 {
				font-size: 0.85em;
				padding: 0;
			}

			div#cnav ul {
				margin : 0;
			}

				div#cnav ul li{
					list-style-type: none;
					display: inline;
				}

				div#cnav ul li a{
					padding: 0 8px;
					border-left: dashed 1px #595959;
					color: #595959;
					text-decoration: none;
					min-width: 8em;
				}

				div#cnav ul li.first a{
					border: none;
				}

		/* SEARCH FORM */
			div#cnav form{
				float : right;
				width: 320px;
				font-size: 0.9em;
				margin-top : -4px;
				margin-right : 15px;
				display : inline;
			}

				div#cnav form label.sys_overlabel{
					margin-bottom: 6px;
				}

				div#cnav form label.sys_overlabel-apply{
					position: absolute;
					color: #595959;
					font-size: 0.9em;
					padding: 3px 4px;
				}

				div#cnav form input#searchwords{
					background: #FFF url("/images/furniture/input_back.png") left bottom repeat-x;
					border: solid 1px #b4b7b5;
					padding: 3px 4px;
					color: #595959;
					font-size: 0.9em;
					width: 215px;
					vertical-align: top;
				}

				div#cnav form input#search-submit{
					vertical-align: middle;
				}

				div#cnav form fieldset{
					float: right;
					border: none;
				}

				div#cnav form legend{
					display: none;
				}


/*---------------------------------- */
/* LAYOUT SECTION */
/*---------------------------------- */

	#wrapper{
		min-width: 760px;
		/*overflow : hidden;*/
	}

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

		/* inner */

			/* Generic content page layout  */
			/* 3 columns - Built as a 2 column layout inside a 2 column layout. Left column and right sidebar are fixed width*/
			#inner {
				/*float : left;
				display : inline; */
				padding-left : 191px;
				margin-top : 57px;
				position: relative;
			}

			.oneColumn #inner,
			.twoColSideBar #inner {
				padding-left: 30px; /* when no subnav */
			}

			/* rightColumn, leftColumn */

				/* styles common to all column layouts: */
				#rightColumn {
					border-top : 1px solid white;
					border-left: solid 1px #CECECE;
				}

				#leftColumn,
				#rightColumn {
					margin-bottom : 20px;
				}

				/* home page layout - 2 columns */
				.home #leftColumn {
					width : 66%;
					float : left;
					background-color : white;
				}

				.home #rightColumn {
					width : 34%;
					float : right;
					border : none;
				}

					#top {
						width : 100%;
						float : left;
					}

					/* topContent */
						#topContent {
							width : 50%;
							min-width : 50%;
							float : left;
						}

						.home #topContent {
							padding-top : 10px;
							background : url(/images/furniture/leftColumnGrad.png) no-repeat top right;
							border-top : 1px solid #fff
						}

							#topContent * {
								margin-left : 20px; /* DSL: changed from 27px */
								margin-right : 10px;
							}

							.home #topContent * {
								margin-left : 35px
							}

							#topContent * *,
							.home #topContent * *{
								margin : 0;
							}

							#topContent p,
							#topContent a,
							.microsite h2 {
								position: relative;
							}

						/* Different styles for #topContent when there is no image AND <h1> & <a> are on same line (inline) */
						#topContent.inlineHeading {
							min-width: 100%;
							width: 100%;
							/* duplicating h1 margin and padding, since now h1 is given display: inline these aren't working with them */
							margin-top: -46px;
							padding: 0.1em 0 0.5em;
						}

							/* Overrides #topContent * */
							#topContent.inlineHeading h1 {
								margin-left: 20px; /* might not need now. style.css has this rule. Did Stu change that? */
								margin-right: 17px;
							}

							#topContent.inlineHeading h2 {
								padding-top: 1em;
							}

							/* Overrides #topContent * */
							#topContent.inlineHeading a {
								margin: 0;
							}

							#topContent.inlineHeading h1,
							#topContent.inlineHeading a {
								display: inline;
							}

					/* topImage */
						#topImage {
							background: rgb(237, 241, 238)  no-repeat scroll 0pt 50%;
							height : 200px;
							width : 50%;
							min-width : 50%;
							float : left;
						}


						.home #topImage {
							height : 230px;
						}

						.microsite #topImage {
							width : 100%;
						}

						h1,
						.threeColumns #topImage,
						.twoColumns #topImage,
						.oneColumn #topImage {
							margin-top : -46px;
							position : relative;
						}

						/* appears in .microsite #rightCentral*/
						.microsite #topImage {
							margin-top: -5px;
							width: 50px;
							width: 100%;
							min-width: 100%;
						}

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

					#content.caseStudies {
						width: 100%;
					}

					/* centralHeader */
						#centralHeader {
							padding-left: 20px; /*2%*/
							width: 100%;
							margin-top: 0.2em;
						}

						.twoColSideBar #centralHeader {
							width: 63%;
						}

					/* centralContent */
						#content #centralContent{
							clear : both;
							padding-left : 20px;
							line-height : 1.3em;
							min-height: 30em; /* fixes prob of subNav getting cut off if too little content */
						}

						.twoColumns #centralContent,
						.oneColumn #centralContent {
							width: 98%;
						}

						.threeColumns #content #centralContent,
						.twoColSideBar #content #centralContent {
							width: 63%;
							float: left;
						}

						.microsite #centralContent {
							width: auto;
						}

						/* leftCentral, rightCentral */
							#leftCentral,
							#rightCentral {
								float: left;
								width: 35%;
								min-width: 35%;
								margin-bottom: 30px;
							}

							.microsite #leftCentral {
								width: 56%;
								min-width: 56%;
							}

							.microsite #rightCentral {
								width: 42%;
								min-width: 42%;
								float: right;
							}

								.microsite #rightCentral .block p{
									margin-right: 15px;}

					/* sideBar */
						.threeColumns #sideBar,
						.twoColSideBar #sideBar {
							width : 29%;
							float : left;
							margin: 0 0 0 3%;
							padding: 2em 0 35px 0;
						}

					/* subNav */
						#subNav {
							width : 159px;
							height: 1%;
							border-left: solid 1px #FFF;
							margin-left : 21px;
							position : absolute;
							top: 5px;
							left: 0;
						}


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

	/* corners */
		.tl, .tr, .br, .bl{
			background: transparent url("/images/furniture/corners.png") 0px -10px no-repeat;
			overflow: hidden;
			position: absolute;
			width: 6px;
			height: 7px;
		}

		.tl{
			top: 0px;
			left: 0px;
		}

		.tr{
			top: 0px;
			right: 0px;
		}

		.br{
			bottom: 0px;
			right: 0px;
		}

		.bl{
			bottom: 0px;
			left: 0px;
		}
	/* end of generic corners */


	/*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 p.intro {
				color : #00a4fe;
				padding-top : 0;
				margin-bottom : 10px
			}

			/* 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{
		background: #E8E8E8 url("/images/furniture/caption_back.png") left bottom repeat-x;
		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;
			}

	.featured{
		clear: both;
		background: #fefcd9 url("/images/furniture/featured_back.png") left bottom repeat-x;
		position: relative;
		margin: 1em 0;
	}

	.featured.first {
		margin-top: 0;
	}

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

			.featured .featuredcontent{
			border: solid 3px #f5f6da;
			padding: 0.7em 1em 0 1em;
		}

		#centralContent .featured .imgcaption{
			background: #edeebb url("/images/furniture/featured_caption_back.png") left bottom repeat-x;
		}

		.featured .tl{ background-position: -63px 0; }
		.featured .tr{ background-position: -70px 0; }
		.featured .br{ background-position: -77px 0; }
		.featured .bl{ background-position: -84px 0; }

	.downloads{
		clear: left;
		background: #e6fcf9 url("/images/furniture/downloads/download_bl.png") left bottom no-repeat;
		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 .tl{ background-position: -42px 0; }
		.downloads .tr{ background-position: -49px 0; }
		.downloads .br{ background-position: -56px 0; }

		.downloads .file{
			background: transparent url("/images/furniture/downloads/file_bl.png") left bottom no-repeat;
			position: relative;
			margin: 0 10px 5px 10px;
		}

			.downloads .file .tr{ background-position: -28px 0; }
			.downloads .file .tl{ background-position: -21px 0; }
			.downloads .file .br{ background-position: -35px 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;
			}

				span.pdf,
				span.pdflarge {
					display: block;
				}

			.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{
			background: #F8F8F8 url("/images/furniture/quote/quote_bl.png") left bottom no-repeat;
			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.quotecontainer .tl{ background-position: 0px 0px; }
			div.quotecontainer .tr{ background-position: -7px 0; }
			div.quotecontainer .br{ background-position: -14px 0; }

		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{
			background: #4b4b4b url("/images/furniture/related_back.png") bottom left repeat-x;
			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 h3 .tl, div#relatedSites h3 .tl{ background-position: -91px 0; }
			div#relatedLinks h3 .tr, div#relatedSites h3 .tr{ background-position: -98px 0; }
			div#relatedLinks h3 .br, div#relatedSites h3 .br{ background-position: -112px 0; }
			div#relatedLinks h3 .bl, div#relatedSites h3 .bl{ background-position: -105px 0; }

			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;
			}

/* appears on microsite intro page */
	#map {
		text-align: center;
	}

/* 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%;
	}

		.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*/
		}

		.school h3 {
			font-size: 1.38em;
		}

		.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*/
/* ---------------------------------------- */

	/*Information for parents on homepage*/
	.home #infoForParents {
		background : url(/images/furniture/informationForParents_back.png) repeat-x 0 0 #505351;
		border-bottom : 3px solid #d1d4d2;
		color : #e3e3e3;
		min-height : 92px;
		padding : 0;
		margin-bottom : 20px;
		position : relative;
		margin-top : 20px
	}

		.home #infoForParents h2{
			margin-left : 12px;
			margin-right : 12px
		}

		.home #infoForParents h2 span{
			text-indent : -10000px;
			float : left;
			height : 27px
		}

		.home #infoForParents h2 .information{
			background : url(/images/headings/information.png) no-repeat 0 0 transparent;
			width : 142px
		}

		.home #infoForParents h2 .for{
			background : url(/images/headings/for.png) no-repeat 0 0 transparent;
			width : 35px
		}

		.home #infoForParents h2 .parents {
			background : url(/images/headings/parents.png) no-repeat 0 0 transparent;
			width : 92px
		}

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

		.home #infoForParents a {
			width : 124px;
			height : 44px;
			color : white;
			background-color : transparent;
			float : right;
			text-indent : -10000px;
			position : absolute;
			bottom : -25px;
			right : 15px
		}

		.home #infoForParents abbr a,
		.home #infoForParents html\:abbr a {
			width : auto;
			height : auto;
			background-color : transparent;
			margin : 0;
			float : none;
		}

			.home #infoForParents a span{
				background : url(/images/buttons/findOutMore.png) no-repeat 0 0 transparent;
			}

	/*ARTICLE LISTS - used across the site for listing news and events etc*/
	/* ------------ */
	.articleList {
		float : left;
		width : 49.9%;
		margin-top : 20px
	}

	.twoColumns.twoColSideBar .articleList {
		width: 100%;
		margin-top: 0;
	}

	.articleList .inner {
		border-top : 1px solid #ccd0cd;
	}

	.home .articleList .inner {
		padding-left : 15px;
	}

	.articleList .inner.left {
		padding-left : 0;
		margin-right : 15px
	}

	.home .articleList .inner.left {
		margin-left : 27px;
		margin-right : 0
	}

	.home #rightColumn .inner {
		padding : 0 15px;
		border : 0
	}

	.articleList h2 {
		border-bottom : 1px solid #ccd0cd;
		margin-bottom : 3px;
		padding : 8px;
		color : #5c5b5b
	}

		.articleList h2 .date {
			display : block;
			color : #727272;
			font-size : 0.7em;
			padding-top : 4px
		}

		.articleList dt {
			background-color : #f5f8f6;
			text-transform : uppercase;
			font-style : normal;
			font-weight : bold;
			font-size : 0.85em;
			padding : 4px 8px;
			margin-bottom : 0.5em
		}

			.home .articleList dt.empty {
				height: 2px;
				padding: 0 8px;
				overflow: hidden;
			}

			.section7 .articleList dt.empty {
				background-color: #fff;
				padding: 0;
				height: 0;
				overflow: hidden;
			}

		.articleList dd {
			padding : 0 8px
		}

			.articleList h3 {
				margin-bottom : 0.75em
			}

			.articleList dd img,
			#centralContent .articleList dd img {
				float : right;
				margin : 0 -8px 8px 8px
			}

			.articleList dd a img {
				border: none;
			}


/*feature blocks in right column of homepage*/
			.home .featured {
				margin-top : 0
			}

				.home .featured img {
					float : right;
					margin : 0 0 8px 8px;
					border: none;
				}

				.home .featured p a {
					color : #2f3539
				}

			.featured span.date {
				text-transform : uppercase;
				font-style : normal;
				font-weight : bold;
				font-size : 0.85em;
				margin-bottom : 0.5em;
				display: block;
			}

			ul h3,
			dd h3,
			.home .featured 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;
			}


	/* appears on homepage and microsite page */
	.viewAll {
		float : right;
		padding-top : 7px;
		font-size : 0.85em;
		margin-right : 8px;
	}

	.home .viewAll {
		padding-top : 12px
	}

	.section3 .viewAll {
		float : none;
		font-size : 0.63em;
		letter-spacing : 0;
		margin-left : 10px;
	}

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

	/* this is used on a list page but is generic for any page that starts with a HR */
	#centralHeader .hr {
		margin-left: -5px;
	}

	p.searched,
	p.results {
		clear: both;
		margin-bottom: 0;
	}

	p.searched {
		margin-top: 0;
	}

	p.results {
		margin-top: 6px;
	}

		p.results.bottom {
			margin-top: 1.2em;
		}

		p.results span,
		p.searched span {
			font-weight: bold;
		}

		p.searched span {
			margin-right : 20px;
		}

/* PAGINATION */
	.pagination-container {
		float: left;
		margin-top: 1.3em;
		margin-bottom: 1.3em;
		width: 70%;
	}

		.pagination-container p {
			float: left;
			margin-bottom: 0;
		}

		.pagination-container li,
		.pagination-container ul {
			display: inline;
			clear : none;
			padding-left: 0; /* overriding style.css generic ul */
			margin : 0;
		}

		.pagination-container li.first {
			padding-left: 12px;
		}

		.pagination-container li {
			padding-left: 8px;
		}

			.pagination-container li,
			.pagination-container li a {
				font-size: 1em;
			}

		ul.pagination1 {
			float: left;
		}

		ul.pagination2 {
			float: right;
		}

		#centralHeader ul.pagination2 {
			padding-right : 2%; /*2% padding because central header is 100% of the main width compared to 98% for maincontent*/
		}

		.twoColSideBar #centralHeader ul.pagination2 {
			padding-right: 0;
		}

			ul.pagination2 li.next {
				background: transparent url(/images/furniture/bg_pagination_li.png) no-repeat 0 3px;
				padding-left: 14px;
			}

			ul.pagination2 li.previous {
				padding-right: 8px;
			}

/* HeaderBar - this is the greyed boxed heading */
	.headerBar {
		clear: both;
		font-size: 1.38em;
		color: #5c5b5b;
		border-top: 1px solid #ccd0cd;
		background: #ececec url(/images/furniture/bg_heading.png) 0 0 repeat-x;
		padding: 5px 5px 5px 10px;
		margin-left: -10px;
		line-height : normal;
	}

	#sideBar .headerBar {
		margin-left: 0;
	}

	.headerBar.textAsset {
		margin-bottom: 0.5em;
	}

/* Tabbed Header*/
	ul#tabbedHeaderBar {
		background: transparent url(/images/furniture/bg_heading_tabbed.png) 0 20px repeat-x;
		padding: 20px 0 0 5px;
		margin: 0 0 0 -5px;
		height: 62px;
		clear: both;
		min-width: 100%;
	}

		ul#tabbedHeaderBar li {
			float: left;
			margin: 0 2px 0 0;
			list-style-type: none;
		}

			ul#tabbedHeaderBar li a {
				background: #c4c4c4 url("/images/furniture/bg_tabbed_heading.png") 0 0 repeat-x;
				display: block;
				padding: 5px 12px;
				color: #FFF;
				text-decoration: none;
				font-size: 1.24em;
			}

			ul#tabbedHeaderBar li.active a {
				background: #f5f5f5 url("/images/furniture/bg_tabbed_heading_active.png") 0 0 repeat-x;
				color: #4f4e4e;
			}


/* ------------------------------- */
/* CENTRAL CONTENT */
/* ------------------------------- */

/* backToTop link */
	#centralContent .pageAnchor {
		width: 70%;
		min-width: 70%;
	}

		#centralContent p.backToTop {
			font-size: 0.85em;
			/* like right pagination ul */
			text-align: right;
			padding-bottom: 13px;
			margin: 5px 0 0 0; /*8px but its showing 3px offset*/
			clear: both; /* Used for the 'case study themes' page only */
		}


	/* DL-19MAR2008 - do we need .twoColumns selector? I have a feeling we do not */
	.twoColumns #centralContent .hr,
	.oneColumn #centralContent .hr,
	#centralHeader .hr {
		display: block;
		height: 0px;
		margin: 0 0 0 -5px;
		padding: 0;
		border-top: 1px solid #CECECE;
		overflow: hidden;
	}

/* - Case study page - About the Schools section */
	.school { /*Clearfix applied to this element*/
		margin: 19px 10px 0 20px;
		background: #fff url(/images/furniture/bg_school_border.png) repeat-x left bottom;
		padding-bottom: 7px;
	}

	.school.languages .first td {
		padding-top: 10px;
	}

	.school.languages td {
		padding: 5px 10px 0;
	}

	.school.last {
		background: none;
	}

		.school dl {
			padding-top: 11px;
		}

			.school dt,
			.school dd {
				border-top: 1px solid #cecece;
				float: left;
				padding: 7px 0;
				min-height: 1.5em;
			}

			.school dt {
				width: 30%;
				min-width: 30%;
				color: #828282; /* h2 default color */
				clear: left;
				font-style: normal;
			}

			.school dd {
				width: 70%;
				min-width: 70%;
				font-size: 1.07em;
			}

				.school dd ul {
					padding : 0;
					margin : 0;
				}

				.school dd li {
					list-style-type : none;
					list-style-position : outside;
				}


	.smallBoxContainer {
		clear: both;
	}

		.smallBox {
			float: left;
			width: 48%;
		}

		.smallBox.right {
			float: right;
		}

			.smallBox ul {
				margin: 15px 10px 20px 20px;
				padding-left: 0;
			}

				.smallBox li {
					list-style-type: none;
					margin-bottom: 5px;
				}

		.smallBoxContainer p.backToTop,
		div.thumbnail p.backToTop {
			padding-right: 10px;
		}

/* ------------------------------- */
/* SUBNAV */
/* ------------------------------- */

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

	#subNav li {
		list-style-type : none;
		border-bottom: solid 1px #FFF;
		list-style-position : outside;
	}

	#subNav a {
		display : block;
		padding-left : 12px;
		padding-top : 3px;
		padding-bottom : 3px;
		color : #5c5c5c;
		text-decoration : none;
	}

	#subNav li a.active,
	#subNav li a:hover {
		background-color : #a3a405;
		color : white;
	}

		#subNav li ul{
			margin-top: 4px;
		}

		#subNav li li a{
			padding-left : 19px;
			font-size : 0.92em;
		}

		#subNav li li a.active,
		#subNav li li a:hover {
			background-color : #f7f7d4;
			border-left : 3px solid #d2d21c;
			padding-left : 16px;
			color : black;
		}


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

	#footer {
		border-top : 1px solid white;
		min-height : 132px;
		clear : both;
		background : url(/images/furniture/footer_back.png) repeat-x bottom left #eff1f0;
		font-size : 0.85em;
		font-weight : bold;
		color : #6d6c6c;
		padding-left : 25px;
	}

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

		#footer h2 {
			font-size : 1em;
			font-weight : bold;
			color : #6d6c6c;
			margin-top : 4px;
			margin-bottom : 5px;
		}

		#footer a {
			text-decoration : none;
			color : #6d6c6c;
		}

		#footer .left {
			float : left;
		}

			#footer .left li{
				list-style-type : none;
				margin-bottom : 2px;
				list-style-position : outside;
			}

		#footer .right {
			float : right;
			width : 543px;
		}

			#footer .right h2 {
				text-transform : uppercase;
			}

			#footer .right li{
				list-style-type : none;
				float : left;
				margin-right : 15px;
				display : inline;
			}

				#footer .right li a{
					cursor : pointer;
				}

					#footer .right li a img {
						border:none;
					}

/* ------------------------------- */
/* WRAPPER SECTION */
/* ------------------------------- */

	/* section 1 */
	.section1 p.intro, .section1 #topContent a {	color : #654cd3;}
	.section1 #subNav li a.active,	.section1 #subNav li a:hover {	background-color : #7a5ef4;	}
	.section1 #subNav li li a.active, .section1 #subNav li li a:hover {	background-color : #f3f0ff;	border-left : 3px solid #7559f1;}
	.section1 div#relatedLinks h3{ background: #8266fb url("/images/furniture/related_backs/s1.png") left bottom repeat-x;}
	.section1 div#relatedLinks h3 .tl{ background-position: 0px -7px; }
	.section1 div#relatedLinks h3 .tr{ background-position: -7px -7px; }
	.section1 div#relatedLinks h3 .br{ background-position: -14px -7px; }
	.section1 div#relatedLinks h3 .bl{ background-position: -21px -7px; }

	/* section 2 */
	.section2 p.intro, .section2 #topContent a  {	color : #c50254;}
	.section2 #subNav li a.active,	.section2 #subNav li a:hover {	background-color : #eb1273;	}
	.section2 #subNav li li a.active, .section2 #subNav li li a:hover {	background-color : #fff2f8;	border-left : 3px solid #ca0558;}
	.section2 div#relatedLinks h3{ background: #e91c72 url("/images/furniture/related_backs/s2.png") left bottom repeat-x;}
	.section2 div#relatedLinks h3 .tl{ background-position: -28px -7px; }
	.section2 div#relatedLinks h3 .tr{ background-position: -35px -7px; }
	.section2 div#relatedLinks h3 .br{ background-position: -42px -7px; }
	.section2 div#relatedLinks h3 .bl{ background-position: -49px -7px; }

	/* section 3 */
	.section3 p.intro, .section3 #topContent a  {	color : #019dd3;}
	.section3 #subNav li a.active,	.section3 #subNav li a:hover {	background-color : #07bbf9;	}
	.section3 #subNav li li a.active, .section3 #subNav li li a:hover {	background-color : #e8f9ff;	border-left : 3px solid #059dd0;}
	.section3 div#relatedLinks h3{ background: #06b3ee url("/images/furniture/related_backs/s3.png") left bottom repeat-x;}
	.section3 div#relatedLinks h3 .tl{ background-position: -56px -7px; }
	.section3 div#relatedLinks h3 .tr{ background-position: -63px -7px; }
	.section3 div#relatedLinks h3 .br{ background-position: -70px -7px; }
	.section3 div#relatedLinks h3 .bl{ background-position: -77px -7px; }


	/* section 4 */
	.section4 p.intro, .section4 #topContent a  {	color : #fb9018;}
	.section4 #subNav li a.active,	.section4 #subNav li a:hover {	background-color : #ff9933;	}
	.section4 #subNav li li a.active, .section4 #subNav li li a:hover {	background-color : #fef3e7;	border-left : 3px solid #f8a950;}
	.section4 div#relatedLinks h3{ background: #fc992a url("/images/furniture/related_backs/s4.png") left bottom repeat-x;}
	.section4 div#relatedLinks h3 .tl{ background-position: -84px -7px; }
	.section4 div#relatedLinks h3 .tr{ background-position: -91px -7px; }
	.section4 div#relatedLinks h3 .br{ background-position: -98px -7px; }
	.section4 div#relatedLinks h3 .bl{ background-position: -105px -7px; }

	/* section 5 */
	.section5 p.intro, .section5 #topContent a  { color : #03b275;}
	.section5 #subNav li a.active,	.section5 #subNav li a:hover {	background-color : #04ac73;	}
	.section5 #subNav li li a.active, .section5 #subNav li li a:hover {	background-color : #9de4cb;	border-left : 3px solid #029563;}
	.section5 div#relatedLinks h3{ background: #03b275 url("/images/furniture/related_backs/s5.png") left bottom repeat-x;}
	.section5 div#relatedLinks h3 .tl{ background-position: -112px -7px; }
	.section5 div#relatedLinks h3 .tr{ background-position: -119px -7px; }
	.section5 div#relatedLinks h3 .br{ background-position: -126px -7px; }
	.section5 div#relatedLinks h3 .bl{ background-position: -133px -7px; }

	/* section 6 is the default */
	.section6 p.intro, .section6 #topContent a  { color : #1a1ba4;}
	.section6 #subNav li a.active,	.section6 #subNav li a:hover {	background-color : #2122b6;	}
	.section6 #subNav li li a.active, .section6 #subNav li li a:hover {	background-color : #dcdcf9;	border-left : 3px solid #2122d5;}
	.section6 div#relatedLinks h3{ background: #3b3ced url("/images/furniture/related_backs/s6.png") left bottom repeat-x;}
	.section6 div#relatedLinks h3 .tl{ background-position: -168px -7px; }
	.section6 div#relatedLinks h3 .tr{ background-position: -175px -7px; }
	.section6 div#relatedLinks h3 .br{ background-position: -182px -7px; }
	.section6 div#relatedLinks h3 .bl{ background-position: -189px -7px; }

	 /* section 7 */
	.section7 p.intro, .section7 #topContent a  {	color : #f2222a;}
	.section7 #subNav li a.active,	.section7 #subNav li a:hover {	background-color : #f93e45;	}
	.section7 #subNav li li a.active, .section7 #subNav li li a:hover {	background-color : #feeff0;	border-left : 3px solid #f14249;}
	.section7 div#relatedLinks h3{ background: #f93e45 url("/images/furniture/related_backs/s7.png") left bottom repeat-x;}
	.section7 div#relatedLinks h3 .tl{ background-position: -140px -7px; }
	.section7 div#relatedLinks h3 .tr{ background-position: -147px -7px; }
	.section7 div#relatedLinks h3 .br{ background-position: -154px -7px; }
	.section7 div#relatedLinks h3 .bl{ background-position: -161px -7px; }


/* ------------------------------- */
/* OTHER */
/* ------------------------------- */
.microsite #content {
	width: 99.9%!important;
}


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

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

	p.transcript_toggle {
		position : absolute;
		top : 245px;
		left : 0;
		margin-bottom : 20px;
	}

	div.thumbnail {
		border-top: 1px solid #828282;
		margin: 0 -5px;
		padding: 0.5em 5px 1em;
	}

	div.thumbnail.first {
		border: none;
		padding-top: 0;
	}

		div.thumbnail h3.title {
			padding: 0;
			font-size: 1.08em;
			border: none;
			margin-left: 0;
		}

		div.thumbnail img.thumb {
			float: left;
			width: 169px;
		}

		div.thumbnail .text {
			float: none;
			width: auto;
		}

			div.thumbnail .text div.link {
				float: left;
			}

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

		.videoHolder {
			height: 264px;
			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,
				.thumbnail span img {
					border: 0;
				}

			.text .link p {
				margin-left : 3.6em;
			}

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

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

		.transcript {
			margin-bottom : 33px;
		}

			.transcript h3 {
				padding-top : 1em;
				/*border-bottom : none;
				margin-bottom : 0;
				padding-bottom : 0;*/
			}

/* ------------------------------- */
/*  MAP */
/* ------------------------------- */
	#map div {
		margin-left : auto;
		margin-right : auto;
		width : 315px;
		height : 388px;
		background : url(/images/furniture/mapBackground.png) no-repeat 0 0;
		position : relative;
	}
		#map div li {
			list-style-type : none;
			padding : 0;
		}

			#map div a {
				position : absolute;
				color : #5c5c5c;
				text-decoration : none;
				font-size : 1.55em;
				cursor : pointer;
				width : 23px;
				height : 22px;
				overflow : hidden;
				z-index : 1;
			}

			#map div a .pin {
				position : relative;
				width : 23px;
				height : 22px;
				display : block;
				background : url(/images/furniture/mapPin.png) no-repeat 5px 5px;
				overflow : hidden;
				z-index : 1;
			}

			#map div a .label {
				background : url(/images/furniture/mapLocationLabel.png) no-repeat 0 0;
				display : block;
				position : absolute;
				left : -10000px;
				width : 129px;
				height : 75px;
				z-index : 2;
			}

			#map div a:hover {
				overflow : visible;
				z-index : 2;
			}

			#map div a:hover .label {
				position : absolute;
				top : -66px;
				left : -14px;
				padding-top : 12px;
			}

/* ------------------------------- */
/*  IMAGE MAP */
/* ------------------------------- */
	#ukMap {
		margin-left : auto;
		margin-right : auto;
		width : 315px;
		height : 388px;
		position : relative;
	}

		#ukMap img {
			border: none;
			margin: 0;
			padding: 0;
		}

/* ------------------------------- */
/*  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;
				background-color : white;
				border: solid 1px #b4b7b5;
				font-family: arial, sans-serif;
				color : #5c5b5b;
				font-size : 1em;
				width : 13.25em;
				height : 1.55em;
			}

			form#searchDirectory .formTextContainer input {
				background: #FFF url("/images/furniture/input_back.png") left bottom repeat-x;
				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,
	.section4 #sideBar,
	.section6 #sideBar,*/
	#sideBar.level {
		padding-top : 0;
	}

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

	.section4 .school strong {
		font-weight : normal;
		color: #FB9018;
	}

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

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

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

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

	.section2 .inlineHeading p,
	.section4 .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 {
		background-color : transparent;
		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;
	}

	.section4 table {
		margin-bottom: 7px;
	}

	.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;
		background-image : url(/images/furniture/tableStripe.png);
		background-repeat : repeat-x;
		background-position : bottom left;
	}

	tr.last td,
	tr.last th {
		background-image: none;
	}

	td {
		font-size : 0.87em;
	}

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

	.odd .oneRow td,
	.even .oneRow td {
		background-image : url(/images/furniture/tableStripe.png);
		background-repeat : repeat-x;
		background-position : bottom left;
		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;
	}


	tbody.odd td {
		background : none;
	}

	tbody.even td {
		background-color : #f7faf8;
		background-image : none;
	}

	tbody.even .last td,
	tbody.odd .last td,
	tbody.even th,
	tbody.odd th {
		background-image : url(/images/furniture/tableStripe.png);
		background-repeat : repeat-x;
		background-position : bottom left;
	}

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

	.section4 #generalInfoTable.school table {
		margin-left : -20px;
	}

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

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

	.school tbody.even td {
		background : none;
	}

	.school tbody.even .last td {
		background-image : url(/images/furniture/tableStripe.png);
		background-repeat : repeat-x;
		background-position : bottom left;
	}

	.school tbody .last td,
	.school tbody .last th,
	.school tbody .oneRow td,
	.school tbody .oneRow th,
	.school tbody.oneRow th {
		background : none;
	}

	/*Contact details in sidebar*/
	.contactDetails {
		margin : 15px 10px 20px 20px;
	}

	.section4 .contactDetails {
		margin: 15px 10px 20px 15px;
	}

	.contactDetails dt {
		position : absolute;
		left : -10000px;
	}

	.contactDetails dd {
		margin-bottom : 5px;
	}

	.contactDetails dt.tel {
		position: static;
		left: auto;
		font-size: 1em;
		font-style: normal;
		float: left;
		clear: both;
		margin-right: 5px;
	}

	.contactDetails dd.tel {
		clear: none;
	}

	/*.contactDetails .tel {
		position : static;
		left : auto;
		display : inline;
		font-size : 1em;
		font-style : normal;
	}*/

/* ------------------------------- */
/* ERROR 404 PAGE */
/* ------------------------------- */

	#error404 {
		padding-left: 20px;
		padding-bottom: 0.5em;
	}

/* ------------------------------- */
/* Glossary Terms */
/* ------------------------------- */
#mainContent a.glossary {
	position : static;
}

#mainContent html\:abbr,#mainContent abbr  {
	margin : 0;
}

html\:abbr a,abbr a {
	text-decoration : none;
	border-bottom : 1px dashed #84b5e9;
}

dl.glossary dd {
	border-bottom: solid 1px #CECECE;
	margin-bottom : 15px;
}


/* ------------------------------- */
/* Events Calendar */
/* ------------------------------- */
#calendarContainer {
	margin: 10px;
	float: left;
}

#eventsCalendar {
	border-bottom : 3px solid #eee;
	width : 160px;
	float : left;
	position : relative;
}

#eventsCalendar table {
	table-layout : fixed;
	width : 160px;
	margin : 0
}

	#eventsCalendar th,
	#eventsCalendar td {
		background-image : none;
		text-align : center;
		padding : 2px 3px;
		border : 2px solid #fff;
		font-size : 10px;
	}

	#eventsCalendar .month th {
		background-color : #eee;
		font-size : 11px;
		color : #464646;
		padding : 0;
		height : 23px;
	}

		#eventsCalendar .month th div {
			position : relative;
			border-bottom : 2px solid #d9d9d9;
			height : 21px
		}

		#eventsCalendar .month .monthLink {
			text-decoration: none;
			color: #595959;
		}

		#eventsCalendar .month .prev,
		#eventsCalendar .month .next {
			position : absolute;
			top : 0;
			width : 20px;
			height : 21px;
			overflow : hidden;
			background-color : #d9d9d9;
			background-repeat : no-repeat;
			background-position : center center
		}

		#eventsCalendar .month .prev {
			left : 0;
			text-indent : -10000px;
			background-image : url(/images/buttons/previous.png)
		}

		#eventsCalendar .month .next {
			right : 0;
			text-indent : -10000px;
			background-image : url(/images/buttons/next.png)
		}

	#eventsCalendar .days th {
		background-color : #4f5150;
		border-top : none;
		color : #fff
	}

	#eventsCalendar td {
		background-color : #e4e4e4;
		color : #464646
	}

	#eventsCalendar td.event {
		padding: 0;
	}

		#eventsCalendar td a.dateLink {
			text-decoration: none;
			color: #fff;
			display: block;
			padding: 2px 3px;
		}

	#eventsCalendar .empty {
		background-color : #f2f2f2
	}

	/*######################################
		altered by sunya 18/03/2009
		#eventsCalendar table td.multiple,
		dt.multiple span,
		.key li.multiple span	{
			background-color : #fca28f
	}*/

	#eventsCalendar table td.event,
		.event dt.multiple span,
		.key li.event span	{
			background-color : #fca28f
	}

	#eventsCalendar table td.single,
		.single dt span,
		.key li.single span {
			background-color : #ea383b
		}

	/*######################################*/
	#eventsCalendar table td.today,
	.today span {
		background-color : #008bd2
	}

	#eventsCalendar table td.today,
	#eventsCalendar table td.single {
		color : #fff
	}

	/*Events calendar popout*/
	.popout {
		position : absolute;
		width : 276px;
		border : 4px solid #d9d9d9;
		background-color : #fff;
		/*margin-left : -295px;*/
		/*margin-top : -36px;*/
		text-align : left;
		font-size : 1.31em
	}

		td .popout {
			left : -10000px;
		}

		.popout .arrow {
			width : 16px;
			height : 31px;
			background : transparent url(/images/furniture/calendarArrow.png) no-repeat 0 0;
			float : right;
			margin : 8px -16px 0 0;
		}

		.popout h2 {
			border : 0;
			font-size : 1.55em;
			margin : 8px 0 0 8px
		}

		.popout dl,
		.popout dt {
			padding-left : 10px;
		}

		.popout dt {
			background-color : transparent;
			color : #565656;
			font-size : 0.85em;
			padding-top : 10px;
			margin : 0
		}

		.popout dd {
			border-bottom : 1px solid #bebebe;
			padding-bottom : 10px;
			padding-left : 39px;
			font-size : 0.92em;
			color : #565656;
		}

			.popout dd a {
				color : #565656;
				text-decoration : none;
			}

		.popout dd.last {
			border-bottom : 0
		}

	/*Events calendar key*/
	.key {
		width : 160px;
		background-color : #fdfade;
		border-bottom : 3px solid #f1f0da;
		float : left;
		margin-top : 10px;
		padding-top : 10px
	}

		.key ul {
			padding-left : 10px;
		}

			.key li {
				list-style-type : none;
				clear : left;
				margin-bottom : 10px
			}

				.key li span,
				.popout dt span {
					width : 21px;
					height : 21px;
					display : block;
					float : left;
					margin-right : 8px
				}

/* ------------------------------- */
/* E-Conference */
/* ------------------------------- */

	#econference {
		padding: 2em 0 0 0;
	}

		#econference img {
			border: none;
		}

		#econference h2 {
			margin-bottom: 0.5em;
			position: relative;
		}

			#econference h2 img {
				margin: 0;
				position: absolute;
				top: 5px;
				right: 5px;
			}

		#econference h3 {
			font-size: 16px;
			color: #5c5b5b;
			border: none;
			padding-bottom: 0;
		}

		/* answer questions button prompt container */

		#econference .answerPrompt {
			border-top: 1px solid #cecece;
			padding: 10px 10px 0;
			margin: 0 0 1em -10px;
		}

			#econference .answerPrompt img {
				margin: 0 1em 0 0;
			}

			#econference .answerPrompt p {
				margin: 3px 0 0 0;
			}

		/* each question container */

		#econference div.questionContainer.closed {
			margin-bottom: 2.7em
		}

			#econference div.answer.first {
				border: none;
				padding-top: 0;
			}

			#econference div.answer {
				border-top: 1px solid #cecece;
				margin-bottom: 1em;
				margin-left: -10px;
				padding: 1em 10px 0;
			}

				#econference dt,
				#econference dd {
					display: inline;
					font-style: italic;
					font-size: 0.92em;
				}

				#econference dd {
					padding-right: 7px;
				}

		/* the form errors div */

		#econference .errors {
			padding: 0 10px 0;
			margin: 0 0 1em -10px;
			border-top: 1px solid #cecece;
		}

			#econference .errors div {
				background: #fffde8 url(/images/furniture/econfErrors.png) repeat-x left bottom;
				margin: 1px -10px 0 -10px;
				padding: 0.5em 10px;
			}

				#econference .errors ul {
					padding-left: 0;
					margin-bottom: 0;
				}

					#econference .errors li {
						list-style-type: none;
					}

						#econference .errors li strong {
							color: #e40046;
						}

		/* the form */

		#econferenceForm fieldset {
			border: 0;
		}

			/* top horizontal inputs block */

			#econferenceForm div.formInputContainer,
			#econferenceForm div.questionContainer fieldset {
				padding-right: 10px;
			}

				#econferenceForm div.formInputContainerLeft,
				#econferenceForm div.formInputContainerRight {
					float: left;
					width: 48%;
					margin-bottom: 2.2em;
				}

				#econferenceForm div.formInputContainerRight {
					float: right; /* override to left float style */
				}

			/* form controls/inputs */

			#econferenceForm label {
				display: none;
			}

			#econferenceForm input {
				width: 100%;
				height: 23px; /*27px - 4px top padding */
				border: 1px solid #b6b6b6;
				padding: 4px 0 0 4px;
			}

			#econferenceForm textarea {
				width: 100%;
				height: 128px; /*132px - 4px top padding */
				border: 1px solid #b6b6b6;
				margin-bottom: 1em;
				padding: 4px 0 0 4px;
			}

			#econferenceForm #submitEconf {
				width: 52px;
				height: 22px;
				border: none;
				padding: 0;
			}

			/* error highlighting */

			#econference textarea.error,
			#econference input.error {
				background-color: #fcefee;
			}