﻿body {
	color: #000080;
	/*background-color: #CBD5ED;*/
	background-color: #FFFFFF;
	text-align: center;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

body a {
	color: #000080;
}

	body div#container {
		width: 750px;
		background-color: #FFFFFF;
		margin: 10px auto 10px auto;
		text-align: justify;
		border: 1px solid #010066;
	}
		
		body div#container div.cms_module {
			clear: both;
		}
	
		body div#container div.header {
			height: 100px;
			display: block;
			background-color: #010066;
			background-image: url("/media/85cd7101c2da45e2b688571d57854643.jpg");
			background-repeat: no-repeat;
		}
		
			body div#container div.header h1 {
				display: none;
			}
		
		body div#container ul.menu {
			display: block;
			min-height: 2em;
			height: auto;
			background-color: #BA4144;
			text-align: left;
			font-size: 0.8em;
			width: 100%;
			margin: 0;
			padding: 0;
			color: #FFFFFF;
		}
		
			body div#container ul.menu li {
				display: block;
				float: left;
				width: auto;
				text-align: center;
				text-transform: uppercase;
				padding: 3px 10px 3px 10px;
			}
			
				body div#container ul.menu li a {
					text-decoration: none;
					padding: 1px 15px 1px 15px;
					color: #C9CBED;
				}

				body div#container ul.menu li a:hover {
					color: #FFFFFF;
				}
									
					body div#container ul.menu li.facilities a:hover {
						background-color: #B8C2CA;
					}
					
					body div#container ul.menu li.junior a:hover {
						background-color: #9CAFD2;
					}
					
					body div#container ul.menu li.elevenPlus a:hover {
						background-color: #CBD5ED;
					}
					
					body div#container ul.menu li.sixthForm a:hover {
						background-color: #CBD5ED;
					}
					
					body div#container ul.menu li.sitemap a:hover {
						background-color: #CBD5ED;
					}
					
		body div#container div.content {
			background-repeat: no-repeat;
			margin: 10px 10px 20px 10px;
			display: block;
			float: left;
			width: 539px;
			height: 100%;
		}
		
			body div#container div.content p {
				margin: 0 0 7px 0;
			}
			
			body div#container div.content h2 {
				color: #990000;
				font-size: 1.2em;
				margin: 0 0 10px 0;
				padding: 0;
				text-transform: uppercase;
				text-align: left;
			}
			
				body div#container div.content h2 span.subTitle {
					color: #000000;
				}
			
			body div#container div.content h3 {
				color: #990000;
				font-size: 1.1em;
				margin: 7px 0 0.25em 0;
				text-align: left;
			}
			
				body div#container div.content h3 span.subTitle {
					color: #000000;
				}
				
				body div#container div.content h3 a {
					color: #990000;
				}
				
					body div#container div.content h3 a:hover {
						color: #000000;
						text-align: left;
					}
			
			body div#container div.content h4 {
				color: #666666;
				font-size: 1em;
				margin: 0 0 7px 0;
			}

			body div#container div.content h5 {
				color: #999999;
				font-size: 1em;
				margin: 0 0 7px 0;
			}
			
			body div#container div.content ul, body div#container div.content ol {
				margin: 7px 14px 7px 28px;
				text-align: left;
			}
			
				body div#container div.content ul li ul {
					margin-top: 4px;
				}
			
			body div#container div.content blockquote {
				margin: 7px 14px 7px 14px;
			}
			
			body div#container div.content a:link {
				color: #000080;
				font-weight: bold;
				text-decoration: none;
			}
			
			body div#container div.content a:visited {
				color: #000080;
				font-weight: bold;
				text-decoration: none;
			}
			
			body div#container div.content a:hover {
				/* border-bottom: 1px solid #990000; */
				font-weight: bold;
				text-decoration: underline;
			}
			
				body div#container div.content a.backToTop {
					display: block;
					float: right;
					clear: both;
					background-image: url(/media/b5752674dad24c098553fc32ff35b47a.gif);
					background-repeat: no-repeat;
					padding-left: 16px;
				}
				
					body div#container div.content a.toTop:hover {

						background-image: url(../images/main/totop_on.gif);
					}
					
			body #container .content table {
				text-align: left;
			}
			
				body #container .content table.details, body #container .content table.events, body #container .content table.results {
					width: 100%;
					border: 1px solid #F4F4F4;
					margin-bottom: 7px;
					text-align: left;
				}
					
					body #container .content table.details tr.alt, body #container .content table.events tr.alt, body #container .content table.results tr.alt {
						background-color: #F4F4F4;
					}
					
					body #container .content table.details th, body #container .content table.events th {
						border: 1px solid #F4F4F4;
						padding: 2px;
						text-align: left;
						vertical-align: top;
						color: #990000;
					}
					
					body #container .content table.details td, body #container .content table.events td, body #container .content table.results td {
						padding: 2px;
					}
				
				body #container .content table.events th.col01 {
					width: 20%;
				}
				
				body #container .content table.events th.col11 {
					width: 20%;
				}
				
			body div#container div.content .column_right h3 {
				text-align: right;
			}
		
			body div#container div.content .column p {
				text-align: left;
			}
			
				body div#container div.content .column h3 {
					margin-top: 0;
				}
			
				body div#container div.content .column p.quote {
					font-size: 1.1em;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					margin: 10px 30px 0 30px;
					display: block;
				}
				
					body div#container div.content .column p.quote q {
						background-image: url(../images/home/quotes.gif);
						background-repeat: no-repeat;
						color: #990000;
						line-height: 1.5em;
						display: block;
						padding: 5px;
						text-align: left;
					}
					
					body div#container div.content .column p.quote cite {
						margin-top: 5px;
						display: block;
						text-align: right;
						font-size: 0.8em;
					}
					
			body div#container div.content ul {
				clear: both;
			}

			body div#container div.content blockquote.report p {
				background-image: url(/images/main/tick.gif);
				background-repeat: no-repeat;
				background-position: 0 3px;
				padding-left: 12px;
				margin: 0;
				display: block;
				width: 100%;
				margin-right: -12px;
			}
			
			body div#container div.content div.navColumn {
				width: 147px;
				display: block;
				float: left;
				margin-right: 10px;
				font-size: 0.85em;
			}
			
				body div#container div.content div.navColumn h2 {
					color: #243868;
					padding-bottom: 0;
				}
			
				body div#container div.content div.navColumn ul.menu {
					list-style-type: none;
					margin-left: 0;
					margin-right: 0;
					text-align: left;
					text-transform: uppercase;
					background-color: #FFFFFF;
					width: auto;
					font-size: 1em;
				}
				
					body div#container div.content div.navColumn ul.menu li {
						/* border-bottom: 1px dotted #688696;
						margin-bottom: 5px; */
						text-align: left;
						display: block;
						float: none;
						list-style-type: none;
					}

						body div#container div.content div.navColumn ul.menu li.separator {
							/* border-bottom-width: 0; */
						}

						body div#container div.content div.navColumn ul.menu li a {
							padding: 0;
							width: auto;
						}

						body div#container div.content div.navColumn ul.menu li ul {
							/* padding-top: 5px; */
							margin-left: 10px;
							margin-right: 0;
							
						}
						
							body div#container div.content div.navColumn ul.menu li ul li {
								/* border-bottom-style: none;
								margin-bottom: 5px; */
								float: none;
								clear: both;
								width: 100%;
								/*padding: 0; */
								padding-left: 0;
								padding-right: 0;
							}
					
						body div#container div.content div.navColumn ul.menu li a:link, body div#container div.content div.navColumn ul.menu li a:visited {
							color: #688696;
						}
						
							body div#container div.content div.navColumn ul.menu li a:hover {

								color: #BA4144;
								/* border-bottom-style: none; */
							}

							body div#container div.content div.navColumn ul.menu li.selected a:link, body div#container div.content div.navColumn ul.menu li.selected a:visited {
								color: #000000;
							}
							
								body div#container div.content div.navColumn ul.menu li.selected ul li a:link, body div#container div.content div.navColumn ul.menu li.selected ul li a:visited {
									color: #688696;
								}
				
				body div#container div.content div.navColumn h2 {
					background: none;
					height: auto;
					width: auto;
				}
			
			body div#container div.content div.bodyColumn {
				width: 380px;
				float: left;
			}
			
				body div#container div.content div.bodyColumn div#images {
					float: right;
					width: 170px;
					margin-left: 10px;
				}
				
					body div#container div.content div.bodyColumn div#images img {
						margin-bottom: 10px;
					}
			
				body div#container div.content div.bodyColumn h2 {
					width: auto;
					background-repeat: no-repeat;
					background-position: bottom left; */
				}

				body div#container div.content div.bodyColumn table.lower_school_science {
					border-left: 1px solid black;
					border-top: 1px solid black;
				}

					body div#container div.content div.bodyColumn table.lower_school_science th {
						text-align: left;
						border-right: 1px solid black;
						border-bottom: 1px solid black;
						padding: 2px;
					}

					body div#container div.content div.bodyColumn table.lower_school_science td {
						border-right: 1px solid black;
						border-bottom: 1px solid black;
						padding: 2px;
					}
			
			body div#container div.content div.download {
				display: block;
				border: 1px solid #CCCCCC;
			}
			
				body div#container div.content div.download h3 {
					display: block;
					width: 100%;
					background-color: #CCCCCC;
					color: #FFFFFF;
					text-transform: uppercase;
					font-size: x-small;
				}
				
				body div#container div.content div.download ul {
					list-style-type: none;
					margin-left: 10px;
				}
				
				body div#container div.content div.download ul li {
					padding-left: 18px;
					background-repeat: no-repeat;
					margin-bottom: 2px;
				}
				
					body div#container div.content div.download ul li.pdf {
						background-image: url(../images/ext/pdf.gif);
					}
				
				body div#container div.content div.download div#getAcrobat {
					width: 80px;
					display: block;
					float: right;
					margin-right: 5px;
				}
			
			body div#container div.content hr {
				height: 1px;
				color: #000066;
				display: block;
				clear: both;
			}
			
			body div#container div.content input.first_enabled, body div#container div.content input.prev_enabled, body div#container div.content input.next_enabled, body div#container div.content input.last_enabled {
				background-color: #FFFFFF;
				color: #C9CBED;
				border-width: 0;
			}
			
			body div#container div.content input.first_disabled, body div#container div.content input.prev_disabled, body div#container div.content input.next_disabled, body div#container div.content input.last_disabled {
				background-color: #FFFFFF;
				color: #999999;
				border-width: 0;
			}
			
			body div#container div.content p.nb {}
				
				body div#container div.content p.nb span.header {
					display: block;
					float: left;
					font-weight: bold;
					margin-right: 5px;
				}
				
				body div#container div.content p.nb span.content {
					display: block;
					float: left;
				}
			
			body div#container div.content ul.buttonBoard li {
				margin: 0 3px 5px 0;
			}
				
			body div#container ul.news {
				list-style-type: none;
				padding: 0;
				margin: 0;
			}
			
				body div#container ul.news li {
					margin-bottom: 0.5em;
					display: block;
					clear: both;
				}
				
					body div#container ul.news li span {
						display: block;
					}
					
						body div#container ul.news li span.headline {
							font-weight: bold;
						}/* CSS Document */
			

		
		body div#container div#navigation {
			float: left;
			width: 140px;
			padding: 20px 2px 20px 20px;
			margin-right: 8px;
		}
			
			body div#container div#navigation ul.menu {
				background-color: #FFFFFF;
				text-align: left;
				margin: 0;
				color: #000000;
			}
			
				body div#container div#navigation ul.menu li {
					text-align: left;
					padding: 0;
					/* border-bottom: 1px dotted #688696; */
					margin-bottom: 5px;
					display: block;
					clear: both;
					width: 140px;
				}

					body div#container div#navigation ul.menu li.separator {
						/* border-bottom-width: 0; */
					}
				
					body div#container div#navigation ul.menu li a {
						color: #688696;
						padding: 0;
					}
					
						body div#container div#navigation ul.menu li a:hover {
							color: #BA4144;
						}

						body div#container div#navigation ul.menu li.selected a {
							color: #000000;
						}

					body div#container div#navigation ul.menu li ul {
						padding-top: 5px;
						padding-left: 0;
						margin-left: 10px;
						font-size: 1em;
						width: 120px;
						display: block;
					}

						body div#container div#navigation ul.menu li ul li {
							/* border-bottom-style: none; */
							margin-bottom: 0;
							width: 100%;
							padding: 0;
					}
					
				body div#container div#navigation input.searchTextbox {
					width: 98%;
				}
				
				body div#container div#navigation input.searchButton {
					margin-bottom: 10px;
				}
			
			body div#container fieldset {
				margin-top: 1em;
				margin-bottom: 1em;
			}
			
			body div#container input, body div#container textarea, body div#container select {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1em;
			}
		
		body div#container div.footer {
			/*background-color: #CBD5ED;*/
			width: 740px;
			float: none;
			clear: both;
			padding: 5px;
		}
		
			body div#container div.footer div#copyright {
				display: block;
				float: left;
				width: 50%;
				text-align: left;
			}
			
			body div#container div.footer div#credits {
				display: block;
				float: right;
				width: 50%;
				margin-right: -1px;
				text-align: right;
			}
			
	body div.footer {
		width: 100%;
		font-size: smaller;
		text-align: left;
	}

	body .alignLeft {
		display: block;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
	}

	body .alignRight {
		display: block;
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
	}
	
	body img {
		border: 0;
	}
	
	body .error {
		color: #FF0000;
		font-weight: bold;
		padding: 5px;
	}
	
	body div.error {
		border: 1px solid #000000;
		background-color: #FFFF99;
	}
	
	body div.sitemap ul {
		list-style-type: none;
	}
	
		body div.sitemap ul li {
			margin-bottom: 0.25em;
		}
	
		body div.sitemap ul li ul {
			list-style-type: none;
		}

#fireferret {
	clear: both;
}
