body {
	background: URL('img/bg-texture-01.jpg');
	font-family: verdana, Arial, sans-serif;
	font-size:14px;
	color:#333;
}

p { line-height:22px; margin:2px 0 8px 0; }
a { text-decoration:none; color:#1D6E9C; }
a:hover { color:#00AEFF; }

a.linkcall {
	padding:8px 38px 8px 8px;
	background:#1D6E9C url(img/icon-sprite.png) no-repeat right 8px;
	color:#FFF;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
a.linkcall:hover {
	background-color:#b00100;
}

#home h1 {
	font-size:24px;
	line-height:30px;
	letter-spacing:-1px;
	font-weight:400;
	margin:16px 0 0 0;
}	#home h1 span { font-weight:600; }

h2 { font-size:24px; line-height:18px; letter-spacing:-1px; margin:32px 0 8px 0; }
h3 { font-size:18px; line-height:20px; border-bottom:1px solid; clear:both; }
h4 { font-size:16px; font-weight:600; }
h5 { font-size:14px; font-weight:600; }

.clear {clear:both;}

#home h1, #home h2, #home h3, #home h4, #home h5 { color:#1D6E9C; border-color:#1D6E9C; }
#home #mini-hero h1 { background:#1D6E9C; }

#about h2, #about h3, #about h4, #about h5 { color:#BA2A2A; border-color:#BA2A2A; }
#about h1 { background:#BA2A2A; }

#provision h2, #provision h3, #provision h4, #provision h5 { color:#E39D2F; border-color:#E39D2F; }
#provision h1 { background:#E39D2F; }

#primary h2, #primary h3, #primary h4, #primary h5 { color:#499329; border-color:#499329; }
#primary h1 { background:#499329; }

#secondary h2, #secondary h3, #secondary h4, #secondary h5 { color:#004973; border-color:#004973; }
#secondary h1 { background:#004973; }

#news h2, #news h3, #news h4, #news h5 { color:#CD5F23; border-color:#CD5F23; }
#news h1 { background:#CD5F23; }

#parents h2, #parents h3, #parents h4, #parents h5 { color:#BD2A69; border-color:#BD2A69; }
#parents h1 { background:#BD2A69; }

#contact h2, #contact h3, #contact h4, #contact h5 { color:#6440AD; border-color:#6440AD; }
#contact h1 { background:#6440AD; }


p.leading {
	font-size:18px;
	font-weight:300;
	line-height:24px;
	margin-top:16px;
}

#masthead {
	width:976px;
	margin:0 auto;
	overflow:hidden;
	padding:24px 0;
}

	#masthead #logo {
		display:block;
		width:550px;
		height:28px;
		float:left;
		background:url(img/blanche-nevile-school-logo.png) no-repeat center;
}

	#masthead p {
		clear:both;
		font-size:14px;
		color:#FFF;
		font-weight:600;
		margin:0 0 0 3px;
}

#navigation {
	width:992px;
	height:56px;
	margin:0 auto;
	pading:0;
	list-style:none;
	position:relative;
	/* GnasheR Overrides */
	top: 66px;
}
	/* DEFAULT MENU START COLOUR */	
	#home #navigation { background:url(img/red.png) no-repeat center; }
	
	#about #navigation { background:url(img/red.png) no-repeat center; }
	#provision #navigation { background:url(img/orange.png) no-repeat center; }
	#primary #navigation { background:url(img/green.png) no-repeat center; }
	#secondary #navigation { background:url(img/blue.png) no-repeat center; }
	#news #navigation { background:url(img/brown.png) no-repeat center; }
	#parents #navigation { background:url(img/pink.png) no-repeat center; }
	#contact #navigation { background:url(img/purple.png) no-repeat center; }

	#navigation li { display:inline-block; position:relative; float:left; }
	
		#navigation li a {
			font-size:14px;
			line-height:18px;
			color:#FFF;
			text-shadow:0 0 3px rgba(0,0,0,.16);
			font-weight:600;
			display:block;
			float:left;
			padding:15px 16px;
}
		#navigation li#nav-home:hover a { background:#1D6E9C; }
		#navigation li#nav-red:hover a { background:#BA2A2A; }
		#navigation li#nav-orange:hover a { background:#E39D2F; }
		#navigation li#nav-green:hover a { background:#499329; }
		#navigation li#nav-blue:hover a { background:#004973; }
		#navigation li#nav-brown:hover a { background:#CD5F23; }
		#navigation li#nav-pink:hover a { background:#BD2A69; }
		#navigation li#nav-end-menu:hover a { background:#6440AD; }
		
		#navigation li.active a { background:rgba(255,255,255,.16); }

		#navigation li ul.sub-navigation {
			display:none;
			position:absolute;
			width:260px;
			background:#1D6E9C;
			z-index:5;
			margin:48px 0 0 0;
			padding:0;
			letter-spacing:-1px;
			float:left;
}		
#navigation li:hover ul.sub-navigation { display:block; }

			#navigation li ul.sub-navigation li, #navigation li ul.sub-navigation li a {
				display:block;
				float:none;
}			
#navigation li ul.sub-navigation li { border-bottom:1px solid #FFF; }
			
