/* FIND AND REPLACE BRAND COLOURS */
/* Primary Color: #015598 (Ocean Blue)*/
/* Secondary Color: #99CC00 (Light Green)*/
/* Tertiary Color: #B95C00 (Light Brown)*/
/* Body Text */

/* FIXES & OVERRIDES*/

	/* Reset Lists */
	ul.Reset, ul.Reset li {
		display:block;
		margin:0;
		padding:0;
		list-style:none;
		width:auto;
		background:none;
	}
	ul.Reset li {
		float:left;
	}
	ul.ResetNoFloat, ul.ResetNoFloat li {
		display:block;
		margin:0;
		padding:0;
		list-style:none;
		width:auto;
		background:none;
	}
	ul.ResetNoFloat li {
		float:none !important;
	}


/* Clear Fix - allows an element with floated child elements to wrap it's content without requiring a closing element to clear:both  */
	
	.group:before,
	.group:after {
		content: "";
		display: table;
	} 
	.group:after {
		clear: both;
	}
	.group {
		zoom: 1; /* For IE 6/7 (trigger hasLayout) */
	}

/* Body Text */
article, aside, footer, header, nav, section, main {
	display:block;
}
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
body {
	background:#E6E6E6;
}

#frm {
	position:relative;
	min-height:100%;
}
img {
	max-width:100%;
}
header {
	position:relative;
	z-index:10;
}
#banner {
	position:relative;
	width:100%;
	height:256px;
	overflow:hidden;
	line-height:0;
}
#banner img {
	width:100%;
}
.mdcs-home #banner {
	height: auto;
}

#banner .captionContainer {
    width: 100% !important;
}

.SlideShow {
	width: 100% !important;
}
#bannerText {
	display:none;
}

#logoTriangle {
	position:absolute;
	bottom:-1px;
	left:9.41176470588235%;
	width:120px;
	
}
.logo40Anniversary {
    position: absolute;
    top: 20px;
    left: -100px;
    width: 100px;
}
@media screen and (max-width: 979px) {
    .logo40Anniversary {
        top: 30px;
        left: 150px;
        width: 70px;
    }
}
@media screen and (max-width: 699px) {
    .logo40Anniversary {
        top: 20px;
    }
}

#mainNav {
	height:58px;
	width:100%;
	background:#fff;
	position:relative;
	line-height:0;
}
#mainNavInner, #mainNavContact {
	height: 58px;
	width: 100%;
	background: #fff;
	position: relative;
	line-height: 0;
	overflow:hidden;
}

#logoText {
	width:180px;
	position:absolute;
	left:5.3125%;
	bottom:16px;
}

#trigger {
	position:absolute;
	top:14px;
	right:20px;
}

#TopNav {
	display:none;
}

@media screen and (min-width:700px) {
	#logoText {
		width:200px;
		left:41px;
		bottom:13px;
	}
	#logoTriangle {
		width:133px;
		left:60px;
	}
	#banner {
		height:370px;
	}
	#bannerText {
		display:block;
		width:350px;
		position:absolute;
		bottom:7%;
		right:2%;
	}
	#bannerText h1 {
		line-height:1.2em;
		font-family: 'Covered by your grace', cursive;
		font-size:1.875em; /* 30 / 16 */
		color: #FFF; /*#003985;*/
	}
	
}/*/mediaquery*/
@media screen and (min-width:820px) {
	#bannerText {right:8%;}
}/*/mediaquery*/
@media screen and (min-width:940px) {
	#bannerText {right:12%;}
}/*/mediaquery*/
@media screen and (min-width:1300px) {
	#bannerText {right:20%;}
}/*/mediaquery*/

@media screen and (min-width:980px) {
	#logoText {
		padding:14px 68px 0 0;
		left:14%;
	}
	#logoTriangle {
		width:165px;
		left:17.625%;
	}
	#banner {
		height:400px;
	}

}/*/mediaquery*/

#logoText img {
	max-width:100%;
}

#mainContent {
	width:100%;
	min-height:564px;
	text-align:center;
	overflow:hidden;
}

#homeContentWrap {
	width:320px;
	position:relative;
	display:inline-block;
	min-height:500px;
}
@media screen and (min-width:1260px) {
	#mainNav {
		height:76px;
		text-align:center;
	}
	#mainNavInner {
		height:146px;
		text-align:center;
		background:url(../img/bg-nav.png) repeat-x;
	}
	#mainNavInner.bg-level {
		height:196px;
	}
	#mainNavContact {
		height:76px;
		text-align:center;
	}
	#mainNavWrap {
		width:1195px;
		display:inline-block;
		position:relative;
	}
	#TopNav {
		display:block;
	}
	.house {
		position:absolute;
		top:36px;
        left:270px;
		height:20px;
		width:22px;
		display:block;
		background:transparent url(../img/btn-house.png) no-repeat;
	}
	.house:hover {
		background-position:-22px 0px;
	}
	#trigger {
		display:none;
	}
	#logoText {
		width:250px;
		float:left;
		position:static;
		padding:14px 68px 0 0;
	}

}/*/mediaquery*/

