body {
	background-color: #F3F4F6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.greyline {
	width: 100%;
	clear: both;
	color: #F7F7F7;
	background-color: #F7F7F7;
	height: 1px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

hr {
	margin: 30px 0px 30px 0px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
}

h1 {
	color: #01B5DA;
	font-size: 28px;
	font-weight: bold;
	margin-top: 0px;
}

h2 {
	color: #FBBA22;
	font-size: 24px;
}

h3 {
	color: #01B5DA;
	font-size: 26px;
	font-weight: bold;
	border-bottom: 1px solid #01B5DA;
	padding: 0px 0px 10px 0px;
}

h4 {
	color: #01B5DA;
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
}

h5 {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

h6 {
	color: #FBBA22;
	font-size: 18px;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
}

.blueText {
	color: #01B5DA;
}

header {
	min-width:100%;
	width: 100%;
	background-color: #FFFFFF;
	height: 183px;
	padding: 22px 0px 0px 0px;
	overflow: visible;
}
header img {
	border: 0px;
}
.headerContent {
	width: 960px;
	margin: 0px auto 0px auto;
}
.headerLogo {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.headerLogo img {
	width: 100%;
}
.headerContact {
	width: 370px;
	float: right;
	text-align: right;
	padding: 65px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.headerContact img {
	margin-bottom: 8px;
}
.headerPhone {
	color: #01B5DA;
	font-size: 28px;
}
.headerRegistered {
	font-size: 14px;
	font-style: italic;
	color: #929FA7;
}

.website {
	min-width:100%;
	background-image: url(../images/website_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* nav */
nav {
	clear: both;
	width: 960px;
	margin: 0px auto 38px auto;
	padding: 16px 0px 15px 0px;
}

#nav-wrap {
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
	float: left;
	margin-right: 5px;
}

/* nav link */
#nav a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
#nav a:hover {
	text-decoration: underline;
}
#nav a.navLink:link, a.navLink:active, a.navLink:visited {
	font-size: 16px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
	padding: 0px 13px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
}
#nav a.navLink:hover {
	text-decoration: underline;
}

/* nav dropdown */
#nav ul  {
	display: block;
	background: #FBBA22;
	padding: 10px 5px 10px 10px;
	position: absolute;
	font-size: 16px;
	color: #FFFFFF;
	border: 0px;
	display: none; /* hide dropdown */
	width: 200px;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul li a {
	padding: 5px 0px 5px 0px;

}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}

.mobileBanner {
	display: none;
}
.websiteContent {
	background-color: #FFFFFF;
	width: 876px;
	margin: 15px auto 0px auto;
	padding: 35px 42px 30px 42px;
	border-top: 2px solid #77A2B1;
}
.homeBanner {
	background-image: url(../images/banner_home.jpg);
	background-repeat: no-repeat;
	height: 294px;
	width: 306px;
	padding: 20px 60px 0px 510px;
	margin: 0px 0px 30px 0px;
}
.homeBannerTitle {
	display: block;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	line-height: 38px;
	color: #FFFFFF;
	margin: 0px 0px 40px 90px;
	padding: 0px 0px 0px 0px;
}
.homeBannerDesc {
	display: block;
	color: #E8E8E8;
	font-size: 14px;
	line-height: 22px;
	margin: -15px 0px 30px 90px;
	padding: 0px 0px 0px 0px;
}

.websiteContent .homeTitle {
	color: #01B5DA;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	line-height: 32px;
	margin-top: 0px;
}
.websiteContent .homeIntro {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 20px;
}

.websiteContent a:link, a:visited, a active {
	color: #01B5DA;
text-decoration: underline;
}
.websiteContent a:hover {
text-decoration: none;
}

.bigButtons {
	text-align: center;
}

.newsBox {
	float: left;
	width: 575px;
margin-bottom: 40px;
}
.newsBox p {
	color: #999999;
	font-size: 16px;
	line-height: 26px;
}
.newsBox .newsDate {
	color: #CCCCCC;
	font-size: 13px;
	font-style: italic;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 0px;
}

.newsDate {
	color: #CCCCCC;
	font-size: 13px;
	font-style: italic;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 0px;
}

.rotatingBox {
	width: 249px;
	float: right;
margin-bottom:20px;
}

.blueBanner {
	width: 876px;
	margin: 0px auto 0px auto;
	background-color: #01B5DA;
	padding: 25px 42px 25px 42px;
	color: #FFFFFF;
}

.blueBannerLeft {
	float: left;
	width: 575px;
}
.blueBannerRight {
	width: 249px;
	float: right;
}
.blueBannerRight p {
	color: #FFFFFF;
	font-size: 15px;
	line-height: 24px;
	font-style: italic;
}

.enquirylabel {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	vertical-align: top;
	width: 120px
}
.contactText {
	width: 400px;
}

.ninetynine {
	vertical-align: top;
}

.contentLeft {
	float: left;
	width: 550px;
}
.contentLeft p {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 20px;
}
.contentLeft blockquote {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	font-style: italic;
}
.contentLeft table {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
}
.contentLeft .highlightText {
	color: #FBBA22;
	font-style: italic;
	font-size: 18px;
}
.contentLeft ul {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 20px;
	list-style-image: url(../images/arrow_blue.jpg); 
}

.highlightBox {
	background-color: #FFF8E8;
	width: 510px;
	padding: 5px 20px 5px 20px;
	margin: 40px 0px 40px 0px;
	border: 1px solid #FBBA22;
}

.contentRight {
	float: right;
	width: 240px;
	margin: 0px 0px 0px 0px;
}
.contentRight p {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 20px;
}
.contentRight ul {
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	line-height: 28px;
	margin-bottom: 20px;
	list-style-image: url(../images/arrow_orange.jpg); 
}

.biogTitle {
	color: #FBBA22;
	font-size: 22px;
}
.biogPic {
	float: left;
	margin: 0px 15px 15px 0px;
	border: 1px solid #01B5DA;
	width: 120px;
}

.contactEmail {
}

footer {
min-width:100%;
	width: 100%;
	background-color: #FBBA22;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
footer img {
	border: 0px;
}

.footerContent {
	width: 940px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 20px 10px;
}
.footerLeft {
	float: left;
	margin: 60px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 36px;
	font-size: 20px;
	color: #FFFFFF;
}
.footerLeft .footerPhone {
	font-size: 26px;
	color: #FFFFFF;
}
.footerRight {
	width: 370px;
	float: right;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
.footerRegistered {
	color: #FFFFFF;
	font-style: italic;
	font-size: 14px;
}

.footerCopyright {
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	border-top: 1px solid #F7F7F7;
	padding: 15px 0px 20px 0px;
}
.footerCopyright p {
	margin: 0px 0px 0px 0px;
}
.copyrightLeft {
	float: left;
}
.copyrightRight {
	float: right;
}

a.ceriLink:link, a.ceriLink:active, a.ceriLink:visited {
	font-family: "Trebuchet MS", Calibri, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.ceriLink:hover {
	text-decoration: none;
}


a.menuLink:link, a.menuLink:active, a.menuLink:visited {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 19px;
	text-decoration: none;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
}
a.menuLink:hover {
	text-decoration: underline;	
}

a.pageLink:link, a.pageLink:active, a.pageLink:visited {
	text-decoration: underline;

	color: #01B5DA;
}
a.pageLink:hover {
	text-decoration: none;	
}
a.whiteLink:link, a.whiteLink:active, a.whiteLink:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
a.whiteLink:hover {
	text-decoration: none;	
}

a.moreLink:link, a.moreLink:active, a.moreLink:visited {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: italic;
	text-decoration: underline;
	color: #FBBA22;
}
a.moreLink:hover {
	text-decoration: none;	
}

a.boxLink:link, a.boxLink:active, a.boxLink:visited {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: italic;
	text-decoration: none;
	background-color: #01B5DA;
	color: #ffffff;
	display: inline-block;
	padding: 10px 10px 10px 10px;
}
a.boxLink:hover {
	text-decoration: none;
	background-color: #FBBA22;	
}

a.bannerButton:link, a.bannerButton:active, a.bannerButton:visited {
	display: block; width: 345px; height: 62px; text-decoration: none; background: url(../images/banner_home_button.png); 	}
a.bannerButton:hover { background-position: -345px 0; }

a.getintouchButton:link, a.getintouchButton:active, a.getintouchButton:visited {
	display: block; width: 211px; height: 62px; text-decoration: none; background: url(../images/button_getintouch.jpg); 	}
a.getintouchButton:hover { background-position: -211px 0; }

a.forSchoolsBig:link, a.forSchoolsBig:active, a.forSchoolsBig:visited {
	display: block; float: right; width: 406px; height: 293px; text-decoration: none; background: url(../images/button_forschools_big.jpg); 	}
a.forSchoolsBig:hover { background-position: -406px 0; }

a.forSchoolsSmall:link, a.forSchoolsSmall:active, a.forSchoolsSmall:visited {
	display: block; width: 240px; height: 173px; text-decoration: none; background: url(../images/button_forschools_small.jpg); 	}
a.forSchoolsSmall:hover { background-position: -240px 0; }

a.forParentsBig:link, a.forParentsBig:active, a.forParentsBig:visited {
	display: block; float: left; width: 406px; height: 293px; text-decoration: none; background: url(../images/button_forparents_big.jpg); 	}
a.forParentsBig:hover { background-position: -406px 0; }

a.forParentsSmall:link, a.forParentsSmall:active, a.forParentsSmall:visited {
	display: block; width: 240px; height: 173px; text-decoration: none; background: url(../images/button_forparents_small.jpg); 	}
a.forParentsSmall:hover { background-position: -240px 0; }

.displace { position: absolute; left: -5000px; }

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
}

#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}

#nav-wrap {

}
#nav {

}
#menu-icon {
	display: none;
}