#navigation li ul.sub-navigation li:last-child { border-bottom:none; }


#navigation li ul.sub-navigation li:hover a { color:#1D6E9C; background:#ddd !important; text-shadow:none; }

/* -- This stops the last sub-nav going off the page -- */
#navigation li#nav-end-menu ul.sub-navigation { margin-left:-132px; }


.drop-shadow {
  -moz-box-shadow: 3px 3px 4px #444;
  -webkit-box-shadow: 3px 3px 4px #444;
  box-shadow: 3px 3px 4px #444;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}
.haze-shadow {
	-moz-box-shadow: 0 0 3px 3px #666;
	-webkit-box-shadow: 0 0 3px 3px #666;
	box-shadow: 0 0 3px 3px #666;
}

#page {
	width:944px;
	margin:0 auto;
	padding:8px 16px;
	background:#FFF;
	overflow:hidden;
	/* GnasheR Override*/
	padding-top: 66px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

	#page #hero {
		width:944px;
		height:336px;
		background:#CDCDCD url(img/loader.gif) no-repeat center;
		float:left;
		position:relative;
		overflow:hidden;
}

		#page #hero .hero-item {
			position:absolute;
			background:#CDCDCD;
			overflow:hidden;
			float:left;
			width:944px;
			height:336px;
}

		#page #hero #hero-item-slider {
			width:20000px;
			height:336px;
			position:absolute;
			transition-duration:1s, 1s !important;
			-moz-transition-duration:1s, 1s !important;
			-webkit-transition-duration:1s, 1s !important;
	}

		#page #hero .hero-item#hero-1 { top:0; left:0; }
		#page #hero .hero-item#hero-2 { top:0; left:944px; }
		#page #hero .hero-item#hero-3 { top:0; left:1888px; }
		
			#page #hero .hero-item img { position:absolute; z-index:0; top:0; left:0; }


		#page #hero #hero-pagination {
			position:absolute;
			height:28px;
			width:300px;
			bottom:16px;
			left:16px;
			z-index:2;
}

			#page #hero #hero-pagination a {
				width:22px;
				height:22px;
				border-radius:22px;
				background:#FFF;
				border:2px solid #FFF;
				display:inline-block;
				margin:0 8px 0 0;
				float:left;
				position:relative;
				z-index:4;
}				#page #hero #hero-pagination a span { display:none; }

			#page #hero #hero-pagination a.active { background:#00AEFF; border-color:#FFF; }


		#hero .hero-item p {
			width:304px;
			height:144px;
			padding:8px 16px;
			font-size:18px;
			font-weight:600;
			font-style:italic;
			letter-spacing:-1.2px;
			text-shadow:0 0 3px rgba(0,0,0,.16);
			position:absolute;
			right:16px;
			bottom:80px;
			z-index:1;
			color:#FFF;
			background:url(img/speech-bubble.png) no-repeat top center;
			margin:0;
			line-height:24px;
}

		#hero .hero-item a {
			width:288px;
			height:44px;
			padding:12px 0 0 48px;
			display:block;
			position:absolute;
			right:16px;
			bottom:16px;
			z-index:1;
			background-color:#1D6E9C;
			color:#FFF;
			font-size:14px;
			line-height:16px;
}

			#hero .hero-item a span { display:block; font-size:12px; }

		#hero .hero-item a.action-pdf { background:#1D6E9C url(img/icon-sprite.png) no-repeat 12px -76px; }
		#hero .hero-item a:hover { background-color:#00AEFF; }