@media screen and (min-width:700px) {
	#homeContentWrap {
		width:700px;
		min-height:1149px;
	}
}/*/mediaquery*/
@media screen and (min-width:980px) {
	#homeContentWrap {
		width:1005px;
		min-height:577px;
	}
}/*/mediaquery*/

#homeContentWrap a {
	color:#fff;
	text-decoration:none;
	font-size:0.9375em; /*15 / 16*/
	font-weight:300;
}
	
/* grey bg triangles */
#triangle-topleft {
	width: 0;
	height: 0;
	border-top: 111px solid #D6D6D6;
	border-right: 111px solid transparent;
	position:absolute;
	top:0;
	left:21px;
}
#triangle-topright {
	width: 0;
	height: 0;
	border-top: 111px solid #D6D6D6;
	border-left: 111px solid transparent;
	position:absolute;
	top:0;
	left:186px;
}
a#opendaysm {
	display:block;
	width:111px;
	height:111px;
	background:url(../img/btn-opendays-m.png);
	background-size:contain;
	position:absolute;
	top:0;
	left:186px;
	z-index:2000;
}

#triangle-left-container {
	position:absolute;
	left:-104px;
	top:119px;
	background:url(../img/greyBgDiamond.png);
	width:180px;
	height:180px;
}
#triangle-right-container {
	position:absolute;
	top:119px;
	left:241px;
	background:url(../img/greyBgDiamond.png);
	width:180px;
	height:180px;	
}

.downBtn {
	width:60px;
	height:32px;
	background:url(../img/btn-down.png);
	display:block;
}
.upBtn {
	width:60px;
	height:32px;
	background:url(../img/btn-up.png);
	display:block;
}
@media screen and (min-width:700px) {
	#triangle-topleft {
		border-top:227px solid #D6D6D6;
		border-right:227px solid transparent;
		left:68px;
	}
	#triangle-topright {
		border-top: 227px solid #D6D6D6;
		border-left: 227px solid transparent;
		left:406px;
	}
	a#opendaysm {
		left:406px;
		width:227px;
		height:227px;
	}
	
	#triangle-left-container {
		top:247px;
		left:-181px;
		background:url(../img/greyBgDiamondTab.png);
		width:360px;
		height:360px;
	}
	#triangle-right-container {
		top:247px;
		left:520px;
		background:url(../img/greyBgDiamondTab.png);
		width:360px;
		height:360px;		
	}

}/*/mediaquery*/
@media screen and (min-width:980px) {
	#triangle-topleft, #triangle-topright, #triangle-left-container, #triangle-right-container, a#opendaysm {
		display:none;
	}
}/*/mediaquery*/

/* Diamonds */
#about-diamond-container {
	position:absolute;
	top:0;
	left:28px;
	background:url(../img/whiteDiamond.png) no-repeat;
	width:262px;
	height:262px;
}
#about-diamond-image {
	position:absolute;
	left:58px;
	top:29px;
	height:204px;
	width:204px;
	background:url(../img/aboutDiamondMob.png) no-repeat;
}
#about-button {
	position:absolute;
	top:29px;
	left:110px;
}
.aboutBtn {
	height:103px;
	width:102px;
	display:block;
	background:url(../img/btn-About.png);
}
.aboutBtn:hover {
	background-position:-102px 0;
}
#links-diamond-container {
	position:absolute;
	top:256px;
	left:28px;
	background:url(../img/whiteDiamond.png) no-repeat;
	width:262px;
	height:262px;
}
#blue-link-diamonds {
	position:absolute;
	top:340px;
	left:59px;
	width:206px;
	height:154px;
}
#blue-link-diamonds-tablet, #blue-link-diamonds-desk {
	display:none;
}
#emptypng {
	position:absolute;
	z-index:200;
	top:0;
	left:0;
	border:none;
}
#overlayr1 {
	position:absolute;
	top:0;
	left:0;
	width:103px;
	height:102px;
	background: url(../img/btn-enrolment.png);
	z-index:100;
	display:none;
}
#overlayr2 {
	position:absolute;
	top:0;
	left:103px;
	width:102px;
	height:102px;
	background: url(../img/btn-news.png);
	z-index:100;
	display:none;
}
#overlayr3 {
	position:absolute;
	top:52px;
	left:51px;
	width:103px;
	height:102px;
	background: url(../img/btn-calendar.png);
	z-index:100;
	display:none;
}