@media only screen and (max-width: 800px){
 
body {
	background-color: #F3F4F6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.greyline {
	width: 100%;
	clear: both;
	color: #F7F7F7;
	background-color: #F7F7F7;
	height: 1px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

hr {
	margin: 30px 0px 30px 0px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
}

h1 {
	color: #01B5DA;
	font-size: 28px;
	font-weight: bold;
	margin-top: 0px;
}

h2 {
	color: #FBBA22;
	font-size: 24px;
}

h3 {
	color: #01B5DA;
	font-size: 26px;
	font-weight: bold;
	border-bottom: 1px solid #01B5DA;
	padding: 0px 0px 10px 0px;
}

h4 {
	color: #01B5DA;
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
}

h5 {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

h6 {
	color: #FBBA22;
	font-size: 18px;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
}

.blueText {
	color: #01B5DA;
}

header {
	width: 100%;
	background-color: #FFFFFF;
	padding: 22px 0px 80px 0px;
}
header img {
	border: 0px;
}
.headerContent {
	width: 524px;
	margin: 0px auto 0px auto;
}
.headerLogo {
	text-align: center;
	width: 504px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
.headerLogo img {
	width: 280px;
}
.headerContact {
	width: 100%;
	text-align: center;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.headerContact img {
	margin-bottom: 8px;
}
.headerPhone {
	color: #01B5DA;
	font-size: 28px;
}
.headerRegistered {
	font-size: 14px;
	font-style: italic;
	color: #929FA7;
}

.website {
	background-image: url();
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* nav-wrap */
nav {
	background-color: #01B5DA;
	clear: both;
	width: 524px;
	margin: -10px auto -10px auto;
	padding: 10px 0px 8px 0px;
}
	#nav-wrap {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		color: #FFFFFF;
		width: 100px;
		height: 25px;
		padding: 0px 0px 0px 10px;
		cursor: pointer;
		font-size: 18px;
		display: block; /* show menu icon */
	}
	#menu-icon img {
		margin-right: 10px;
	}
	#menu-icon:hover {
	text-decoration:underline;
	}
	#menu-icon.active {
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 45px;
		width: 524px;
		z-index: 10000;
		background: #FBBA22;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 0px 0 0px 0px;
		border-bottom: 1px solid #FFFFFF;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		display: inline;
		padding: 5px 5px 5px 5px;
		color: #FFFFFF;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		color: #FFFFFF;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: #FBBA22;
		font-size: 14px;
	}
	#nav ul li {
		margin: 3px 0 3px 20px;
		border: none;
		list-style: disc;
	}
	#nav ul li a:hover {
	}
	
	#nav a.navLink:link, a.navLink:active, a.navLink:visited {
	display: block;
	font-size: 16px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
		padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
}
#nav a.navLink:hover {
	background-color: #959EA7;
}