/* -- Heroes for the sub pages -- */

	#page #mini-hero {
		width:624px;
		height:240px;
		overflow:hidden;
		position:relative;
}

		#page #mini-hero img { position:absolute; z-index:0; }
		
		#page #mini-hero h1 {
			display:block;
			position:absolute;
			bottom:0;
			left:0;
			font-size:30px;
			line-height:30px;
			font-weight:400;
			z-index:1;
			padding:8px 16px 12px 16px;
			color:#FFF;
			margin:0;
			max-width:480px;
			letter-spacing:-1.6px;
}


	#page #main-content { clear:both; }
	
		#page #main-content #left-column { width:624px; float:left; }
		#page #main-content #right-column { width:272px; float:right; }
		
			#page #main-content #left-column .portal {
				width:304px;
				float:left;
				margin:24px 0 48px 0;
}			#page #main-content #left-column .portal:nth-child(odd) { margin-left:16px; }


				#page #main-content #left-column .portal h3 { margin:0; border:none; }
				
				#page #main-content #left-column .portal p {
					margin:2px 0 0 0;
					font-size:12px;
					line-height:18px;
}


			#page #main-content #left-column .news-item { clear:both; margin:24px 0; }
			
					#page #main-content #left-column .news-item a img {
						float:left;
						border:2px solid #1D6E9C;
						margin:0 16px 0 0;
}

		#page #main-content #left-column .news-item h5 { margin:0; line-height:16px; }
		#page #main-content #left-column .news-item .meta { font-size:12px; color:#999; }
		#page #main-content #left-column .news-item p { margin:8px 0 0 0; font-size:12px; line-height:16px; }
	

/* -- Right column begins -- */

			#page #main-content #right-column p { margin:0 0 24px 0; }

			#page #main-content #right-column .area {
				padding:16px;
				background:#CDCDCD;
				overflow:hidden;
				margin:16px 0;
}

				#page #main-content #right-column .area h3 {
					font-size:18px;
					color:#FFF;
					font-weight:400;
					padding:10px 0 10px 16px;
					margin:-16px -16px 16px -16px;
					background:#AAAAAA;
					border:none;
}				#page #main-content #right-column .area p { margin:0; }

			#page #main-content #right-column .green-box {
				background:#AED59D;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
			}
			#page #main-content #right-column .green-box h3 {
				background:#5EAB3C;
				-moz-border-radius-topleft: 10px;
				-webkit-border-top-left-radius: 10px;
				border-top-left-radius: 10px;
				-moz-border-radius-topright: 10px;
				-webkit-border-top-right-radius: 10px;
				border-top-right-radius: 10px;
			}
			
			#page #main-content #right-column .area.term-time.off { background:#D59D9D; }
				#page #main-content #right-column .area.term-time.off h3 { background:#AB3C3C; }
			#page #main-content #right-column .area.noticeboard { background:#F1CE97; }
				#page #main-content #right-column .area.noticeboard h3 { background:#E39D2F; }
			#page #main-content #right-column .area.twitter { background:#7FD6FF; }
				#page #main-content #right-column .area.twitter h3 { background:#00AEFF; }


			#page #main-content #right-column .area.twitter ul {
				list-style:none;
				margin:0;
				padding:0;
}

				#page #main-content #right-column .area.twitter ul li {
					margin:0 0 16px 0;
					padding:0 0 16px 0;
					border-bottom:1px solid #00AEFF;
}				#page #main-content #right-column .area.twitter ul li:last-child { border:none; margin:0; padding:0; }
				






	#page #footer { clear:both; float:left; margin:64px 0 0 0; width:944px; }
	
		#page #footer ul#useful-links {
			margin:0;
			padding:0 0 4px 0;
			list-style:none;
			border-bottom:3px solid #b00100;
			font-size:12px;
}			#page #footer ul#useful-links li { display:inline-block; padding:0 8px 0 0; }

		#page #footer #copyright-etc { position:relative; }

			#page #footer #copyright-etc p#copyright { margin:8px 0 2px 0; }
			#page #footer #copyright-etc p#mt { font-size:12px; margin:0; right:0; top:0; position:absolute; }
			#page #footer #copyright-etc ul {
				list-style:none;
				padding:0;
				margin:0;
				font-size:12px;
}

				#page #footer #copyright-etc ul li {
					display:inline-block;
					padding:0 8px 0 0;
}


#second-footer {
	width:976px;
	margin:0 auto;
	overflow:hidden;
	padding:16px 0 0 0;
	color:#FFF;
	text-shadow:0 1px 3px rgba(0,0,0,.32);
}

	#second-footer p {
		width:316px;
		float:left;
		margin:8px 24px 64px 0;
		line-height:18px;
}

		#second-footer p .heading { display:block; color:#333; text-shadow:none !important; font-weight:600; }
		#second-footer p .contact { display:block; font-size:12px; }


	#second-footer #accreditations {
		float:right;
		width:288px;
		height:80px;
		background:url(img/accreditations.png) no-repeat;
}		#second-footer #accreditations p { display:none; }
	



/* -- Miscellany -- */

.pullout-quotation {
	width:304px;
	float:right;
	overflow:hidden;
	margin:8px 0 8px 16px;
	padding:56px 0 0 0;
	background:url(img/blockquote.png) no-repeat top;
}

	.pullout-quotation blockquote { margin:0; padding:0; }

		.pullout-quotation blockquote p {
			font-size:18px;
			font-style:italic;
			line-height:24px;
			color:#0B93E9;
			font-weight:300;
			margin:0;
}

	.pullout-quotation cite {
		display:block;
		color:#666;
		text-transform:uppercase;
		padding:8px 0 7px 0; /* -- Hurts my head, but has to be done *cries* -- */
		line-height:14px;
		margin:12px 0 0 0;
		font-style:normal;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
}


