@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

* { padding:0; margin:0; border:none; outline:none; line-height:18px; font-size:14px; box-sizing:border-box; font-family: 'PT Sans', sans-serif; }

body { background:#F2F2F2; }

#container {}
	a { text-decoration:none; color:#0087CE; }
	a:hover { text-decoration:none; color:#00669B; }
	.inner { max-width: 1040px; margin:0 auto; position:relative; }
	.clear { clear: both; }
	img, table { max-width:100% !important; height:auto; }
	object { max-width:100% !important; }
	.inner table { width:100% !important; max-width:100% !important; height:auto; }
	.rounded { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
	form input { border:#00669B 1px solid; padding:5px; margin:10px 0; }
	form input.button { background:#00669B; color:#FFF; font-weight:bold; cursor:pointer; }
	.langthis { }
	.castle { list-style:none; }
	.castle li { float:left; width:25%; height:128px; font-weight:bold; color:#FFF; position:relative; }
	.castle li span { position:absolute; top:0; left:50%; width:80px; line-height:80px; text-align:center; }
	.castle li span div { line-height:80px; color:#FFF; font-weight:bold; font-size:22px; text-align:center; }
	.castle li:nth-child(1) { background:url('images/castle-red.png') center 0 no-repeat; }
	.castle li:nth-child(2) { background:url('images/castle-blue.png') center 0 no-repeat; }
	.castle li:nth-child(3) { background:url('images/castle-yellow.png') center 0 no-repeat; }
	.castle li:nth-child(4) { background:url('images/castle-green.png') center 0 no-repeat; }
	
	
header { background: rgba(0,105,160,1); background: -moz-linear-gradient(top, rgba(0,105,160,1) 0%, rgba(0,147,225,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,105,160,1)), color-stop(100%, rgba(0,147,225,1))); background: -webkit-linear-gradient(top, rgba(0,105,160,1) 0%, rgba(0,147,225,1) 100%); background: -o-linear-gradient(top, rgba(0,105,160,1) 0%, rgba(0,147,225,1) 100%); background: -ms-linear-gradient(top, rgba(0,105,160,1) 0%, rgba(0,147,225,1) 100%); background: linear-gradient(to bottom, rgba(0,105,160,1) 0%, rgba(0,147,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069a0', endColorstr='#0093e1', GradientType=0 ); padding:25px 0; }
	header h1 {  margin-left:110px; }
	header h1 a { color:#FFF; font-weight:bold; font-size:46px; line-height:46px; letter-spacing:2px;  }
	header h1 a:hover { color:#003C5B; }
	header h2 { color:#80D2FF; font-weight:bold; font-size:16px; line-height: 16px; margin-left:110px; }
	header img { width:77px; height:92px; position:absolute; top:-15px; left:0; z-index:99; }

nav { background: rgba(255,204,51,1); background: -moz-linear-gradient(top, rgba(255,204,51,1) 0%, rgba(237,179,3,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,204,51,1)), color-stop(100%, rgba(237,179,3,1))); background: -webkit-linear-gradient(top, rgba(255,204,51,1) 0%, rgba(237,179,3,1) 100%); background: -o-linear-gradient(top, rgba(255,204,51,1) 0%, rgba(237,179,3,1) 100%); background: -ms-linear-gradient(top, rgba(255,204,51,1) 0%, rgba(237,179,3,1) 100%); background: linear-gradient(to bottom, rgba(255,204,51,1) 0%, rgba(237,179,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc33', endColorstr='#edb303', GradientType=0 ); min-height:40px; }
	nav ul { list-style:none; height:40px; }
	nav ul li { display:inline-block; float:left; position:relative; }
	nav ul li a { float:left; line-height:40px; color:#005684; font-weight:bold; text-transform:uppercase; border-left:#FFF 1px dotted; padding:0 15px; position:relative; }
	nav ul li a:hover { color:#FFF; background:#006BA2;}
	
	nav ul li ul { padding: 0; position: absolute; top: 40px; left: 0; width: 200px; display: none; opacity: 0; visibility: hidden; z-index:9999; }
	nav ul li ul li {  }
	nav ul li ul li a { border-left:none; width: 200px; line-height:15px; padding:10px 15px; background:#005684; color:#FFF; border-bottom:#006BA2 1px dotted; font-size:13px; }
	nav ul li ul li a:hover {}
	nav ul li:hover ul { display: block; opacity: 1; visibility: visible; }

#content { padding:0; }
	#content h3.subtitle { text-align:center; padding-bottom:20px; margin:20px 0; color:#00ACED; font-size:35px; line-height:35px; border-bottom:#F4BC16 3px dotted; }
	#content h3.subtitle span { color:#006AA2; font-size:50px; line-height:35px; }
	
	#content .home-left { float:left; width:23%; }
	#content .home-left h3 { color:#006AA2; font-size:20px; line-height: 20px; margin-bottom:10px; }
	
	
	
	#content .home-content-lower a { width:22%; margin-right:4%; }
	
	#content .home-content-lower a.home-res { background:#85AF4D url(images/home-btn2.png) right 10px center no-repeat; color:#4C710C; float:left; padding:10px; margin-top:10px; font-weight:bold; }
	#content .home-content-lower a.home-res span { color:#FFF; display:block;}	
	#content .home-content-lower a.home-res:hover { color:#333; }
	
	#content .home-content-lower a.home-maths { background:#F7AB26 url(images/home-btn1.png) right 10px center no-repeat; color:#CD6902; float:left; padding:10px; margin-top:10px; font-weight:bold; }
	#content .home-content-lower a.home-maths span { color:#FFF; display:block; }
	#content .home-content-lower a.home-maths:hover { color:#333; }	
	
	#content .home-content-lower a.home-other { background:#D93335 url(images/home-btn3.png) right 10px center no-repeat; color: #F7B1B3; float:left; padding:10px; margin-top:10px; font-weight:bold; }
	#content .home-content-lower a.home-other span { color:#FFF; display:block; }
	#content .home-content-lower a.home-other:hover { color:#333; }	
	
	#content .home-content-lower a.home-safe { background:#009F78 url(images/home-btn4.png) right 10px center no-repeat; color: #41FFD0; float:left; padding:10px; margin-top:10px; font-weight:bold; margin-right:0; }
	#content .home-content-lower a.home-safe span { color:#FFF; display:block; }
	#content .home-content-lower a.home-safe:hover { color:#333; }	
	
	
	
	
	#content .home-slideshow { float:left; width:50%; margin:0 2%; position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
	#content .home-slideshow img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
	#content .home-slideshow #alt-caption { position:absolute; bottom:0px; left:0; bottom:0; width:100%; z-index:999; font-weight:bold; color:#000; text-align:center; background-color:rgba(255,255,255,0.5); padding:10px; margin:0; max-width:512px; }
	
	#content .home-twitter { float:left; width:23%; border:#66CDF4 4px solid; padding:15px; background:#FFF; }
	#content .home-twitter h3 {}

	#content.subpage { margin:30px 0; }
	#content.subpage h3, #content.subpage h3 a { color:#006AA2; font-size:20px; line-height: 20px; margin-bottom:10px; }
	#content.subpage .sub-left { width:72%; float:left; }
	#content.subpage .sub-right { width:25%; float:right; }
	#content.subpage .sub-right ul { list-style:none; }
	#content.subpage .sub-right ul li { }
	#content.subpage .sub-right ul li a { display:block; border-bottom:#FFF 1px dotted; padding:10px; color:#FFF; }
	#content.subpage .sub-right ul li a:hover { color:#006BA2; font-weight:bold; }
	
	.sub-right-1 { background:#00ACED; margin-bottom: 20px; }
	.sub-right-2 { background:#FFF; height:400px; overflow-y:scroll }

#lower { background: rgba(0,86,132,1); background: -moz-linear-gradient(top, rgba(0,86,132,1) 0%, rgba(0,70,107,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,86,132,1)), color-stop(100%, rgba(0,70,107,1))); background: -webkit-linear-gradient(top, rgba(0,86,132,1) 0%, rgba(0,70,107,1) 100%); background: -o-linear-gradient(top, rgba(0,86,132,1) 0%, rgba(0,70,107,1) 100%); background: -ms-linear-gradient(top, rgba(0,86,132,1) 0%, rgba(0,70,107,1) 100%); background: linear-gradient(to bottom, rgba(0,86,132,1) 0%, rgba(0,70,107,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005684', endColorstr='#00466b', GradientType=0 ); padding:25px 0; margin-top: 30px; }

	#lower .lower-left { float:left; max-width:48%; }
		#lower .lower-left h3 { color:#FFF; font-size:18px; line-height:18px; margin-bottom:10px; }
		#lower .lower-left ul { list-style:none; }
		#lower .lower-left ul li { display:inline-block; float:left; }
		#lower .lower-left ul li a { float:left; color:#FFF; font-size:38px; line-height:38px; background:#00ACED; margin:0 10px 10px 0; padding:10px 20px; text-align:center; }
		#lower .lower-left ul li a:hover { color:#005684; }
	
	#lower .lower-right { float:right;  text-align:left; max-width:48%; }
		#lower .lower-right h3 { color:#FFF; font-size:18px; line-height:18px; margin-bottom:10px; }
		#lower .lower-right ul { list-style:none; float:right; }
		#lower .lower-right ul li { display:inline-block; float:left; }
		#lower .lower-right ul li a { float:left; color:#FFF; font-size:15px; line-height:16px; background:#6666CC; margin:0 10px 10px 0; padding:10px 15px; text-align:center; }
		#lower .lower-right ul li a:hover { color:#303092; }
	
footer { background: #0084CA; padding:20px; color:#FFF; position:relative; }
	footer .inner { position:relative; }
	footer .footer-left { float:left; width:45%; font-size:13px; }
	footer .footer-left p { margin:15px 0; font-size:13px;  }
	footer .footer-left a { font-size:13px; color:#FFF; }
	footer .footer-left a:hover { color:#005684; }
	footer .footer-right { float:right; width:55%; }
	footer .footer-right a { float:right; margin-left:10px; }
	footer .footer-right a img { max-height: 86px; }
	
	
#mod1, #mod2, #mod3, #mod4, #mod5, #mod6, #mod7, #mod8, #mod9 { margin-bottom:20px; }
#mod1 ul, #mod2 ul { margin:20px; }
#mod3 a { margin:0 10px 10px 0; float:left; }
#mod3 img { border:#CCC 3px solid; }
#mod3 ul { margin-left:0 !important; }
#mod3 p { margin-bottom:10px; }

#mod7 ul { padding:0; margin:15px 0 0 0!important; }
#mod7 li { list-style:none; padding:10px; margin:0 0 10px 0; }
#mod7 li:nth-child(odd) { background: #FFE0C1; margin-right:30px; }
#mod7 li:nth-child(odd) span { float: right; padding:8px; background-color: #FFA953; font-size:11px; margin:-10px -10px 0px 10px; }
#mod7 li:nth-child(even) { background: #D6F3FE; margin-left:30px; }
#mod7 li:nth-child(even) span { float: left; padding:8px; background-color:#60D0FB ; font-size:11px; margin:-10px 10px 0px -10px; }
.mod7write { padding:10px; background:#EFEFEF; border-top:#999 1px solid; border-bottom:#999 1px solid; margin-top:10px; }
.mod7write label { display:block;  }
.mod7write input { width:200px;  padding:5px; border:#999 1px solid; }
.mod7write textarea { width:300px; padding:5px; border:#999 1px solid; }

.calendar { width:100%; border-collapse:collapse;  }
.calendar tr { height:60px; } 
.calendar .calendar-head { height:20px !important; }
.calendar td { padding:5px; border:#CCC 1px solid; width:14%; vertical-align:top; } 
.calendar-day-head { line-height:20px; background-color:#666; color:#FFF; padding:5px; text-align:center; }
.calendar-day-np { line-height:30px; }
.calendar td.today { background-color:#CCC; }
.calendar .calendar-day:hover { background-color: #E6E6E6; }

#mod8 { padding-bottom:20px; border-bottom:#EDBF47 1px dotted; }
#mod8.full { border-bottom:none; }
#mod8 img.small { float:left; width:120px; max-width:120px !important; margin:0 15px 0 0; border:#EDBF47 1px solid; padding:3px; }
#mod8 img.full { max-width:460px; max-height:510px; margin:5px 0 10px 0; border:#EDBF47 1px solid; padding:3px; display:block; }
#mod8  .title a, #mod8 .title { font-weight:bold; text-decoration:none; font-size:16px; display:block; }
#mod8 em { margin-bottom:5px; display:block; font-size:12px; }

.innerNav { margin:20px; } 

@media (max-width: 1030px) {
	.inner { width:96%; }	
	header h1 a { font-size:5.9vw; }
	nav ul li a { padding:0 8px; }
	#lower .lower-left { float:none; max-width:100%; display:block; margin-bottom:20px; text-align:center; }
	#lower .lower-left ul { margin:0 auto; display: inline-block; }
	#lower .lower-left ul li a { margin-bottom:10px; }
	#lower .lower-right { float:none; max-width:100%; display:block; text-align:center; }
	#lower .lower-right ul { float:none; margin:0 auto; display: inline-block; }
	#lower .lower-right ul li a { margin-bottom:10px; }
}

@media (max-width: 938px) {
	nav { height:auto; z-index:99; position:relative; }
	nav ul { display:none; height:auto; }	
	span.nav-btn { display:block; width:40px; height:40px; background:url('images/menu-icon.png') 0 0 no-repeat; cursor:pointer; background-size: contain; }
	nav ul li { float:none; display:block; }
	nav ul li a { float:none; text-align:center; border-left:none; border-top:#FFF 1px dotted; padding:0; display:block; }
	nav ul li ul { display:none !important; }
	
	#content .home-left { float:none; width:100%; text-align:center;  }
	
	#content .home-slideshow { float:none; width:auto; max-width:520px; text-align:center; margin:20px auto; }	
	#content .home-slideshow img { margin:0 auto; width:auto !important; height:auto !important; }
	#content .home-twitter { float:none; width:100%; max-width: 510px; margin:0 auto; }
	
	footer .footer-left { float:none; width:100%; margin-bottom:20px; text-align:center; }
	footer .footer-right { float:none; width:100%; text-align:center; }
	footer .footer-right a { float:none; margin:0 0 10px 10px; }
	
	
	#content .home-content-lower a { width:48%; margin-right:2%; }
	#content .home-content-lower a.home-res { }
	#content .home-content-lower a.home-maths { margin-right:0; }
	#content .home-content-lower a.home-other { }
	#content .home-content-lower a.home-safe { margin-right:0; }

}

@media (max-width: 800px) {
	header h1 a {  }
}

@media (max-width: 660px) {
	header h1 a {  line-height: 26px; }
	header h2 { font-size:14px; }
	#content h3.subtitle { font-size:16px; }
	#content h3.subtitle span { font-size:22px; }
		
	#content.subpage .sub-left { float:none; width:100%; margin-bottom:30px; }
	#content.subpage .sub-right { float:none; width:100%; }
	
	#lower .lower-left ul { max-width:80%; }
	#lower .lower-right ul { max-width:80%; }
	
	
	#content .home-content-lower a { width:100%; margin-right:0%; }
	
	.castle li { float:left; width:50%; height:128px; font-weight:bold; color:#FFF; position:relative; margin-bottom:15px; }
	.castle li span { position:absolute; top:0; left:50%; width:80px; line-height:80px; color:#FFF; font-weight:bold; font-size:22px; text-align:center; }
}

/* Cookie Box */
#cookie_box {
	position: fixed;
	display: inline-flex;
	font-family: sans-serif;
	left: 50%;
	transform: translate(-50%);
	justify-content: center;
	align-items: center;
	bottom: 20px;
	font-size: 14px;
	z-index: 1000;
	background: #006aa2;
	padding: 15px 10px;
	width:35%;
	color: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 5px 4px rgb(0 0 0 / 0.2);
}
#cookie_box .cookie_box_close {
	background-color: #0191dd;
	border-radius: 10px;
	padding: 10px 30px;
	transition: all ease 0.25s;
}
#cookie_box .cookie_box_close:hover {
	background-color: #38abe7;
	color: #fff;
}
#cookie_box .box-cookie {
	width: 85%;
	padding: 0px 25px;
	text-align: justify;
	color: #fff;
}
#cookie_box .box-cookie a {
	color: #d8d8d8;
	font-weight: 600;
	text-decoration: none;
  transition: all ease 0.25s;
}
#cookie_box .box-cookie a:hover {
	color: #bdbdbd;
}
#cookie_box .box-img {
	display: inline-block;
	height: auto;
	width: 7.5%;
	text-align: center;
}
#cookie_box .box-img p{
	font-size: 3em;
	text-shadow: none;
	margin: 0px;
}
#cookie_box .box-btn {
	width: 15%;
	text-align: center;
}
#cookie_box .box-btn a{
	color: #fff;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 0.5);
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}
/**/
/* Cookie Mobile */

@media (max-width: 1600px) {
	#cookie_box {
		width: 50%;
	}
}

@media (max-width: 1300px) {
	#cookie_box {
		width: 70%;
	}
}

@media (max-width: 900px) {
	#cookie_box {
		width: 80%;
	}
}

@media (max-width: 770px) {
	#cookie_box .box-cookie {
		display: inline-block;
		vertical-align: middle;
		width: 85%;
		font-size: 12px;
		padding: 0px 5px;
	}
	#cookie_box .box-btn {
		display: inline-block;
		vertical-align: middle;
		width: 15%;
	}
	#cookie_box {
		display: inline-block;
		width: 90%;
		font-size: 12px;
		font-size: 0px;
	}
}

@media screen and (max-width: 650px) {
  #cookie_box .box-btn a { 
    font-size: 12px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 30px;
  }
  #cookie_box .box-cookie {
    width: 100%;
  }
  #cookie_box .box-btn {
    width: 100%;
    text-align: center;
    margin: 15px 0px;
    margin-bottom: 5px;
  }
  #cookie_box {
    width: 90%;
  }
}

@media screen and (max-width: 450px) {
  #cookie_box .box-cookie {
    font-size: 10px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 15px;
  }
  #cookie_box .box-btn {
    margin-bottom: 0px;
  }
  #cookie_box {
    padding: 10px;
  }
}

/**/

#survey { width:90%; margin-bottom:30px; margin: 15px auto; border-collapse:collapse; }
#survey th { padding:5px; background:#2F61A6; color:#FFF; text-align:left; }
#survey th a { float:right; color:#FFF !important; }
#survey tr { border-bottom:#2F61A6 1px solid; }
#survey td { padding:5px; }