#community-diamond-container {
	position:absolute;
	left:46px;
	top:158px;
	background:url(../img/centerDiamond.png) no-repeat;
	width:231px;
	height:231px;
}
	
#community-diamond-container a {
	font-weight:100;
	font-size:1.25em; /* 20 / 16 */
	padding-top:102px;
	margin: 0 0 5px;
	color: #003885;
	display:block;
	line-height: 35px;
	text-align: center;
}

#map-button {
	position:absolute;
	left:46px;
	top:448px;
}
.mapBtn {
	height:116px;
	width:232px;
	display:block;
	background:url(../img/btn-mapMob.png);
}
.mapBtn:hover {
	background-position:-232px 0;
}
#triangle-down-button, #triangle-down-button-top, #triangle-up-button {
	display:none;
}


@media screen and (min-width:700px) {
	#about-diamond-container {
		left:83px;
		background:url(../img/whiteDiamondTablet.png);
		height:534px;
		width:534px;
	}
	#about-diamond-image {
		position:absolute;
		left:142px;
		top:58px;
		height:418px;
		width:418px;
		background:url(../img/aboutDiamond.png) no-repeat;
	}
	#about-button {
		position:absolute;
		top:57px;
		left:247px;
	}
	.aboutBtn {
		height:209px;
		width:208px;
		display:block;
		background:url(../img/btnAboutBig.png);
	}
	.aboutBtn:hover {
		background-position:-208px 0;
	}

	#links-diamond-container {
		position:absolute;
		top:520px;
		left:83px;
		background:url(../img/whiteDiamondTablet.png);
		height:534px;
		width:534px;
	}
	
	#blue-link-diamonds {
		display:none;
	}
	#blue-link-diamonds-tablet {
		display:block;
		position:absolute;
		top:684px;
		left:144px;
		width:420px;
		height:314px;
	}
	#overlayr4 {
		position:absolute;
		top:0;
		left:0;
		width:209px;
		height:207px;
		background: url(../img/btn-enrolmentBig.png);
		z-index:100;
		display:none;
	}
	#overlayr5 {
		position:absolute;
		top:0;
		left:211px;
		width:209px;
		height:207px;
		background: url(../img/btn-newsBig.png);
		z-index:100;
		display:none;
	}
	#overlayr6 {
		position:absolute;
		top:106px;
		left:105px;
		width:209px;
		height:207px;
		background: url(../img/btn-calendarBig.png);
		z-index:100;
		display:none;
	}

	#community-diamond-container {
		position:absolute;
		left:118px;
		top:317px;
		background:url(../img/centerDiamondTablet.png) no-repeat;
		width:470px;
		height:470px;
	}
		
	#community-diamond-container a {
		font-weight:100;
		font-size:2.625em; /* 42 / 16 */
		padding-top:220px;
	}
	
	#map-button {
		position:absolute;
		left:115px;
		top:920px;
	}
	.mapBtn {
		height:235px;
		width:470px;
		display:block;
		background:url(../img/btn-map.png);
	}
	.mapBtn:hover {
		background-position:-470px 0;
	}
	#triangle-down-button {
		display:block;
		position:absolute;
		left:321px;
		width:60px;
		height:32px;
	}
	#triangle-down-button-top {
		display:block;
		position:absolute;
		top:0px;
		left:45.857142857143%;
		width:60px;
		height:32px;
	}
	#triangle-up-button {
		display:block;
		position:absolute;
		bottom:0px;
		left:45.857142857143%;
		width:60px;
		height:32px;
	}
}/*/mediaquery*/

