@media only screen and (max-width: 1280px) {
	/* max-width:1250px */
	/* hide 'independent thought' home page module */
	.block2{/*display:none;*/}
	header .headerLogos img.partnerLogo {
    	width: 100px; /*shrinks logos size - FD 24/09/2013*/
		height: auto;
	}
	.row,
	.homeNavRow {
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.campaignBlocks .row,
	.newsAndEvents .row,
	.social .row {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.mosiacLinks .tile a {
		font-size: 14px;
		line-height: 15px;
	}
	.mosiacLinks .tile.large i {
		font-size: 36px;
	}
	.mosiacLinks .tile.small i {
		font-size: 18px;
	}
	.mosiacLinks .tile.small i.icon-tripadvisor {
		width: 20px;
		height: 20px;
		background-size: cover;
	}
}
@media only screen and (max-width: 1150px) {
	/* max-width:1250px */
	/* hide 'spaceman' home page image */
	.block9{/*display:none;*/}
	.sixcolex .sHeader h2{
		font-size:1.1em;
	}
/*online learning - Fiona at Granite July 2014*/
.row .courseTeaser {
    width: 31%;
}
.row .courseTeaser.last {
    margin-right: 3.4%;
}
.row .courseTeaser:nth-child(3n+3) {
    margin-right: 0;
}
.campaignBlocks .campaign h2 {
	font-size: 16px;
	text-align: left;
}
.mosiacLinks .tile a {
	padding: 5px;
}
.mosiacLinks .tile.large i {
	font-size: 24px;
}
.mosiacLinks .tile.small i {
	font-size: 16px;
}
.mosiacLinks .tile.small i.icon-tripadvisor {
	width: 20px;
	height: 20px;
	background-size: cover;
}
}

@media only screen and (max-width: 1024px) {
	/* max-width:1024px */

	.sixcolex .sHeader h2{
		font-size:1em;
		padding:7px;
	}
	div.spotlight .text h2 {
    	font-size: 14px;
		line-height: 17px;
	}
	
	div.spotlight .text p.summary {
		display: none;
	}
	.quadBlock h3{
		font-size:1.2em;
	}
	
	header .headerLogos img.partnerLogo {
		width: 80px; 
		height: auto;
	}
	
	header .welcome h1 {
		font-size: 14px;
	}
	
	header .welcome h1 span {
		font-size: 17px;
	}
	.campaignBlocks .campaign p {
		display: none;
	}
	.social .row .fourcol {
		width: 50%;
		margin-top: 10px;
	}
	.social .row .fourcol.mosiacLinks {
		width: 100%;
		margin-top: 0;
	}
	.mosiacLinks .tile.large {	
		width: 16.6666666667%;
		padding-bottom: 16.6666666667%;	
	}
	.mosiacLinks .tile a {
		padding: 10px;
	}
	.mosiacLinks .tile.large i {
		font-size: 64px;
	}
	.mosiacLinks .tile.small i {
		font-size: 22px;
	}
	.mosiacLinks .tile.small i.icon-tripadvisor {
		width: 22px;
		height: 22px;
		background-size: cover;
	}
	
/*online learning - Fiona at Granite July 2014*/
.row .courseTeaser {
    width: 48%;
}
.row .courseTeaser:nth-child(3n+3) {
    margin-right: 3.4%;
}
.row .courseTeaser:nth-child(2n+2) {
    margin-right: 0;
}
}



@media only screen and (max-width: 950px) {
	/* max-width:950px */

	header{
		padding-bottom:0px;
	}
	header nav > ul li.m1,
	header nav > ul li.m2,
	header nav > ul li.m3,
	header nav > ul li.m4,
	header nav > ul li.m5,
	header nav > ul li.m6{
		width:33.3333333333%;
	}
	
	header nav > ul li.m4 a{
		background-image: none;
	}
	header nav > ul li.m4,
	header nav > ul li.m5,
	header nav > ul li.m6{
		border-top: 1px solid #bbbcbc;
	}
	
	header .headerLogos img.partnerLogo {
		width: 60px;
		height: auto;
		margin-top:6px;
	}
	

	/*online learning - Fiona at Granite July 2014*/
.row .courseTeaser {
    height: auto;
    padding-top: 5px;
}
.row .courseTeaser h3 {
    min-height: 20px;
    padding-bottom: 5px;
}

	
	header .welcome h1 span {
		font-size: 16px;
	}

#aside { float:left; width:100%; }
.asideLinkModule, .asideModule, .asideTextModule { float:left; margin:1.5em 0; width:100%;}
.asideModule.information {margin-bottom: 0;}
.asideModule a.text { width:100%; color:#000; background:#ccc;  }
.asideimg, .videoLink { display:none; }	

	#subNav{
		width:100%;
		margin-right:0;
	}
	html.js #subNav a.showSubNav{
		display:block;
		outline:none;
		border-width:0 1px;
		border-style:solid;
		border-color:#fdb813;
		padding:8px 10px 0 10px;
		height:22px;
		margin-bottom:5px;
		background-color:#fdb813;
		width:auto;
		float:left;
	}
	html.js #subNav a.showSubNav:link,
	html.js #subNav a.showSubNav:visited{
		text-decoration:none;
	}
	html.js #subNav{
		clear:left;
	}
	html.js #subNav ul{
		display:none;
	}
	html.js #subNav.subNavOpen ul{
		display:block;
		width:100%;
		float:left;
	}
	footer .contactsLine {
    width: 100%;
    margin-bottom: 10px;
}	
	
	footer .socialNetworks{
		width:100%;
		margin-right:0;
	}
	
	.wideBox .controls li,
	.narrowBox .controls li,
	.wideBox .controls li a img,
	.narrowBox .controls li a img{
		width:40px;
		height:40px;
	}
	.singleBox{
		display:block;
        width:50%;
	}
	.newsBox{
		width:66%;
		margin:0;
	}
	.rssBox{
		display:block;
		width:32%;
	}
	.sHeader h2{
		font-size:1.1em;
	}
	.mod4,
	.mod5{
		width:49.2%;
	}
	.mod5{
		margin-right:0;
	}
	.quadSection{
		width:100%;
		padding-top:10px;
	}
	.quadSection .wide{
		width:70%
	}
	.quadSection .narrow{
		width:28%
	}
	.secondRow .imgCrop .imgWrapper img{
		position:absolute;
		right:0;
		bottom:0px;
		z-index:0;
		max-width:490px !important;
		min-width:490px !important;
		height:422px !important;
	}
	.quadBlock.imgCrop .imgWrapper img{
		left:50%;
		margin-left:-116px;
		max-width:232px !important;
		min-width:232px !important;
		height:125px !important;
	}
	.res2 .twoColumn li{
		width:100%;
		margin-bottom:5px;
		float:none;
	}
	.res7 .resText img{
		width:25% !important;
	}
	.res7 .resText .item{
		margin-left:10px;
	}

	.row .events{
		width:100%;
		margin-right:0;
		margin-bottom:10px;
		min-height:0px;
	}
	#calendar{
		display:none;
	}
	.row .news,
	.row .awards{
		width:100%;
	}
	.row .news,
	.row .awards{
		margin-bottom:10px;
		min-height:0px;
		padding-bottom:0px;
		padding-top:0px;
	}
	.events h2,
	.news h2,
	.awards h2{
		width:45%;
		float:left;
		border:0;
		padding:0;
		text-align:left;
	}
	
	.newsAndEvents .news h3,
	.newsAndEvents .events h3 {
		font-size: 14px;
		line-height: 19px;
	}
	.newsAndEvents .greybox h2 {
		width: auto;
		float: none;
	}
	.mosiacLinks .tile.large i {
		font-size: 48px;
	}
	.mosiacLinks .tile.small i {
		font-size: 22px;
	}
	    .article h2 {
		width:auto;
		float:none;
	}
	.news .moduleWrapperOuter,
	.awards .moduleWrapperOuter{
		width:45%;
		float:right;
		min-height:0px;
	}
	.events .moduleInner,
	.news .moduleInner,
	.awards .moduleInner{
		float:left;
		width:100%;
		margin:0;
		position:relative;
	}
	.awards .moduleInner{
		padding-bottom:10px;
	}
	.awards .moduleWrapperInner img{
		display:none;
	}
	#newsCarousel li{
		min-height:20px;
	}
	#awardsCarousel li{
		min-height:0px;
	}
	.awards .moduleWrapperOuter a.previous, .awards .moduleWrapperOuter a.next{
		top:0px;
	}
	.allNews{
		position:absolute;
		left:0px;
		bottom:10px;
	}
	.moduleInner{
		float:left;
		width:100%;
		margin:0;
		padding-bottom:0;
		min-height:0px;
	}
	.module.events .moduleInner{
		padding-top:0;
		min-height:0px;
	}
	.row .eightcol,
	.row .eightcolex{
		width:100%;
		margin:0 0 10px 0;
	}
}
@media only screen and (max-width: 900px) {
	header .headerLogos img.partnerLogo {
    	display: none;
	}
	
	header .logo {
		border-right: 0;
	}	
	.sHeader h2{
		padding:7px;
	}
	.row .stBoxLrg.quadGroup{
		width:100%;
	}
	.row .stBoxLrg.quadGroup .wide{
		width:65%;
	}
	.row .stBoxLrg.quadGroup .wide .textBox{
		text-align:left;
	}
	.row .stBoxLrg.quadGroup .narrow{
		width:30%;
	}
	.simple .to h2{
		padding:10px 0 0 10px;
		font-size:2em;
	}
	.simple .to p.large{
		font-size:1.2em;
	}
	.simple .panelInner .playButton a{
		font-size:1em;
	}
}
@media only screen and (max-width: 850px) {
	.hoverpanel a {
		font-size:1.2em;
	}
	.mosiacLinks .tile a {
		padding: 10px;
	}
	.mosiacLinks .tile.large i {
		font-size: 32px;
	}
	.mosiacLinks .tile.small i {
		font-size: 16px;
	}
	.mosiacLinks .tile.small i.icon-tripadvisor {
		position: relative;
		left: -3px;
		top: -3px;
	}
}

