/* BASIC SETUP */
* { margin: 0; padding: 0; font-size: 1em; }
body { font-size: .85em; font-family: "Century Gothic", Arial, Helvetica, sans-serif; repeat-y; color: #505050; }
body.small { font-size: 0.6em; }
body.large { font-size: 1em; }

/* useful styles */
.hr hr { display: none; }
.hr { border-bottom: 1px solid #A0A0A0; margin-bottom: 1em; }
.error { color: #FF0000; }
.small { font-size: 0.75em; }
.medium { font-size: 1em; }
.large { font-size: 1.15em; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.clear { clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }

/* common elements */
p { margin-bottom: 1em; line-height: 1.5em; }
img { border: 0; }
a { text-decoration: none; color: #006858; }
a:hover { color: #333333; text-decoration: underline; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.8em; font-weight: normal; font-family: "Century Gothic", Helvetica, sans-serif; color: #006858; }
	h1 .small, h2 .small, h3 .small { font-size: 0.65em; }

h1 { font-size: 1.9em; /*color: #505050;*/ }
	.dotted h1 { background-color: #FFFFFF; padding: 10px 15px; display: inline-block; margin-bottom: 1em; }

h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
h4, h5, h6 { font-size: 1.1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

/* FORMS */
form {  }
fieldset { border: 0; }
input.text,  textarea.text { color: #000000; }
input.text-ghosted, textarea.text-ghosted { color: #FFFFFF; }
input[type="text"], input[type="email"], select, textarea { padding: 2px; vertical-align: middle; border: none; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 1em; background-image: url(../images/input-bg.png); background-repeat: no-repeat; background-color: #FFFFFF; }
.form-button, .button { height: 21px; padding: 0px 10px; border: 0; background-color: #333333; color: #FFFFFF; cursor: pointer; width: auto; }
.form-button:hover, .button:hover { background-color: #000000; }
.nolabels {  }
	.nolabels input.text, .nolabels input.text-ghosted, .nolabels textarea.text, .nolabels textarea.text-ghosted { width: 100%; }

/* TABLE */
table {  }
table th, table td { vertical-align: top; }

/* PAGE STRUCTURE */
#root {  }

	#header { width: 980px; margin: 0px auto; height: 130px; position: relative; }
		#logo { display: block; position: absolute; left: 30px; top: 25px; z-index: 110; }
			#logo img { display: block; width: 155px; }

		.top-right { position: absolute; right: 30px; top: 0; z-index: 110; width: 70%; text-align: right; }
			#google_translate_element { display: inline-block; margin: 0 .5em 0 0; }
			.top-right .login { display: inline-block; vertical-align: middle; height: 29px; line-height: 29px; padding: 0 15px; border-left: 1px solid #c0c0c0; }
			#search-form { display: inline-block; vertical-align: middle; background-color: #c0c0c0; padding: 0px 8px; height: 29px; }
				#search-form #q { height: 29px; line-height: 29px; padding:0; background-image: none; background-color: #c0c0c0; }
				#search-form .form-button { width: 25px; height: 25px; padding: 0px 0; background-color: transparent; }
				#search-form .form-button:hover { background-color: transparent; }

	#main-image-box { background-color: #505050; }
		#main-image { margin: 0px auto; position: relative; height: 280px; }
			#main-image-arrows-wrap { position: absolute; top: 0; left: 0; width: 100%; }
				#main-image-arrows { width: 980px; margin: 0 auto; position: relative; }
					#main-image .arrow { width: 36px; height: 48px; position: absolute; top: 200px; background-position: 0 0; background-repeat: no-repeat; z-index: 99; }
					#main-image .arrow:hover { background-position: 0 -48px; }
					#main-image .arrow.left { right: 55px; background-image: url(../images/arrow-left.png); }
					#main-image .arrow.right { right: 5px; background-image: url(../images/arrow-right.png); }

			#google-map { width: 980px; height: 280px; }
			#main-image .item { position: absolute; width: 100%; height: 280px; background-position: top center; background-repeat: no-repeat; }
			#main-image a { display: block; }

	.main-navigation-box.sub { display: none; }


		#main { width: 920px; margin: 0px auto; position: relative; padding: 20px 30px 80px; min-height: 200px; }

			#center-column { float: left; width: 610px; position: relative; padding: 1em 0; }
				#main-content {  }
					#main-content ul, #main-content ol { margin-left: 1.5em; margin-bottom: 1em; }
						#main-content li { margin-bottom: 0.3em; }
					#main-content table { border: 1px solid #CCCCCC !important; border-collapse: collapse; }
					#main-content table.noborders { border: 0 !important; }
						#main-content tr { }
							#main-content th, #main-content td { padding: .3em .6em; border: 1px solid #CCCCCC !important; }
							#main-content table.noborders th, #main-content table.noborders td {
								border: 0 !important;
							}
							#main-content th { background: #CCCCCC; text-align: left; }
							#main-content td {  }


					.quote {  }

					.page {  }
						.page .image { float: left; display: block; width: 130px; padding: 4px; background-color: #505050; margin-right: 20px; margin-bottom: 1em; }
							.page .image img { display: block; }
						.page .text { float: left; width: 450px; }

					.gallery { padding: 1em 0; }
						.gallery .image-thumb { display: block; float: left; width: 100px; margin: 0 14px 14px 0; background-color: #505050; padding: 4px; text-align: center; font-size: 0.85em; }
						.gallery .image-thumb:hover { background-color: #edb244; }
							.gallery .image-thumb a { display: block; color: #FFFFFF; }
							.gallery .image-thumb a:hover { color: #333333; }
							.gallery .image-thumb img { display: block; margin-bottom: 0px; }
							.gallery .image-thumb .small { display: block; padding: 4px 0 2px; }

						.gallery.large { height: 390px; position: relative; }
						.gallery .image-thumb.large { width: 198px; margin: 0 5px 5px 0; padding: 0; }
							.gallery .image-thumb.large a { display: block; color: #FFFFFF; position: relative; overflow: hidden; }
							.gallery .image-thumb.large img { border: 0; width: 100%; height: auto; }
							.gallery .image-thumb.large .content { position: absolute; bottom: -12px; left: 0; max-height: 0; font-size: 1.1em; transition: all 0.3s ease; padding: 4px 0 8px; background: rgba(255,255,255,0.9); color: #000; }
							.gallery .image-thumb.large a:hover .content { bottom: 0; max-height: 200px; }
						.gallery.large .pager { position: absolute; bottom: 0; right: 8px; }
							.gallery.large .pager a { display: inline-block; width: 2px; height: 2px; border: 4px solid #888; border-radius: 50%; margin-left: 4px; }
							.gallery.large .pager a.activeSlide { border-color: black; }
							.gallery.large .pager span { display: none; }

					.image-grid { padding: 1em 0; }
						.image-grid .image-thumb { display: block; float: left; margin: 0 22px 22px 0; }
							.image-grid .image-thumb a, .image-grid .image-thumb img { display: block; }


					#contactdetails h3 { margin-bottom: 0; }
					#contactdetails p { margin-bottom: 0.5em; }
					#contactdetails address { float: left; background-color: #f0f0f0; padding: 10px; width: 275px; font-style: normal; min-height: 170px; }
					#contact-form { background-color: #f0f0f0; padding: 10px; }
					#get-directions { float: right; margin: 0 0 10px 0; background-color: #f0f0f0; padding: 10px; width: 275px; min-height: 170px; }
						#directions-inputelements { background-image: url(../images/input-bg.png); background-repeat: no-repeat; padding: 4px; }
						#directions-postcode { background-image: none; float: left; width: 220px; padding: 4px 3px; }
						#directions-submit { float: right; }
						#contact-form table { border: 0 !important; }
						#contact-form td { padding-bottom: 3px; border: 0 !important; }

		#right-column { float: right; width: 275px; }

			.link { display: block; margin-bottom: 15px; padding: 10px 15px; background-color: #edb244; background-image: url(../images/link-arrow-bg.png); background-position: right 10px center; background-repeat: no-repeat; color: #333333; }
			.link:hover { color: #FFFFFF; background-color: #505050; }
				.link .title { font-size: 1.3em; color: #333333; font-family: "Century Gothic", Helvetica, sans-serif; }
				.link:hover .title { color: #FFFFFF; }

			#events-box { background: #137364; background: -moz-linear-gradient(top, #137364 0%, #89b9b1 100%); background: -webkit-linear-gradient(top, #137364 0%,#89b9b1 100%); background: linear-gradient(to bottom, #137364 0%,#89b9b1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137364', endColorstr='#89b9b1',GradientType=0 ); padding: 15px; margin-bottom: 15px; }
				#events-box h2 { color: #FFFFFF; }
				#events-box div { display: block; margin-bottom: 0.8em; color: #FFFFFF; }

			#twitter-box { background-color: #E6E7E8; padding: 15px; background-image: url(../images/twitter-icon.png); background-position: 220px 15px; background-repeat: no-repeat; }
				#twitter-box h2 { color: #333333; }
				#twitter-box a { display: block; margin-bottom: 0.8em; color: #505050; }
				#twitter-box a:hover { color: #202020; }

	#featured-pages-box { background-color: #006858; }
		#featured-pages { position: relative; width: 920px; margin: 0px auto; padding: 25px 30px 0px; }
			#featured-pages .arrow { width: 36px; height: 48px; position: absolute; top: 90px; background-position: 0 0; background-repeat: no-repeat; z-index: 1000; }
			#featured-pages .arrow:hover { background-position: 0 -48px; }
			#featured-pages .arrow.left { left: -20px; background-image: url(../images/arrow-left.png); }
			#featured-pages .arrow.right { right: -20px; background-image: url(../images/arrow-right.png); }

			#featured-pages .item { display: block; float: left; width: 290px; height: 190px; margin: 0 25px 25px 0; background-color: #000000; }
			#featured-pages .item.last { margin-right: 0; }
				#featured-pages .item .title { display: block; margin-top: 25px; padding: .4em 0 .4em 15px; width: 230px; background-color: #f5f1ee; color: #404040; font-size: 1.6em; font-family: "Century Gothic", Helvetica, sans-serif; background-image: url(../images/plus.png); background-position: right 0 top 0; background-repeat: no-repeat; }
				#featured-pages .item:hover .title { background-color: #333333; color: #FFFFFF; background-position: right -40px; }

	#footer { width: 920px; margin: 0px auto; padding: 30px 30px 15px; /*background-image: url(../images/footer-watermark.png); background-position: right top; background-repeat: no-repeat;*/ min-height: 210px; }
		
		#schools {
			padding: 0 0 3em;
		}
			#schools .school {
				display: block;
				float: left;
				width: 33%;
			}
				#schools .school .logo {
					display: block;
					height: 7em;
					margin: 0 0 1.5em;
				}
				#schools .school .logo img {
					display: block;
					max-width: 12em; max-height: 7em;
				}
			#schools:after {
				clear: both;
				content: '';
				display: block;
			}
			
		
		/* MEGAMENU */
		#megamenu-footer { margin-bottom: 35px; }
			#megamenu-footer ul { float: left; margin: 0; padding: 0 35px 0 0; list-style-type: none; }
				#megamenu-footer ul li { margin: 0; padding: 0; line-height: 1.4em; color: #000000; }
				#megamenu-footer ul li.large { font-size: 1.4em; font-family: "Century Gothic", Helvetica, sans-serif; height: 30px; }
					#megamenu-footer ul li a { display: block; }
					#megamenu-footer ul li.large a { display: inline; }

			#footer a { color: #404040;}


/* FANCYBOX PAGE */
body.popup { background-image: none; }
	#popup-root {  }


/* OPTIONAL, USEFUL */

/* TABS */
.tabs ul { list-style-type: none; padding: 0; margin: 0; }
	.tabs ul li { float: left; margin: 0; padding: 0; }
		.tabs ul li a { display: block; background-color: #333333; color: #FFFFFF; text-align: center; padding: 1px 5px; margin-right: 2px; }
		.tabs ul li a:hover { background-color: #000000; }

/* events styles */
.events-months { border-bottom: 1px solid #505050; }
.events-months ul { list-style: none; margin: 0 !important; padding: 0 !important; }
.events-months li { display: inline; }
.events-months a { border-top-left-radius: 8px; border-top-right-radius: 8px; color: #202020; background-color: #FCEAD9; border: 1px solid #FCEAD9; border-bottom: 0; display: block; float: left; padding: 2px 9px; margin: 4px 3px 0px; font-family: Arial, sans-serif; font-size: 10pt; text-decoration: none; }
.events-months a:hover { background-color: #daddf1; border-color: #daddf1; }
.events-months .selected-month a { font-family: Arial, sans-serif; color: #ffffff; font-size: 12.5pt; background-color: #505050; border: 1px solid #505050; border-bottom: 0; margin-top: 0px; }

.event { padding: 8px; margin-bottom: 8px; height: 1%; }
.eventdateicon { float: left; width: 48px; }
.eventdateiconday, .eventdateiconmonth, .eventdateiconyear { font-size: 10pt; color: #505050; text-align: center; font-family: Verdana, sans-serif; margin: 0; padding: 0; line-height: 10pt; }
.eventdateiconnumber { font-size: 20pt; color: #505050; text-align: center; font-family: Verdana, sans-serif; margin: 0; padding: 0; line-height: 20pt; }
.eventdetails { margin-left: 60px; }
.eventname { color: #505050; font-weight: bold; margin-bottom: 0.2em; font-size: 1.2em; font-family: Verdana, Arial, sans-serif; font-weight: normal; }
.eventcontent { margin-bottom: 0.5em; }
.eventvenue { font-style: italic; font-weight: normal; }
.eventtimes { float: left; font-size: 0.9em; }
.eventlink { float: right; }

.alt1 { background-color: #daddf1; }
.alt2 { background-color: #f0f0f0; }
.nextevent { background-color: #B4DAE3; }

#event-name { float: left; margin-bottom: 0.2em; }
#event-date { float: right; margin-bottom: 0; }
#event-timesvenues { margin-bottom: 1em; }
#event-address { float: left; }
#event-numbers { float: right; }
@font-face {
    font-family: 'Rockwell';
    src: url('fonts/Rockwell.eot');
    src: url('fonts/Rockwell.eot?#iefix') format('embedded-opentype'),
         url('fonts/Rockwell.woff') format('woff'),
         url('fonts/Rockwell.ttf') format('truetype'),
         url('fonts/Rockwell.svg#Rockwell') format('svg');
    font-weight: normal;
    font-style: normal;
}/* Copyright (c) Stu Nicholls. All rights reserved. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html */

.main-navigation { position: relative; width: 980px; height: 30px; margin-top: 90px; float: right; z-index: 100; }
	
	.main-navigation ul { list-style-type: none; margin: 0; padding: 0; float: right; }

		/* hide the sub levels and give them a positon absolute so that they take up no room */
		.main-navigation ul ul { visibility: hidden; position: absolute; height: 0; top: 29px; left: 0; width: 149px; }
	
		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		.main-navigation li { float: left; position: relative; margin: 0; padding: 0; }
		
			/* style the first level links */
			.main-navigation a, .main-navigation a:visited { display: block; padding: 0 30px 0 10px; min-width: 40px; height: 40px; line-height: 40px; text-transform: uppercase; color: #404040; }
			
			.main-navigation a.active { color: #000000; }
			.main-navigation a.first {  }
			.main-navigation a.last { border: 0; }
			/* style the first level hover */
			.main-navigation a:hover, .main-navigation ul ul a:hover{ color: #006858; }
			.main-navigation :hover > a, .main-navigation ul ul :hover > a { color: #006858; }
				
				/* style the second level links */
				.main-navigation ul ul a, .main-navigation ul ul a:visited { text-align: left; height: auto; text-transform: none; border: 0; line-height: 1em; padding: 5px 10px; width: 130px; font-size: 0.85em;  background-image: url(../images/white-trans.png); }
				.main-navigation ul ul a.active2 { background-color: #E0E0E0; }
				.main-navigation ul ul a.first2 { padding-top: 25px; }
				.main-navigation ul ul a.last2 { padding-bottom: 15px; }
				/* style the second level hover */
				.main-navigation ul ul a:hover { color: #000000; text-decoration: underline; }
				.main-navigation ul ul :hover > a { color: #000000; text-decoration: underline; }


/* DON'T CHANGE */
/* style the table so that it takes no part in the layout - required for IE to work */
.main-navigation table { position: absolute; top: 0; left: 0; border-collapse: collapse; }
/* make the second level visible when hover on first level list OR link */
.main-navigation ul li:hover ul, .main-navigation ul a:hover ul{ visibility: visible; }.large-paragraph { font-size: 1.4em; }

.file-download-link { display: block; padding: 0px 3px 0px 38px; height: 36px; line-height: 36px; background-image: url(../images/file-icon.png); background-position: 4px center; background-repeat: no-repeat; font-size: 1.1em; color: #006858; }
.file-download-link:hover { background-color: #F0F0F0; }

.web-link { display: block; padding: 0px 3px 0px 38px; height: 36px; line-height: 36px; background-image: url(../images/link-icon.png); background-position: 4px center; background-repeat: no-repeat; font-size: 1.1em; color: #6e0d35; }
.web-link:hover { background-color: #F0F0F0; }

.quote { display: block; font-size: 1.2em; font-style: italic; color: #999999; border-top: 1px solid #A0A0A0; border-bottom: 1px solid #A0A0A0; padding-top: 1em; margin-bottom: 1em; }
p.quote { padding-bottom: 1em; }

.feature-box { display: block; background-color: #edb244; padding: 20px 20px 15px; color: #333333; margin-bottom: 1.2em; }

table.data { font-size: 0.85em; width: 100%; margin: .4em 0 1em; border-collapse: collapse !important; }
table.data th { padding: 25px 2px 5px; text-align: left; border-bottom: 1px solid #6e0d35; }
table.data th h3 { color: #6e0d35; font-size: 1.4em; margin-bottom: 0; }
table.data th.day { vertical-align: top; padding-top: 5px; width: 20%; text-align: center; border-bottom: 0; background-color: #e0e0e0; }
table.data td { padding: 5px; background-color: #FCFCFC; font-family: Helvetica, Arial, sans-serif; border: 1px solid #ffffff; font-size: 0.95em; }
table.data td strong { color: #6e0d35; }

table.noborders {
	border: 0 !important;
}
	table.noborders tr, table.noborders th, table.noborders td { border: 0 !important; }

td.yellow { background-color: #f5f1ac !important; }
td.red { background-color: #f1ddda !important; }
td.blue { background-color: #dae6f1 !important; }
td.blue2 { background-color: #b4dae3 !important; }
td.purple { background-color: #cbc1d7 !important; }
td.green { background-color: #eaf3dd !important; }
td.green2 { background-color: #c0d79c !important; }
td.brown { background-color: #c3bd96 !important; }
td.orange { background-color: #fcead9 !important; }
td.turquoise { background-color: #91cfdb !important; }

/* mobile */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
	
	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	body { font-size: .8em; }
	
	.mobile { display: block !important; }
	span.mobile { display: inline !important; }
	table.mobile { display: table !important; }
	td.mobile { display: table-cell !important; }
	tr.mobile { display: table-row !important; }
	.desktop { display: none !important; }
	
	.dotted h1 { padding: 0; font-size: 1.6em; margin-bottom: .8em; }
	
	#root {  }
	#root.dotted { background-image: none; }
		
		#header { width: 100%; height: auto; padding: 10px 0 0; }
			#logo { position: static; left: auto; top: auto; margin-bottom: 25px; padding-left: 10px; }
				#logo img { width: auto; height: 34px; }
	
			.top-right { right: 10px; top: 10px; }
				#google_translate_element { display: inline-block; margin: 0 0 .1em 0; }
					/*.skiptranslate { display: block !important; }*/
				.top-right .login {  }
				#search-form { float: none; }
					#search-form #q { width: 120px !important; }
					#search-form .form-button { width: 25px; height: 25px; padding: 0px 0; background-color: transparent; }
					#search-form .form-button:hover { background-color: transparent; }
		
		
	.main-navigation-box { position: relative; margin-top: 5px; border-top: 1px solid #CCCCCC; }
		.main-navigation { float: none; width: auto; padding-top: 0px; margin-top: 0; height: 40px; overflow: hidden; overflow-x: scroll; webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; z-index: 1000; }
			.main-navigation ul { float: none; display: block; padding: 0 20px 0 10px; white-space: nowrap; }
				.main-navigation ul li { float: none; display: inline-block; margin: 0; padding: 0 8px; }
				
					.main-navigation a, .main-navigation a:visited { padding: 0; height: 40px; line-height: 40px; }
					.main-navigation a.active { font-weight: bold; }
					.main-navigation a.first {  }
					.main-navigation a.last { padding-right: 30px; }
					.main-navigation a:hover, .main-navigation ul ul a:hover {  }
					.main-navigation :hover > a, .main-navigation ul ul :hover > a {  }
					
					.main-navigation ul ul { display: none; visibility: hidden; }
						.main-navigation a.active2 { font-weight: bold; }
				
		.main-navigation-box .fade { display: block; position: absolute; right: 0; top: 0; height: 40px; width: 40px; z-index: 1001; pointer-events: none; 
			background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
			background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=1 );
		}
		.main-navigation-box.sub { display: block; background: #e0e0e0; border: 0; margin-top: 0; }
		.main-navigation-box.sub .fade { 
			background: -moz-linear-gradient(left,  rgba(224,224,224,0) 0%, rgba(224,224,224,1) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,224,224,0)), color-stop(100%,rgba(224,224,224,1)));
			background: -webkit-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 100%);
			background: -o-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 100%);
			background: -ms-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 100%);
			background: linear-gradient(to right,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=1 );
		}
	
	#main-image-box {  }
		#main-image { height: 80px; }
		#main-image.map { height: 150px; }
			#main-image-arrows-wrap { position: absolute; top: 0; left: 0; width: 100%; }
				#main-image-arrows { width: 100%; }
					#main-image .arrow { top: 20px; }
					#main-image .arrow:hover {  }
					#main-image .arrow.left { left: 0; }
					#main-image .arrow.right { right: 0; }

			#google-map { width: 100%; height: 150px; }
			#main-image .item { width: 100%; height: 80px; background-size: auto 100%; }
			#main-image a {  }
	
	#root.dotted #main-box { background-image: none; }
		#main { width: 100%; padding: 1em 10px 1em; min-height: 0; }

			#center-column { float: none; width: 100%; }
				#main-content {  }
					#main-content ul, #main-content ol {  }
						#main-content li {  }
					#main-content iframe { max-width: 100%; }
					#main-content img { max-width: 100%; height: auto; }

					.quote {  }

					.page {  }
						.page .image { float: left; display: block; width: 130px; padding: 4px; background-color: #6e0d35; margin-right: 20px; margin-bottom: 1em; }
							.page .image img { display: block; }
						.page .text { float: left; width: 450px; }

					.gallery { padding: 1em 0; }
						.gallery .image-thumb { display: block; float: left; width: 100px; margin: 0 14px 14px 0; background-color: #6e0d35; padding: 4px; text-align: center; font-size: 0.85em; }
						.gallery .image-thumb:hover { background-color: #edb244; }
							.gallery .image-thumb a { display: block; color: #FFFFFF; }
							.gallery .image-thumb a:hover { color: #333333; }
							.gallery .image-thumb img { display: block; margin-bottom: 0px; }
							.gallery .image-thumb .small { display: block; padding: 4px 0 2px; }

					.image-grid { padding: 1em 0; }
						.image-grid .image-thumb { display: block; float: left; margin: 0 22px 22px 0; }
							.image-grid .image-thumb a, .image-grid .image-thumb img { display: block; }


					#contactdetails h3 {  }
					#contactdetails p {  }
					#contactdetails address { float: none; width: 100%; min-height: 0; }
					#contact-form {  }
						#contact-form > table .column { display: block; width: 100%; }
					#get-directions { float: none; width: 100%; min-height: 0; }
						#directions-inputelements {  }
						#directions-postcode {  }
						#directions-submit {  }
						#contact-form td {  }

		#right-column { float: none; width: 100%; margin-top: 2em; }

			.link { margin-bottom: 10px; padding: 10px; }
			.link:hover {  }
				.link .title {  }
				.link:hover .title {  }

			#twitter-box { padding: 10px; }
				#twitter-box a {  }
				#twitter-box a:hover {  }

	#featured-pages-box {  }
		#featured-pages { width: 100%; padding: 10px; }
			#featured-pages .arrow { top: 140px; }
			#featured-pages .arrow:hover {  }
			#featured-pages .arrow.left { left: 0px; }
			#featured-pages .arrow.right { right: 0px; }
			
			#featured-pages .item-group { width: 100%; }
			#featured-pages .item, #featured-pages .item.last { float: none; width: 250px; height: 110px; margin: 0 auto 10px; }
			#featured-pages .item.last {  }
				#featured-pages .item .title { margin: 0; width: 100%; font-size: 1.4em; }
				#featured-pages .item:hover .title {  }

	#footer { width: 100%; padding: 10px; background-image: none; min-height: 0; }
		
		#schools .school {
			width: 100%;
		}
		
		/* MEGAMENU */
		#megamenu-footer {  }
			#megamenu-footer ul { float: none; padding: 0 0 1em 0; }
				#megamenu-footer ul li { margin: 0; padding: 0; line-height: 1.4em; color: #000000; }
				#megamenu-footer ul li.large { font-size: 1.2em; }
					#megamenu-footer ul li a { display: block; }
					#megamenu-footer ul li.large a { display: inline; }

		#footer-contact { font-size: 1.2em;  }
			#footer-contact a {  }
	
}