.mobileBanner {
	display: block;
	width: 484px;
}
.websiteContent {
	background-color: #FFFFFF;
	width: 484px;
	margin: 15px auto 0px auto;
	padding: 15px 20px 20px 20px;
	border-top: 2px solid #77A2B1;
}
.websiteContent .homeBannerMobile {
	background-image: url(../images/banner_home_mobile.jpg);
	background-repeat: no-repeat;
	width: 484px;
	height: 142px;
}

.homeBanner {
	background-image: url();
	background-repeat: no-repeat;
	height: 100px;
	width: 504px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.homeBannerTitle {
	display: block;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	line-height: 26px;
	color: #C4C9CE;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.homeBannerDesc {
	display: block;
	color: #E8E8E8;
	font-size: 14px;
	line-height: 22px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

.websiteContent .homeTitle {
 	clear: both;
	color: #01B5DA;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	line-height: 32px;
	margin-top: 40px;
}
.websiteContent .homeIntro {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 30px;
}

.bigButtons {
	text-align: center;
}

.newsBox {
	width: 100%;
}
.newsBox p {
	color: #999999;
	font-size: 16px;
	line-height: 26px;
}
.newsBox .newsDate {
	color: #CCCCCC;
	font-size: 13px;
	font-style: italic;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 0px;
}

.newsDate {
	color: #CCCCCC;
	font-size: 13px;
	font-style: italic;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 0px;
}

.rotatingBox {
	width: 484px;
	height: 300px;
	text-align: left;
}

.blueBanner {
	width: 484px;
	margin: 0px auto 0px auto;
	background-color: #01B5DA;
	padding: 25px 20px 25px 20px;
	color: #FFFFFF;
}

.blueBannerLeft {
	width: 484px;
}
.blueBannerRight {
	width: 484px;
}
.blueBannerRight p {
	color: #FFFFFF;
	font-size: 15px;
	line-height: 24px;
	font-style: italic;
}

.enquirylabel {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	vertical-align: top;
	width: 120px
}
.contactText {
	width: 360px;
}

.ninetynine {
	vertical-align: top;
}

.contentLeft {
	float: left;
	width: 100%;
}
.contentLeft p {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 20px;
}
.contentLeft blockquote {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	font-style: italic;
}
.contentLeft table {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
}
.contentLeft .highlightText {
	color: #FBBA22;
	font-style: italic;
	font-size: 18px;
}
.contentLeft ul {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 20px;
	list-style-image: url(../images/arrow_blue.jpg); 
}

.highlightBox {
	background-color: #FFF8E8;
	width: 440px;
	padding: 5px 20px 5px 20px;
	margin: 40px 0px 40px 0px;
	border: 1px solid #FBBA22;
}

.contentRight {
	float: right;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.contentRight p {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 20px;
}
.contentRight ul {
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	line-height: 28px;
	margin-bottom: 20px;
	list-style-image: url(../images/arrow_orange.jpg); 
}

.biogTitle {
	color: #FBBA22;
	font-size: 22px;
}
.biogPic {
	float: left;
	margin: 0px 15px 15px 0px;
	border: 1px solid #01B5DA;
	width: 120px;
}

.contactEmail {
}

footer {
	width: 100%;
	background-color: #FBBA22;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
footer img {
	border: 0px;
}

.footerContent {
	width: 504px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 20px 10px;
}
.footerLeft {
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 36px;
	font-size: 18px;
	color: #FFFFFF;
}
.footerLeft .footerPhone {
	font-size: 26px;
	color: #FFFFFF;
}
.footerRight {
	width: 100%;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
.footerRegistered {
	color: #FFFFFF;
	font-style: italic;
	font-size: 14px;
}

.footerCopyright {
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	border-top: 1px solid #F7F7F7;
	padding: 15px 0px 20px 0px;
	margin-bottom:30px;
	text-align: left;
}
.footerCopyright p {
	margin: 0px 0px 0px 0px;
}
.copyrightLeft {
	width: 100%;
	text-align: left;
}
.copyrightRight {
	width: 100%;
	text-align: left;
}

a.ceriLink:link, a.ceriLink:active, a.ceriLink:visited {
	font-family: "Trebuchet MS", Calibri, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.ceriLink:hover {
	text-decoration: none;
}


a.menuLink:link, a.menuLink:active, a.menuLink:visited {
	display: block;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	background-color: #FBBA22;
	padding: 5px 15px 5px 15px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	width: 270px;
	border-bottom: 1px solid #FFFFFF;
}
a.menuLink:hover {
	background-color: #959EA7;
}

a.pageLink:link, a.pageLink:active, a.pageLink:visited {
	text-decoration: underline;
	color: #01B5DA;
}
a.pageLink:hover {
	text-decoration: none;	
}

a.moreLink:link, a.moreLink:active, a.moreLink:visited {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: italic;
	text-decoration: underline;
	color: #FBBA22;
}
a.moreLink:hover {
	text-decoration: none;	
}

a.bannerButton:link, a.bannerButton:active, a.bannerButton:visited {
 clear: both; display: block; width: 260px; height: 46px; text-decoration: none; background: url(../images/banner_home_button_mobile.png); 	}
a.bannerButton:hover { background-position: -260px 0; }

a.getintouchButton:link, a.getintouchButton:active, a.getintouchButton:visited {
	display: block; width: 211px; height: 62px; text-decoration: none; background: url(../images/button_getintouch.jpg); 	}
a.getintouchButton:hover { background-position: -211px 0; }

a.forSchoolsBig:link, a.forSchoolsBig:active, a.forSchoolsBig:visited {
	display: block; float:left; width: 240px; margin-left: 9px; height: 173px; text-decoration: none; background: url(../images/button_forschools_small.jpg);	}
a.forSchoolsBig:hover { background-position: -240px 0; }

a.forSchoolsSmall:link, a.forSchoolsSmall:active, a.forSchoolsSmall:visited {
	display: block; width: 240px; height: 173px; float:left; margin-left: 9px; margin-top: -3px; text-decoration: none; background: url(../images/button_forschools_small.jpg); 	}
a.forSchoolsSmall:hover { background-position: -240px 0; }

a.forParentsBig:link, a.forParentsBig:active, a.forParentsBig:visited {
	display: block; clear: both; float:left; margin-left: -5px; width: 240px; height: 173px; text-decoration: none; background: url(../images/button_forparents_small.jpg);  	}
a.forParentsBig:hover { background-position: -240px 0; }

a.forParentsSmall:link, a.forParentsSmall:active, a.forParentsSmall:visited {
	display: block; width: 240px; height: 173px; float:left; margin-left: -5px; text-decoration: none; background: url(../images/button_forparents_small.jpg); 	}
a.forParentsSmall:hover { background-position: -240px 0; }

.displace { position: absolute; left: -5000px; }

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
}

#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}
 
}



@media only screen and (max-width: 524px){
 
body {
	background-color: #F3F4F6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.greyline {
	width: 100%;
	clear: both;
	color: #F7F7F7;
	background-color: #F7F7F7;
	height: 1px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

hr {
	margin: 30px 0px 30px 0px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
}

h1 {
	color: #01B5DA;
	font-size: 28px;
	font-weight: bold;
	margin-top: 0px;
}

h2 {
	color: #FBBA22;
	font-size: 24px;
}

h3 {
	color: #01B5DA;
	font-size: 26px;
	font-weight: bold;
	border-bottom: 1px solid #01B5DA;
	padding: 0px 0px 10px 0px;
}

h4 {
	color: #01B5DA;
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
}

h5 {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

h6 {
	color: #FBBA22;
	font-size: 18px;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
}

.blueText {
	color: #01B5DA;
}

header {
	width: 100%;
	background-color: #FFFFFF;
	padding: 22px 0px 80px 0px;
}
header img {
	border: 0px;
}
.headerContent {
	width: 300px;
	margin: 0px auto 0px auto;
}
.headerLogo {
	text-align: center;
	width: 280px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
.headerLogo img {
	width: 280px;
}
.headerContact {
	width: 100%;
	text-align: center;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.headerContact img {
	margin-bottom: 8px;
}
.headerPhone {
	color: #01B5DA;
	font-size: 28px;
}
.headerRegistered {
	font-size: 14px;
	font-style: italic;
	color: #929FA7;
}

.website {
	background-image: url();
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* nav-wrap */
nav {
	background-color: #01B5DA;
	clear: both;
	width: 300px;
	margin: -10px auto -10px auto;
	padding: 10px 0px 8px 0px;
}
	#nav-wrap {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		color: #FFFFFF;
		width: 100px;
		height: 25px;
		padding: 0px 0px 0px 10px;
		cursor: pointer;
		font-size: 18px;
		display: block; /* show menu icon */
	}
	#menu-icon img {
		margin-right: 10px;
	}
	#menu-icon:hover {
	text-decoration:underline;
	}
	#menu-icon.active {
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 45px;
		width: 300px;
		z-index: 10000;
		background: #FBBA22;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 0px 0 0px 0px;
		border-bottom: 1px solid #FFFFFF;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		display: inline;
		padding: 5px 5px 5px 5px;
		color: #FFFFFF;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		color: #FFFFFF;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: #FBBA22;
		font-size: 14px;
	}
	#nav ul li {
		margin: 3px 0 3px 20px;
		border: none;
		list-style: disc;
	}
	#nav ul li a:hover {
	}
	
	#nav a.navLink:link, a.navLink:active, a.navLink:visited {
	display: block;
	font-size: 16px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
		padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
}
#nav a.navLink:hover {
	background-color: #959EA7;
}

.mobileBanner {
	display: block;
	width: 260px;
}
.mobileBanner img {
	width: 260px;
}
.websiteContent {
	background-color: #FFFFFF;
	width: 260px;
	margin: 15px auto 0px auto;
	padding: 15px 20px 20px 20px;
	border-top: 2px solid #77A2B1;
}
.websiteContent .homeBannerMobile {
	background-image: url(../images/banner_home_mobile.jpg);
	background-repeat: no-repeat;
	width: 260px;
	height: 142px;
}

.homeBanner {
	background-image: url();
	background-repeat: no-repeat;
	height: 100px;
	width: 280px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.homeBannerTitle {
	display: block;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	line-height: 26px;
	color: #C4C9CE;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.homeBannerDesc {
	display: block;
	color: #E8E8E8;
	font-size: 14px;
	line-height: 22px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

.websiteContent .homeTitle {
 	clear: both;
	color: #01B5DA;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	line-height: 32px;
	margin-top: 40px;
}
.websiteContent .homeIntro {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 30px;
}

.bigButtons {
	text-align: center;
}

.newsBox {
	width: 100%;
}
.newsBox p {
	color: #999999;
	font-size: 16px;
	line-height: 26px;
}
.newsBox .newsDate {
	color: #CCCCCC;
	font-size: 13px;
	font-style: italic;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 0px;
}

.newsDate {
	color: #CCCCCC;
	font-size: 13px;
	font-style: italic;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 0px;
}

.rotatingBox {
	width: 260px;
	height: 300px;
	text-align: left;
}

.blueBanner {
	width: 260px;
	margin: 0px auto 0px auto;
	background-color: #01B5DA;
	padding: 25px 20px 25px 20px;
	color: #FFFFFF;
}

.blueBannerLeft {
	width: 260px;
}
.blueBannerRight {
	width: 260px;
}
.blueBannerRight p {
	color: #FFFFFF;
	font-size: 15px;
	line-height: 24px;
	font-style: italic;
}

.enquirylabel {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	vertical-align: top;
	width: 120px
}
.contactText {
	width: 180px;
}

.ninetynine {
	vertical-align: top;
}

.contentLeft {
	float: left;
	width: 100%;
}
.contentLeft p {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 20px;
}
.contentLeft blockquote {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	font-style: italic;
}
.contentLeft table {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
}
.contentLeft .highlightText {
	color: #FBBA22;
	font-style: italic;
	font-size: 18px;
}
.contentLeft ul {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 20px;
	list-style-image: url(../images/arrow_blue.jpg); 
}

.highlightBox {
	background-color: #FFF8E8;
	width: 220px;
	padding: 5px 20px 5px 20px;
	margin: 40px 0px 40px 0px;
	border: 1px solid #FBBA22;
}

.contentRight {
	float: right;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.contentRight p {
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	line-height: 32px;
	margin-bottom: 20px;
}
.contentRight ul {
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	line-height: 28px;
	margin-bottom: 20px;
	list-style-image: url(../images/arrow_orange.jpg); 
}

.biogTitle {
	color: #FBBA22;
	font-size: 22px;
}
.biogPic {
	float: left;
	margin: 0px 15px 15px 0px;
	border: 1px solid #01B5DA;
	width: 120px;
}
.contactEmail {
font-size: 13px;
}

footer {
	width: 100%;
	background-color: #FBBA22;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
footer img {
	border: 0px;
}

.footerContent {
	width: 280px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 20px 10px;
}
.footerLeft {
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 36px;
	font-size: 18px;
	color: #FFFFFF;
}
.footerLeft .footerPhone {
	font-size: 26px;
	color: #FFFFFF;
}
.footerRight {
	width: 100%;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
.footerRegistered {
	color: #FFFFFF;
	font-style: italic;
	font-size: 14px;
}

.footerCopyright {
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	border-top: 1px solid #F7F7F7;
	padding: 15px 0px 20px 0px;
	margin-bottom:30px;
	text-align: left;
}
.footerCopyright p {
	margin: 0px 0px 0px 0px;
}
.copyrightLeft {
	width: 100%;
	text-align: left;
}
.copyrightRight {
	width: 100%;
	text-align: left;
}

a.ceriLink:link, a.ceriLink:active, a.ceriLink:visited {
	font-family: "Trebuchet MS", Calibri, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.ceriLink:hover {
	text-decoration: none;
}


a.menuLink:link, a.menuLink:active, a.menuLink:visited {
	display: block;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	background-color: #FBBA22;
	padding: 5px 15px 5px 15px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	width: 270px;
	border-bottom: 1px solid #FFFFFF;
}
a.menuLink:hover {
	background-color: #959EA7;
}

a.pageLink:link, a.pageLink:active, a.pageLink:visited {
	text-decoration: underline;
	color: #01B5DA;
}
a.pageLink:hover {
	text-decoration: none;	
}

a.moreLink:link, a.moreLink:active, a.moreLink:visited {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: italic;
	text-decoration: underline;
	color: #FBBA22;
}
a.moreLink:hover {
	text-decoration: none;	
}

a.bannerButton:link, a.bannerButton:active, a.bannerButton:visited {
 clear: both; display: block; width: 260px; height: 46px; text-decoration: none; background: url(../images/banner_home_button_mobile.png); 	}
a.bannerButton:hover { background-position: -260px 0; }

a.getintouchButton:link, a.getintouchButton:active, a.getintouchButton:visited {
	display: block; width: 211px; height: 62px; text-decoration: none; background: url(../images/button_getintouch.jpg); 	}
a.getintouchButton:hover { background-position: -211px 0; }

a.forSchoolsBig:link, a.forSchoolsBig:active, a.forSchoolsBig:visited {
	display: block; width: 240px; height: 173px; text-decoration: none; margin-top: 10px; background: url(../images/button_forschools_small.jpg);	}
a.forSchoolsBig:hover { background-position: -240px 0; }

a.forSchoolsSmall:link, a.forSchoolsSmall:active, a.forSchoolsSmall:visited {
	display: block; width: 240px; height: 173px; margin-top: 10px; text-decoration: none; background: url(../images/button_forschools_small.jpg); 	}
a.forSchoolsSmall:hover { background-position: -240px 0; }

a.forParentsBig:link, a.forParentsBig:active, a.forParentsBig:visited {
	display: block; clear: both; width: 240px; height: 173px; margin-left: 9px; text-decoration: none; background: url(../images/button_forparents_small.jpg);  	}
a.forParentsBig:hover { background-position: -240px 0; }

a.forParentsSmall:link, a.forParentsSmall:active, a.forParentsSmall:visited {
	display: block; width: 240px; height: 173px; text-decoration: none; margin-left: 9px; background: url(../images/button_forparents_small.jpg); 	}
a.forParentsSmall:hover { background-position: -240px 0; }

.displace { position: absolute; left: -5000px; }

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
}

#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}



 
}