/* -- Video portals -- */

.video-304 { display:block; width:304px; height:164px; }

	.video-304 img {
		z-index:0;
		margin:-160px 0 0 0;
		position:relative;
		display:block;
}

	.video-304 span {
		display:block;
		position:relative;
		height:160px;
		width:304px;
		z-index:1;
		background:url(img/video-overlay-304.png) no-repeat bottom;
}

	.video-304:hover span { background:url(img/video-overlay-304.png) no-repeat top; }


/* -- Noticeboard -- */

#noticeboard {
	list-style:none;
	padding:16px;
	margin:16px 0;
	background:#F1CE97;
}

	#noticeboard li {
		margin:0 0 16px 0;
		padding:0 0 16px 0;
		border-bottom:1px solid #E39D2F;
}	#noticeboard li:last-child { margin:0; padding:0; border:none; }

	#noticeboard li h5 { margin:0; }
	#noticeboard li p { margin:8px 0 0 0; }
	#noticeboard li span { font-size:11px; color:#666; text-transform:uppercase; }


/* -- Event listings -- */


#events {
	list-style:none;
	padding:0;
	margin:0;
}

	#events .date {
		display:block;
		width:48px;
		height:40px;
		text-align:center;
		float:left;
		color:#FFF;
		background:#00AEFF;
		font-size:20px;
		font-weight:300;
		line-height:20px;
		padding:8px 0 0 0;
		margin:0 16px 0 0;
}

		#events .date span {
			display:block;
			font-size:10px;
			text-transform:uppercase;
			letter-spacing:2px;
			line-height:11px;
			font-weight:400;
}

	#events li {
		display:block;
		overflow:hidden;
}

	#events h5 { margin:0; }
	#events p { margin:4px 0 0 0; color:#333; }
	
	#events a {
		display:block;
		padding:16px 0;
}
	
	#events li a:hover { background:#00AEFF; }
		#events li a:hover h5, #events li a:hover p { color:#FFF; }

#map-primary{
	height:300px;
}

#map-secondary{
	height:300px;
}

#form-contact{
	width:380px;
	margin-bottom:60px;
}
	#form-contact h3{
		margin-top:20px;
		margin-bottom:10px;
	}
	
	#form-contact .help-text{
		font-size:12px;
		margin-bottom:10px;
	}

	#form-contact [type=text], 
	#form-contact [type=password]{
		width:360px;
		border:#999 1px solid;
		padding:6px 10px 5px 10px;
		margin-bottom:10px;
		color:#666;
		font-size:14px;
	}
	#form-contact textarea{
		width:360px;
		border:#999 1px solid;
		height:100px;
		padding:6px 10px 5px 10px;
		margin-bottom:10px;
		color:#666;
		font-size:14px;
	}
	
	#form-contact select{
		width:382px;
		border:#999 1px solid;
		padding:6px 10px 5px 10px;
		margin-bottom:10px;
		color:#666;
		font-size:14px;
	}

input[type=submit] {
	display:block;
	padding:5px 20px;
	background:#0B93E9;
	color:#fff;
	float:right;
	text-align:center;
	margin:10px 0 20px 10px	;
	border:0;
}

div.message-green {
	background-position:10px;
	background-repeat:no-repeat;
	font-family: Arial; 
	font-size: 14px; 
	background-color:#BADCB1; 
	padding:10px;	
	border:1px solid #48A230; 
	margin-bottom:5px;	
	color:#306b20;
	text-align:center;
	text-shadow: #E8FFE6 0px 1px 0px !important;
}

div.message-yellow {
	background-position:10px;
	background-repeat:no-repeat;
	font-family: Arial; 
	font-size: 14px; 
	background-color:#FFEB9C; 
	padding:10px;	
	border:1px solid #FFBA00; 
	margin-bottom:5px;	
	color:#A37600;
	text-align:center;
	text-shadow: #FFFBE6 0px 1px 0px !important;
}

div.message-red,
div.validation-red {
	background-position:10px;
	background-repeat:no-repeat;
	font-family: Arial; 
	font-size: 14px; 
	background-color:#FFCBCB; 
	padding:10px;	
	border:1px solid #FF0000; 
	margin-bottom:5px;	
	color:#FF0000;
	text-align:center;
	text-shadow: #FFF2F2 0px 1px 0px !important;
}

.detail_date{
	color:#999;
	margin:20px 0 10px 0;
}