@media only screen and (max-width: 768px) {
	/* max-width:768px -> iPad portrait */
body {     
	-webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    }
	header{
		padding-bottom:0;
	}
	/*Modifications 24/06/2013*/
	header .logo h1 {
    	display: none; /*hides welcome text for smaller screens - FD 21/06/2013*/
	}
	
	 /*end modifications 24/06/2013 MR*/
	/*
	.blockLinks li{
		display:none;
	}
	*/
	

	
	header .mainNav{
		position:static;
	}
	html.js header .mainNav .menuLink{
		display:block;
		outline:none;
		border-width:0 1px;
		border-style:solid;
		border-color:#fdb813;
		float:left;
		padding:8px 10px 0 10px;
		height:22px;
		margin-top:5px;
		background-color:#fdb813;
	}
	html.js header .mainNav .menuLink:link,
	html.js header .mainNav .menuLink:visited{
		text-decoration:none;
	}
	
	html.js header .mainNav .menuLink.live,
	html.js header .mainNav .menuLink:hover{
		background-color:#fdb813;
		border-color:#fdb813;
	}
	html.js header .mainNav nav{
		display:none;
	}
	html.js header .mainNav nav.showMenu{
		display:block;
	}
	header .mainNav nav{
		width:100%;
		height:auto;
		z-index:10;
		float:left;
		padding-top:5px;
	}
	header .mainNav nav ul{
		width:100%;
		float:left;
		border:0;
	}
header .mainNav nav > ul li{
		float:left;
		width:50%;
		border:0;
		padding:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #fff;
	}
	header nav > ul li.m1,
	header nav > ul li.m3,
	header nav > ul li.m5 {
		border-right: 1px solid #fff;
	}
 
	header nav > ul li a{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:100%;
		border: 0;
		background-color:#e2e2e2;
		height:auto;
		min-height:22px;
		text-align:left;
		padding:10px;
		background-image: none;
		font-size: 0.8em;
	}
	header nav > ul li a:link,
	header nav > ul li a:visited,
	header nav > ul li a:hover,
	header nav > ul li a:active {
		font-size: 1em;
	}
	header nav > ul li a.current,
	header nav > ul li a:hover{
		background-color:#fdb813;
		left:0px;
	}
	header nav.mobile > ul li a{
		border-left:0;
	}
	header nav.mobile > ul li a.current,
	header nav.mobile > ul li a:hover{
		background-color:#fdb813;
		left:2px;
	}
	header nav > ul li:last-child a{
		border-right:0;
	}
	header nav > ul li.dropDown .ddBox {
		width: 100%;
		border-top: 5px solid #ffb500;
	}
	header nav.desktop > ul li.dropDown .ddBox {
		top: 35px;
	}

	header nav > ul li.dropDown .ddBox p{
		width:98%;
	}
	header nav > ul li.dropDown .ddBox ul{
		margin:5px 0px;
	}
	
	h2 { font-size:1.2em !important; }
	.emergency h2 { font-size:2em !important; }
	.emergency p { font-size:1.8em !important; }
	.expander h2.expandhead { font-size:1.2em !important; }
	
	header .blockLinks li a {
		padding: 10px 10px;
		font-size: 0.9em;
	}
	header .blockLinks li.searchLink a {
		width: 17px;
	}
	header .blockLinks li.searchLink a:before {
		top: 10px;
		left: 12px;
	}
 
	.campaignBlocks .campaign .content {
		bottom: 0;
		padding: 10px 10px 7px;
	}
 
	.mosiacLinks .tile.large {	
		width: 33.3333333333%;
		padding-bottom: 33.3333333333%;	
		margin-bottom: 0;
	}
	.mosiacLinks .tile a {
		padding: 10px;
		font-size: 17px;
		line-height: 20px
	}
	.mosiacLinks .tile.large i {
		font-size: 80px;
	}
	.mosiacLinks .tile.small i {
		font-size: 32px;
		padding-top: 10px;
	}
	.mosiacLinks .tile.small i.icon-tripadvisor {
		width: 48px;
		height: 32px;
		background-size: cover;
		left: 5px;
		top: 5px;
	}
	.socialFeed.closed .inner {
		padding-bottom: 80%;
	}
	
	footer .contactsLine p strong {
    display: block;
}
	footer .footerShopLinks{
		float:left;
		clear:left;
	}
	footer .footerShopLinks li:first-child{
		margin-left:0px;
	}
	.newsAndEvents  .row {
		display: block;
	}
 
	.newsAndEvents .row .greybox {
		width: 100%;
		display: block;
	}
	

	.smlgrid { display:none; }
	.smlgrid.media { display:block; }
    .twelvecol .hovertext { display:block; }
	.twelvecol .hovertext img { display:none; }
	.twelvecol .hovertext p.short {display: none;}
	.twelvecol .hovertext p.long, .twelvecol .hovertext:hover p.long { display:block; visibility: visible; height: 100%;position: static;opacity: 1;background-image: none;}
	.twelvecol .hovertext a {text-decoration: none;}
	.spgrid .red a, .spgrid .blue a, .spgrid .yellow a {
		font-size: 100%;
	}
	.spgrid { padding-bottom:0;}
	.red { margin-bottom:0.8em; }
	.fourcolex { width:20%; text-align:center;}
	.facebookBox .lastPost img{
		width:36px;
	}
	.twitterBox .twItem img{
		width:64px;
		margin-right:1em;
	}
	.rssBox .controls li,
	.rssBox .controls li a img{
		width:30px;
		height:30px;
	}
	.hoverpanel a {
		font-size:1em;
	}
	.quadBlock h3{
		font-size:1em;
	}
	.segment2,
	.segment3{
		display:none;
	}
	.segment5{
		margin-top:0;
	}
	.multiColumn{
		column-count:1;
	   -o-column-count:1;
	   -moz-column-count:1;
	   -webkit-column-count:1;
	}
	.moduleHeader p{
		display:none;
	}
	.simple .panelInner .playButton{
		bottom:0px;
		left:0px;
	}
	.simple .panelInner .playButton a{
		font-size:1em;
	}
	.block3 .boxOffset,
	.block5,
	.block10{
		display:none;
	}
	.block1{
		width:49.5%
	}
	.block2,
	.block3,
	.block6{
		width:23.8%
	}
	.block3{
		margin-right:0;
	}
	.block7{
		width:11.4%
	}
	.block8{
		width:35.9%
	}
	.moduleHeader h2{
		margin:5px 4px;
		font-size:0.8em !important;
	}
	.simple .panelInner{
		overflow:hidden;
	}
	.simple .panelInner img{
		max-width:802px !important;
		width:802px !important;
		height:390px !important;
	}
}
@media only screen and (max-width: 680px) {
	.campaignBlocks .row .fourcol {
		width: 50%;
		padding-bottom: 50%;
		margin-bottom: 0;
		padding-top: 0;
		height: 0;
	}
	.campaignBlocks .row .campaign.half {
		padding-bottom: 25%;
	}
	.campaignBlocks .campaign h2 {
		font-size: 13px !important;
	}
	.panelSelect div{
		width:100%;
	}
	.panelSelect div.first{
		margin-bottom:5px;
	}
	.wideBox .controls li,
	.narrowBox .controls li,
	.wideBox .controls li a img,
	.narrowBox .controls li a img{
		width:30px;
		height:30px;
	}
	.hoverpanel a {
		text-indent:0.3em;
	}
	.greyBGSpan{
		background-color:#fff;
	}
	.res3,
	.res4{
		width:100%;
	}
	.res3{
		margin-bottom:12px;
	}
	.res3 .innerBox{
		border:0;
	}
	.res3 .resText{
		background-color:#eff0f0;
		/* min-height:0; */
	}
	.res3 .items{
		margin-top:10px;
	}
	.res3 .items li{
		margin-bottom:10px;
	}
	.res6 .padding{
		margin:10px 10px 0 10px;
	}
	.res9,
	.res10,
	.res11{
		width:100%;
		margin-right:0;
		margin-bottom:12px;
	}
	div.spotlight .text {
		left: 0;
	}
	
	div.spotlight ol.sliderNav {
		bottom: auto;
		right: 15px;
		top: 12px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	h2.title {
		margin-top: 0;
	}
 
.twelvecol .featured, 
.twelvecol .list {
	width: 97%;
	padding: 1.5%;
}
 
.twelvecol .featured {
	border-bottom: 1px solid #bbbcbc;
	padding-bottom: 0;
}
 /*online learning - Fiona at Granite July 2014*/
.row .courseTeaser {
    width: 100%;
    margin-right: 0;
    float: none;
}
.courseTeaser img,
.courseTeaser p.summary {
    display: none;
}
.featured img,
.featured p {
	display: none;
}
 
.fourcolex.article {
		width: 100%;
		float: none;
}
}
@media only screen and (max-width: 630px) {
	/* max-width:630px */

	header .headerMisc {
		min-height: 100px;
	}
	header .logo img{
    	width:105px; /*reduces logo size on smaller screens*/
	}
	
	.asideModule a.text{
		font-weight:normal;
	}
	.twitterBox .twItem img{
		width:48px;
		margin-right:0.5em;
	}
	.twitterBox .twItem{
		margin:19px 5px 0;
	}
	.res7 .controls li{
		width:32px;
		height:32px;
	}
	.res7 .controls li a img{
		width:32px;
		height:32px;
	}
	.quadSection .wide{
		width:49%
	}
	.quadSection .narrow{
		width:49%
	}
	.skip {
    	display: none;
	}
	.quadBlock.imgCrop .imgWrapper img{
		left:50%;
		margin-left:-130px;
		max-width:260px !important;
		min-width:260px !important;
		height:140px !important;
	}
	.simple .to p{
		display:none;
	}
	.simple .to p.large{
		display:block;
	}
	.article .column {width: 100%; float: none;}
    .row .threecolex.media {width: 29%;}
	.mosiacLinks .tile {
		padding: 0;
	}
	.mosiacLinks .tile a {
		padding: 10px;
		font-size: 15px;
		line-height: 16px
	}
	.mosiacLinks .tile.large i {
		font-size: 48px;
	}
	.mosiacLinks .tile.small i {
		font-size: 24px;
		padding-top: 0;
	}
	.mosiacLinks .tile.small i.icon-tripadvisor {
		width: 24px;
		height: 24px;
		background-size: cover;
	}
	.social .row .socialFeed  {
		width: 100%;
		margin-bottom: 0;
		height: auto;
	}
	.socialFeed.closed .inner {
		padding-bottom: 50%;
	}

}
@media only screen and (max-width: 570px) {
	div.tabs h2 a {
       min-height: 36px;
	}
	div.spotlight p.more {
    	display: none;
	}
	
	.res7{
		width:100%;
		margin-right:0;
	}
	.res8{
		width:100%;
	}
	.res7 .controls li{
		width:43px;
		height:43px;
	}
	.res7 .controls li a img{
		width:43px;
		height:43px;
	}
	.res7 .resText{
		min-height:0;
		padding-top:10px;
		padding-bottom:10px;
	}
}
@media only screen and (max-width: 550px) {
	/* max-width:550px */
	header .headerLogos a {
		margin-right: 8px;
	}
	header .headerLogos a img {
		position: relative;
		top: 5px;
	}
	header .welcome h1 {
		padding-left: 8px;
		line-height: 20px;
	}
	.wideBox,
	.narrowBox{
		min-height:0px;
	}
	
	.wideBox{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	.narrowBox{
		float:none;
		width:100%;
	}
	.wideBox .controls li,
	.narrowBox .controls li,
	.rssBox .controls li,
	.wideBox .controls li a img,
	.narrowBox .controls li a img,
	.rssBox .controls li a img{
		width:40px;
		height:40px;
	}
	.twitterBox .innerBox{
		padding-top:13px;
		padding-bottom:10px;
	}
	.greySpacer{
		height:0px;
	}
	.newsBox{
		width:66%;
		margin:0;
		float:left;
	}
	.rssBox{
		display:block;
		width:32%;
	}
	.res1{
		width:100%;
		margin-bottom:12px;
	}
	.res2{
		width:100%;
	}
	.homeModule .videoPlayer{
		font-size:0.9em;
		padding:5px;
	}
	.row .threecolex.media {width: 47%;}
}
@media only screen and (max-width: 480px) {
	/* max-width:480px -> iPhone landscape */
	header .headerLogos .welcome h1 span { font-size: 13px; }
	.container,
	.homeNavContainer{
        margin:0 10px;
		text-align:left;
	}
	header .blockLinks li {
		float: left;
		margin-right: 4px;
	}
	header .blockLinks li a {
		padding: 9px 8px;
		font-size: 0.9em;
	}
	header .languageSelect li a {
		padding: 10px 7px 0;
		height: 25px;
	}
	.campaignBlocks .campaign.half .content {
		top: 0;
	}
	.mosiacLinks .tile.large {	
		width: 50%;
		padding-bottom: 50%;	
		margin-bottom: 0;
	}
	.mosiacLinks .tile.large i {
		font-size: 64px;
	}
	.mosiacLinks .tile.small i {
		font-size: 24px;
		padding-top: 6px;
	}
	.mosiacLinks .tile.small i.icon-tripadvisor {
		width: 32px;
		height: 24px;
		background-size: cover;
		left: 5px;
		top: 5px;
	}

	header .logo img{
		width:80px;
	}
.red, .blue, .greytop, .yellow { height:26px; padding-top: 12px; }
.quickSearch { height:auto; padding-top: 15px; }
.greybox { height:auto; }
.articles {height: auto;}
.article .image {display: none;}
.people .article .image {display: block; width: auto;}
.article .text {width:100%;}
.red.hoverpanel, .blue.hoverpanel, .greytop.hoverpanel, .yellow.hoverpanel { height:40px; padding-top: 0; }
.twelvecol .greybox { height:auto; }    
.spotlight .text {	height: auto;}
.red a, .blue a, .greytop a { padding:0; margin:0; font-size:1em; text-align:center; }

h2.red, h2.grey{ padding:10px 0 0 0; margin:0; display:block; height:15px; text-align:center; font-size:1em; }
.yellow a, .cred a { padding:0; margin:0; text-align:center; }
h2.yellow,  h2.cred { height:40px; }
.smred { padding:5px 0; }
.twelvecol .carousel { height: 72px;}

.expander h2.expandhead { font-size:1.2em !important; }
div, p, a, li, td { -webkit-text-size-adjust:none; }
.skip { display:none; }

	
	.homeScrollerOuter{
		margin:0 30px;
	}
	.homeArrow.left{
		left:-30px;
	}
	.homeArrow.right{
		right:-30px;
	}
	.homeArrow.left:hover{
		left:-30px;
		padding-right:60px;
		background-position:right 0;
	}
	.homeArrow.right:hover{
		right:-30px;
		padding-left:60px;
		background-position:left 0;
	}
	.leftHalf{
		width:28%;
	}
	.rightHalf{
		width:68%;
	}
	.rightHalfInner{
		min-height:0;
	}
	.currentEvents{
		padding-bottom:20px;
	}
	.currentEvents li:first-child{
		border-top:0;
		padding-top:0;
	}
	.rightHalfInner .allNews{
		left:-45%;
	}
	.events h2,
	.news h2,
	.awards h2{
		width:28%;
	}
	.article h2 {
		width:auto;
	}
	.news .moduleWrapperOuter,
	.awards .moduleWrapperOuter{
		width:68%;
		padding-bottom:10px;
	}
	.allNews{
		margin-top:-15px;
		margin-bottom:5px;
	}
	.newsBox,
	.rssBox{
		width:100%;
		margin:0;
		float:none;
	}
	.newsBox{
		margin-bottom:10px;
	}
	.rssBox img.mobile{
		display:block;
	}
	.rssBox img.desktop{
		display:none;
	}
	.thirdPage{
		width:100%;
		margin:0 0 10px 0;
	}
	.imgCrop .imgWrapper img{
		position:absolute;
		right:0;
		bottom:0px;
		z-index:0;
		max-width:480px !important;
		min-width:480px !important;
		height:414px !important;
	}
	.hoverpanel.yellow a,
	.hoverpanel.red a,
	.hoverpanel.blue a{
		padding:0.75em 0 0.75em 0;
		text-align:left;
	}
	.blockHead.red,
	.blockHead.blue,
	.blockHead.yellow{
		height:auto;
	}
	.res5,
	.res6{
		width:100%;
	}
	.res5{
		margin-bottom:12px;
	}
	.res6 .resText{
		min-height:0px;
	}
	.module{
		padding-top:0;
	}
	.module.news h2, .module.awards h2 {
		margin:0 0 0 10px;
		width:20%;
	}
	.moduleWrapperOuter{
		margin:0 10px 0 0;
	}
	.allNews{
		position:absolute;
		left:0px;
		bottom:0px;
	}
	.quadBlock.imgCrop .imgWrapper img{
	}
	header nav.mobile > ul li.open a.openDropDown,
	header nav.mobile > ul li.open:last-child a.openDropDown{
		border-right:1px solid #fdb813;
	}
	.emergency h2 { font-size:1.4em !important; }
	.emergency p { font-size:1.2em !important; }

	.segment1,
	.segment5{
		width:100%;
		margin-right:0;
	}
	.segment1 .inner{
		min-height:0;
		height:auto;
		padding-top:10px;
		margin-right:0;
	}
	.segment1 h2{
		margin:0px auto 10px auto;
		padding:10px 0;
		width:90%;
	}
	.segment1 p{
		width:90%;
		margin:0px auto 0 auto;
	}

	.segment4{
		display:none;
	}
	
	/* home page hero panel */
	.panelWrapper{
		height:280px;
	}
	.panelScroller{
		height:280px;
	}
	.panelInner{
		height:260px;
	}
	.leftFlyOutCover,
	.rightFlyOutCover{
		height:280px;
	}
	.homeScrollerInner{
		height:280px;
	}
	.homeModule{
		height:126px;
		width:127px;
		float:left;
		margin:0 9px 0 0;
		display:none;
		text-align:left;
	}
	.homeModule img{
		height:126px;
		width:127px;
	}
	.homeModule p.videoPlayer img{
		width:auto !important;
		height:auto !important;
	}
	.block1,
	.block2,
	.block6,
	.block8,
	.block3{
		display:block;
	}
	.block1,
	.block2{
		margin-bottom:9px;
	}
	.block1{
		width:264px;
	}
	.block1 img{
		width:264px;
	}
	.block2{
		margin-right:0px;
		overflow:hidden;
	}
	.block2 img{
		position:relative;
		top:-126px;
	}
	.block6{
		
	}
	.block8{
	}
	.block3{
		float:right;
		margin-right:0px;
		overflow:hidden;
	}
	div.spotlight .text h2 {
    	font-size: 13px !important;
		font-weight: normal;
		line-height: 16px;
	}
}
@media only screen and (max-width: 380px) {
	/* maxwidth:380px */
	header .mainNav nav > ul li a{
		font-size:0.85em;
	}
	header .mainNav nav > ul li{
		float:left;
		width:49.2%;
		border:0;
		padding:0 2px 2px 0;
	}
	header nav > ul li a{
		width:98%;
		border-left:1px solid #999;
		background-color:#999;
		height:auto;
		min-height:32px;
		text-align:left;
		padding-left:2px;
	}
	div.spotlight .text h2 {
    	font-size: 12px !important;
		line-height: 15px;
	}
	
}
@media only screen and (max-width: 320px) {
	/* max-width:320px -> iPhone portrait */
	h2.red, h2.grey { padding:10px 0 0 0; margin:0; display:block; height:20px; text-align:center; font-size:1em; }
	h2.yellow,  h2.cred { height: 55px; }
	.quadBlock.imgCrop .imgWrapper img{
	}

	/* home page hero panel */
.panelWrapper{
	height:380px;
}
.panelScroller{
	height:380px;
}
.panelInner{
	height:347px;
}
.leftFlyOutCover,
.rightFlyOutCover{
	height:380px;
}
.homeScrollerInner{
	height:380px;
}
	.homeModule{
		float:left;
		display:none;
		text-align:left;
		margin:0 0 9px 0
	}
	.moduleHeader h2{
		margin:5px 4px;
		font-size:0.8em !important;
	}
	.moduleHeader p{
		display:none;
	}
	.homeModule img{
	}
	.homeModule p.videoPlayer img{
		width:auto !important;
		height:auto !important;
	}
	.block1,
	.block2,
	.block6,
	.block8,
	.block3{
		display:block;
	}
	.block1,
	.block1 img{
		width:240px;
		height:126px;
	}
	.block6{
		width:116px;
		height:126px;
		overflow:hidden;
	}
	.block6 img{
		max-width:126px !important;
		width:126px !important;
		height:126px !important;
	}
	.block2,
	.block2 img{
		width:116px;
		height:126px;
	}
	.block2{
		float:right;
		overflow:hidden;
		margin-right:0;
	}
	.block2 img{
		position:relative;
		top:-126px;
	}
	.block8{
		margin-bottom:0;
		width:116px;
		height:77px;
		overflow:hidden;
	}
	.block8 img{
	}
	.block3{
		border-left:27px solid #005288;
		width:53px;
		width:80px;
		height:58px;
		height:77px;
		overflow:hidden;
		position:absolute;
		right:0px;
		bottom:0px;
		margin-bottom:0px;
		padding-left:9px;
	}
	.block3 img{
		max-width:80px !important;
		width:80px !important;
		height:80px !important;
	}
	.block3 .boxOffset{
		width:53px;
		height:58px;
		height:77px;
		display:none;
	}
	.mosiacLinks .tile.large i {
		font-size: 48px;
	}
	.mosiacLinks .tile.small i {
		font-size: 20px;
		padding-top: 6px;
	}
	.mosiacLinks .tile.small i.icon-tripadvisor {
		width: 24px;
		height: 20px;
		background-size: cover;
		left: 5px;
		top: 5px;
	}
	.socialFeed.closed .inner {
		padding-bottom: 80%;
	}
}