@media screen and (min-width:980px) {
	#triangle-down-one, #triangle-down-two, #triangle-down-three, #triangle-down-four, #triangle-down-five {
		display:block;
		width: 0;
		height: 0;
		border-left: 180px solid transparent;
		border-right: 180px solid transparent;
		border-top: 180px solid #D6D6D6;
		position:absolute;
	}
	#triangle-down-one {
		left:-591px;
	}
	#triangle-down-two {
		left:-146px;
	}
	#triangle-down-three {
		left:322px;
	}
	#triangle-down-four {
		left:789px;
	}
	#triangle-down-five {
		left:1248px;
	}
	#triangle-up-one, #triangle-up-two {
		width: 0;
		height: 0;
		border-left: 170px solid transparent;
		border-right: 170px solid transparent;
		border-bottom: 170px solid #D6D6D6;
		position:absolute;
		top:413px;
	}
	#triangle-up-one {
		left:-77px;
	}
	#triangle-up-two {
		left:737px;
	}
	a#opendays {
		position:absolute;
		left:737px;
		top:413px;
		background:url(../img/btn-opendays.png);
		width:340px;
		height:170px;
		z-index:500;
	}
	#triangle-down-button-top, #triangle-up-button {
		left:46.965174129353%;
	}
	#triangle-down-button {
		left:472px;
	}
	#about-diamond-container {
		left:0px;
	}
	#about-diamond-image {
		left:58px;
	}
	#about-button {
		top:162px;
		left:57px;
	}
	.aboutBtn {
		height:209px;
		width:208px;
		display:block;
		background:url(../img/btnAboutBig.png);
	}
	.aboutBtn:hover {
		background-position:-208px 0;
	}
	
	#links-diamond-container {
		position:absolute;
		top:0px;
		left:471px;
	}
	#blue-link-diamonds-tablet {
		display:none;
	}
	#blue-link-diamonds-desk {
		display:block;
		position:absolute;
		top:57px;
		left:634px;
		width: 316px;
		height: 422px;
	}
	#overlayr7 {
		position:absolute;
		top:1px;
		left:0px;
		width:209px;
		height:207px;
		background: url(../img/btn-enrolmentBig.png);
		z-index:100;
		display:none;
	}
	#overlayr8 {
		position:absolute;
		top:212px;
		left:1px;
		width:209px;
		height:207px;
		background: url(../img/btn-newsBig.png);
		z-index:100;
		display:none;
	}
	#overlayr9 {
		position:absolute;
		top:106px;
		left:106px;
		width:209px;
		height:207px;
		background: url(../img/btn-calendarBig.png);
		z-index:100;
		display:none;
	}

	#community-diamond-container {
		position:absolute;
		left:267px;
		top:32px;
		background:url(../img/centerDiamondTablet.png) no-repeat;
		width:470px;
		height:470px;
	}
		
	#community-diamond-container a {
		font-weight:100;
		font-size:2.625em; /* 42 / 16 */
		padding-top:220px;
	}
	#map-button {
		left:267px;
		top:358px;
	}

}/*/mediaquery*/
/* News & events */
#news-events {
	background:#F1F8E8;
	width:100%;
}
#news-events-center {
	width:80%;
	max-width:980px;
	margin:32px auto;
}
#news, #events {
	width:50%;
	float:left;
}
#news h2, #events li a {
	font-family:'Open Sans';
	font-size:1.5625em;/*25/16*/
	padding: 10px 0 10px 55px;
	text-align:left;
	margin:0;
}
#news h2 a, #events li a {
	color:#72B800;
}
#news .postInfo, #news .rss {display:none;}
#news p, #events .eventDate {
	padding:0 30px 0 55px;
}
#news h2 {
	background:url(../img/bg-h3-news.png) no-repeat left;
}
#events li a {
	background:url(../img/bg-h3-events.png) no-repeat left;
}
#events ul {
	margin:0;
	padding:0;
}
#news ul li, #events ul li {
	font-size:1em;
	padding:0 0 5px 25px;
}
@media screen and (max-width:850px) {
	#news, #events {float:none; width:100%;}
	#news {margin-bottom: 30px;}
}/*/mediaquery*/
/* Home Quote */
#homeQuote {
	width:100%;
	background:url(../img/homeQuoteBgMob.jpg);
	text-align:center;
	height:208px;
	position:relative;
}
@media screen and (min-width:430px) {
	.blockQuote {
		line-height:1.4em;
		padding:40px;
	}
}/*/mediaquery*/
@media screen and (min-width:560px) {
	.blockQuote {
		line-height:1.4em;
		padding:40px 12%;
	}
}/*/mediaquery*/
@media screen and (min-width:620px) {
	.blockQuote {
		line-height:1.6em;
		padding:40px 12%;
	}
}/*/mediaquery*/
@media screen and (min-width:800px) {
	.blockQuote {
		font-size:1.75em; /* 28 / 16 */
	}
}/*/mediaquery*/
@media screen and (min-width:1200px) {
	.blockQuote {
		line-height:1.8em;
		font-size:1.875em; /* 30 / 16 */
	}
}/*/mediaquery*/


/* Footer */
footer {
	background-color:#094186;
	width:100%;
	color:#FFF;
	text-align:center;
}

#headerCenter, #bannerCenter, #pageTitle, #mainContentCenter, #footerCenter {
	margin:0 auto;
}
#bannerContainer {
	text-align:center;
	width:1400px;
	margin-left:-210px;
	line-height:0;
}
#pageTitle h1 {
	padding-left:270px;
}


/* Header */
.logo {
}


/* Footer */
#icons-container {
	width:200px;
	margin:0 auto;
}
@media screen and (min-width:540px) {
	#icons-container {
		width:428px;
	}
}/*/mediaquery*/
@media screen and (min-width:700px) {
	#icons-container {
		width:640px;
	}
}/*/mediaquery*/

#footer ul.icons {
	margin:0;
	padding:26px 0 26px 0;
	text-align:left;
	background:none;
}
#footer ul.icons li {
	padding:6px 0 20px 44px;
	width:168px;
	float:left;
}

#footer ul.icons li.phone {
	background:url(../img/iconsPhone.png) no-repeat;
	background-size:34px;
}

#footer ul.icons li.email {
	background:url(../img/iconsEmail.png) no-repeat;
	background-size:34px;
}

#footer ul.icons li.location {
	background:url(../img/iconsMap.png) no-repeat;
	background-size:34px;
}

#footer ul.icons li.pto {
	background:url(../img/iconsPto.png) no-repeat;
	background-size:34px;
}

#footer ul.icons li.face {
	background:url(../img/iconsF.png) no-repeat;
	background-size:34px;
}

#footer ul.icons li.safety {
	background:url(../img/iconSafety.png) no-repeat;
	background-size:34px;
}

#footer ul.icons li.mm {
	background:url(../img/iconsM.png) no-repeat;
	background-size:34px;
}


#footer ul.icons a {
	color:#fff;
	font-size:1.125em ; /* 18 / 16 */
	text-transform:uppercase;
}
#footerCenter {
	text-align:center;
	padding:20px 30px 0;
	font-weight:200;
	display:inline-block;
	width:80%;
}
#footerCenter a {
	color:#FFF;
	font-size:0.8125em; /* 13 / 16 */
}
#footerCenter .siteCredit {
	display:block;
	width:auto;
	opacity:0.3;
	margin-top:20px;
	padding-bottom:50px;
	font-size:0.75em; /* 12 / 16 */
	transition: all 1.5s ease 0s;
}
#footerCenter .siteCredit:hover {
	background:none;
	opacity:1;
	text-decoration:none;
}
#footerCenter .siteCredit img {
	vertical-align:middle;
}


/* Home */
.columns3 {
	float:left;
	width:30%;
	margin:0 1%;
	text-align:center;
}


/* Inside */
#mainContentInner {
	background:#fff;
	width: 100%;
	min-height: 564px;
	text-align: center;
	overflow: hidden;
}
#gradient {
	width:100%;
	height:75px;
	background:url(../img/gradient.png) repeat-x;
}
#diamonds {
	width:75px;
	padding-top:26px;
}
#mainContentCenter {
	width:74.6875%;
	max-width:987PX;
	text-align:left;
	margin-bottom:40px;
}
@media screen and (min-width:700px) {
	.floatLeft {
		float:left;
		margin:0 36px 25px 0;
		clear:both;
		width:inherit;
	}
	.floatRight {
		float:right;
		margin:0 0 25px 36px;
		clear:both;
		width:inherit;
	}
}/*/mediaquery*/
.hrGrey {
	border-color:#FFFFFF;
}
@media screen and (min-width:980px) {
	.hrGrey {
		border-color:#EEEEEE;
	}
}/*/mediaquery*/


/* 2 col layout */

.leftCol {
	width:50%;
	padding-right:5%;
	border-right:#EEEEEE 1px solid;
	float:left;
}

.rightCol {
	width:39%;
	float:right;
}
.leftColfifty {
	width:45%;
	padding-right:5%;
	border-right:#EEEEEE 1px solid;
	float:left;
}

.rightColfifty {
	width:45%;
	float:right;
}


@media screen and (max-width:900px) {
	.leftCol, .leftColfifty {
		float:none;
		width:100%;
		padding:0;
		border:none;
	}
	.rightCol, .rightColfifty {
		float:none;
		width:100%;
	}
}

#locationMap {
	width:100%;
	height:400px;
}
#locationMap img {
    max-width: none;
}


/* ANNIVERSARY */
.anniversary-logo {
    height: 80px;
    margin-top: -90px;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
@media screen and (max-width:800px) {
    .anniversary-logo {
        height: 70px;
    }
}
@media screen and (max-width:699px) {
    .anniversary-logo {
        height: 80px;
        margin-top: 10px;
    }
}