﻿@charset "UTF-8";
/* CSS Document */

/********************
Retro-fitted responsive stylesheet
Date: March 2015

Break Points:
    	Small (Mobile)	:	< 767px
		Medium (Tablet)	:	768px to 979px
		Large (Desktop	:	> 980px
		
*********************/


/********************
GENERAL
********************/


#contentMain > img, 
#contentMainFullWidth > img,
#contentMain > p > img, 
#contentMainFullWidth > p > img {
	max-width: 100%;
	height: auto;
}

input { 
	-webkit-appearance: none;
	border-radius: 0;
}

#cookieDiv { padding: 10px; }

#cookieDiv p { margin: 0; }

@media screen and (max-width: 979px) {
	
	h1, h2, h3, h4, h5, h6, p { font-family: Verdana, Arial, sans-serif; }
    
    p { max-width: 100%!important; }
	
	body {
		background:none;
		-webkit-text-size-adjust: 100%;
	}
	
	#siteWrapper { width:auto; }
	
	#cookieDiv { 
		margin: 15px 15px 0 10px;
		padding: 5px;
		box-sizing:border-box;
		width: auto;
	}
	
	#cookieDiv p { 
		margin: 0;
		font-size: 1em; 
	}
	
	/*#contentArea { clear: both; }*/
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	input { 
		-webkit-appearance: none; 
		border-radius: 0;
	}
	
	.table-container { overflow-y :scroll; }
	
	.subHeading,
	#L5_subheading { width: auto!important; }
	
	#breadCrumb { clear: both; }
}


/********************
HEADER
********************/

@media screen and (max-width: 979px) {
		
	.strap a { display:block; }
	
	.sys_homeLink { max-width: 271px;}
	
	.sys_search-query-control { 
		clear: both;
		margin: 0;
		height: 40px;
		position:absolute;
		top: 10px;
		right: 15px;
	}
	
	#SearchQueryControl_SearchTextBox {
		height: 40px;
		padding: 10px;
		width: 155px;
		margin-right: 0;
		margin-left:-4px;
	}
	
	#SearchQueryControl_SearchButton { 
		padding: 10px;
		-webkit-appearance: none; 
		margin-left:-4px;
	}

}

@media screen and (max-width: 767px) {
	
	.sys_missionStatement {
		font-family: Verdana, Arial, sans-serif; 
		font-size: 10px;
		margin: 0;
  		padding: 10px 0 10px 15px;
		width: 45%;
	}
	
	
	.sys_homeLink {
		float: right;
		margin: 0;
		padding: 2px 15px 10px 0;
		width: 45%;
		max-width: 271px;
		height: auto;
	}
	
	#breadCrumb { display: none; }
}


/********************
MAIN NAVIGATION
********************/

.mainNavActive .sys_megaDrop { display: block; }

.no-touch #navigation li.hideDesktop { display: none; }

.closeNav {
	position: absolute;
	top: 20px;
	right: 20px;
	padding-right: 40px;
	height: 30px;
	line-height: 30px;
	font-size:14px;
	color:#336893;
	background:url(../Images/icons/navCose.png) no-repeat right center;
}
    
.touch #navigation .megaLi > a,
.navHome a {
	font-size:16px;
	padding-right: 30px;
}

.touch #navigation .megaLi > a { background:url(../Images/icons/touchOpen.png) no-repeat center right!important;}
	
.touch #navigation .megaLi.mainNavActive > a {
	padding-right: 30px;
	background:url(../Images/icons/touchClose.png) no-repeat center right #fff!important;
}

.navHome { display: none ; }



@media screen and (max-width: 979px) {
	
	.touch #navigation li a.hideDesktop { display: inherit; }
			
	.sys_navContainer { 
		min-height: 40px;
		margin: 0; 
	}
	
	#navigation li a {
		padding: 12px 5px;
		font-size: 14px;
	}
	
	.sys_headerLinks a { font-size: 14px; }
	
	.sys_megaDrop {
		width: 100%;
  		z-index: 10000;
  		box-sizing: border-box;
	}
	
	.sys_megaDrop .column {
		width: 33.333%;
  		padding: 0 10px;
  		box-sizing: border-box;
		margin:0;
	}
	
	.sys_megaDrop .column p { margin: 0; }
	
	#navigation .sys_megaDrop li {
		width: 100%;
		box-sizing:border-box;
	}
	
	#navigation li .sys_megaDrop > a {
		font-size:1em;
		padding: 15px 10px;
	}
	
	#navigation li .sys_megaDrop > a:after { content:" home page";}
	
	#navigation li li a { padding: 10px 0;}
	
	.touch #navigation .megaLi > a {
		padding-right: 30px;
		background:url(../Images/icons/touchOpen.png) no-repeat center right!important;
	}
	
	.touch #navigation .megaLi.mainNavActive > a {
		padding-right: 30px;
		background:url(../Images/icons/touchClose.png) no-repeat center right #fff!important;
	}
}

@media screen and (min-width: 881px) {
	
	.sys_navContainer .hideDesktop { display: none; }
	
	.navToggle { display: none; }

}

@media screen and (max-width:880px) {
	
	.navHome { display: block; }
	
	.touch .sys_navContainer { 
		position: relative; 
		padding: 10px 15px;
		height: auto;
	}
	
	.touch .sys_headerLinks { display: none; }
	
	.touch .navToggle {
		height: 40px;
		width: 40px;
		cursor:pointer;
		float:left;
		background: url(../Images/icons/menuToggle.png) #3872a0;
		background-size:cover;
	}
	
	.touch .navToggle.active {
		background: url(../Images/icons/menuToggleClose.png) #3872a0;
		background-size:cover;
	}
	
	.touch .navToggle img { 
		width: 100%;
		height: auto;
	}
	
	.touch #navigation { 
		display: none;
		background: #e1fcb1;
		top: 60px;
		left: 0;
		width: 100%;
		padding: 10px 0 0 0;
		box-sizing: border-box;
		clear: both;
		float: none;
	}
	
	.touch #navigation.open { display: block; }
	
	.touch #navigation li { 
		clear: both;
		float: none;
		background:#fff;
	}
	
	.touch #navigation .sys_megaDrop li { width: 100%;}
	
	.touch .sys_megaDrop {
		background: transparent;
		border-bottom: none;
		padding: 0;
		position: static;
		width: 100%;
	}
	
	.touch .sys_megaDrop .column {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.touch #navigation .megaLi,
	#navigation .navHome { margin-bottom: 8px; }
		
	.touch .sys_megaDrop .column p { 
		margin: 0;
		padding: 10px 0; 
	}
	
	.touch .sys_megaDrop .column ul li { padding:0; }
	
	.touch #navigation li a { 
		padding: 10px;
		margin: 0; 
		line-height: 20px;
		font-size:16px;
		font-family: Verdana, Arial, sans-serif; 
	}
	
	.touch #navigation .sys_megaDrop li a:hover, 
	.touch #navigation .sys_megaDrop li a:focus, 
	.touch #navigation .sys_megaDrop li a:active { text-decoration:none; }
}


@media screen and (min-width: 768px) {
	
	.no-touch .sys_navContainer .hideDesktop { display: none; }
	
	.no-touch .navToggle { display: none; }
}


@media screen and (max-width:767px) {
	
	.no-touch .sys_navContainer { 
		position: relative; 
		padding: 10px 15px;
	}
	
	.no-touch .sys_headerLinks { display: none; }
	
	.no-touch .navToggle {
		height: 40px;
		width: 40px;
		cursor:pointer;
		float:left;
		background: url(../Images/icons/menuToggle.png) #3872a0;
		background-size:cover;
	}
	
	.no-touch .navToggle.active {
		background: url(../Images/icons/menuToggleClose.png) #3872a0;
		background-size:cover;
	}
	
	.no-touch .navToggle img { 
		width: 100%;
		height: auto;
	}
	
	.no-touch #navigation { 
		display:none;
		background: #e1fcb1;
		float: none;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		padding: 0 15px 15px 10px;
		box-sizing: border-box;
	}
	
	.no-touch #navigation.open { display: block; }
	
	.no-touch #navigation li { 
		clear: both;
		float: none;
		background:#fff;
	}
	
	.no-touch #navigation .sys_megaDrop li { width: 100%;}
	
	.no-touch .sys_megaDrop {
		background: transparent;
		border-bottom: none;
		/*display: block!important;*/
		padding: 0;
		position: static;
		width: 100%;
	}
	
	.no-touch .sys_megaDrop .column {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.no-touch #navigation .megaLi { margin-bottom: 10px; }
		
	.no-touch .sys_megaDrop .column p { 
		margin: 0;
		padding: 10px 0; 
	}
	
	.no-touch .sys_megaDrop .column ul li { padding:0; }
	
	.no-touch #navigation li a { 
		padding: 10px;
		margin: 0; 
		line-height: 20px;
		font-size:16px;
		font-family: Verdana, Arial, sans-serif; 
	}
	
	.no-touch #navigation .sys_megaDrop li a:hover, 
	.no-touch #navigation .sys_megaDrop li a:focus, 
	.no-touch #navigation .sys_megaDrop li a:active { text-decoration:none; }
}



/********************
SECONDARY NAVIGATION
********************/


@media screen and (max-width:979px) {
	
	#secondaryNavigation {
		float: left;
		margin: 5px 0 0 0;
		padding: 0 15px 15px 15px;
		width: 30%;
		box-sizing: border-box;
	}
	
	.sys_accordionMenuTitle { padding-top: 0;}
	
	.sys_accordianMenu { 
		margin-bottom: 20px; 
		display: block;
	}
}


@media screen and (max-width:767px) {
	#secondaryNavigation {
		float: none;
		margin: 0;
		width: auto;
		padding: 10px 15px;
		border: 15px solid #e1fcb1;
	}
	
	#secondaryNavigation .open { display: block; }
	
	.sys_accordianMenu { display: none; }
	
	.sys_accordionMenuTitle,
	.mainNavActive > a { 
		position: relative;
		padding-right: 30px;
	}
    
    #secondaryNavigation p:first-child { display: none;}
    
    #secondaryNavigation p:only-of-type { display: inherit;}
	
	.sys_accordionMenuTitle{ 
		background:url(../Images/icons/touchOpen.png) no-repeat center right;
		margin-bottom: 0;
        width: auto!important;
	}
	
	.sys_accordionMenuTitle.menuOpen{ 
		background:url(../Images/icons/touchClose.png) no-repeat center right;
		margin-bottom: 0.6em; 
	}
	
	.sys_accordionMenuTitle.menuOpen + ul { display: block; }
	
	.quickLinks { padding: 0 20px; }
}

/********************
FOOTER
********************/


@media screen and (max-width:979px) {
  	.footer_left { 
      float: none; 
      padding-top: 0;
    }
  
	.footer_right { 
      float: none; 
      margin: 0 0 20px 15px;
    }
  
	.sys_languageLinks,
	.sys_footerLinks {
		padding: 10px;
		margin: 0;
	}

  	.sys_languageLinks li,
	.sys_footerLinks li {
		margin: 0;
		line-height: 25px;
	}

  	.sys_languageLinks li a,
	.sys_footerLinks li a {
		padding: 0 5px;
		display: block;
	}
  
	.sys_footerContact {
		padding: 0;
		margin: 10px 15px;
	}
	
	.sys_footerContact strong {
		display: block;
	}
	
	.sys_socialMediaLinks {
		padding: 0;
		margin: 0 15px;
	}
	
	.sys_socialMediaLinks li {
		margin: 0 10px 20px 0;
	}
	
	.sys_socialMediaLinks li img { 
		height: auto;
		width: 100%; 
	}
	
	.sys_socialMediaLinks li.share img {
		height: 100%;
		width: auto; 
	}
	
	.sys_socialMediaLinks li a,
	.sys_socialMediaLinks li.sys_twitter a,
	.sys_socialMediaLinks li.sys_facebook a {
		width: 30px;
		height: 30px;
		display: block;
	}
	
	.sys_socialMediaLinks li.share a { width: auto;}
	
	.sys_footerCopyright { padding: 10px 15px; }
	
	.sys_kingsHealthLink { padding: 10px 0; }
}



/********************
HOMEPAGE
********************/


@media screen and (max-width:979px) {

	img.floatimageright {
		margin:0 0 10px 10px;
		display:block;
		width: 33.333%;
		max-width: 100px;
	}
	
	.spotLightOne > p > a:first-of-type { 
	/*	display:block;*/
		margin-bottom: 10px;
	}
	
	.sys_HomeSpotList li h2,
	.sys_HomeSpotList .spotLightVideo h2,
	#landingAside h3, 
	#landingAside h2, 
	#aside h3, 
	#aside h2
	 {
		padding:0;
		position:relative;
		z-index:101;
		margin: -15px -15px 20px -15px;
		display:block;
		max-height:100%;
	}
	
	.sys_HomeSpotList li h2 a {
		padding: 10px 15px;
		position:relative;
		z-index:1;
		display:block;	
	}
	
	.sys_HomeSpotList li h2:after,
	#landingAside h3:after, 
	#landingAside h2:after, 
	#aside h3:after, 
	#aside h2:after {
		content:"";
		display:block;
		height: 10px;
		-moz-transform: skewY(-1.5deg);
		-webkit-transform: skewY(-1.5deg);
		-o-transform: skewY(-1.5deg);
		-ms-transform: skewY(-1.5deg);
		transform: skewY(-1.5deg);
		position:absolute;
		left: 0;
		bottom: -5px;
		width: 100%;
	}
	
	.sys_HomeSpotList .spotLightOne,
	.sys_HomeSpotList .spotLightTwo,
	.sys_HomeSpotList .spotLightThree { margin-top: 0; }
		
	.sys_HomeSpotList .spotLightOne,
	.sys_HomeSpotList .spotLightTwo,
	.sys_HomeSpotList .spotLightFour { padding-bottom: 1px; }
	
	.sys_HomeSpotList .spotLightVideo h2 { height: auto;}
	
	.sys_HomeSpotList .spotLightOne h2 { background: #297cac; }
    
	.sys_HomeSpotList .spotLightTwo h2 { background: #7d1e5c; }
    
	.sys_HomeSpotList .spotLightThree h2 { 
		background: #5E55A1;
		padding: 10px 15px;
		margin-bottom: 30px!important;
	}
    
	.sys_HomeSpotList .spotLightFour h2 { background: #5e55a1; }
    
	.sys_HomeSpotList .spotLightVideo h2 { background: #40969e; }

	.sys_HomeSpotList .spotLightOne h2:after { background: #297cac; }
    
	.sys_HomeSpotList .spotLightTwo h2:after { background: #7d1e5c; }
    
	.sys_HomeSpotList .spotLightThree h2:after { background: #5e55a1; }
    
	.sys_HomeSpotList .spotLightFour h2:after { background: #5e55a1; }
    
	.sys_HomeSpotList .spotLightVideo h2:after { background: #40969e; }
	
	#feed li { width: 100%; }
}


@media screen and (max-width:767px) {
	
	.sys_HomeSpotList li {
		float: none;
		margin: 0;
		position: relative;
		width: auto;
		clear:both;
	}
    
    #landingAside h3,
    #landingAside h2 {
        margin: 0 0 30px 0;
    }
	
	.sys_HomeSpotList li h2:after,
	#landingAside h3:after, 
	#landingAside h2:after, 
	#aside h3:after, 
	#aside h2:after { 
		bottom: -15px; 
		height: 26px;
	}
	
	.sys_HomeSpotList .spotLightOne,
	.sys_HomeSpotList .spotLightTwo,
	.sys_HomeSpotList .spotLightThree,
	.sys_HomeSpotList .spotLightFour,
	.sys_HomeSpotList .spotLightVideo{
		width: auto;
		float: none;
		height: auto;
		margin-top: 15px;
		clear:both;
		min-height: 173px;
	}
	
	.spotLightVideo div[id="VideoPlayer"] { margin: 0; }
	
	.sys_homeFeatureLinks {
		position:static;
		width: 100%;
	}
	
	.twitterFeed > div { height: 400px; }
}


@media screen and (min-width:768px) and (max-width:979px) {
	
	.sys_HomeSpotList li,
	.sys_HomeSpotList li.sys_lastColumn {
		margin: 0 0 20px 0;
  		padding-right: 20px;
  		box-sizing: border-box;
		width: 33%;
	}
	
	.sys_HomeSpotList li.sys_lastColumn { padding-right: 0;}
	
	.sys_HomeSpotList .spotLightOne,
	.sys_HomeSpotList .spotLightTwo,
	.sys_HomeSpotList .spotLightThree,
	.sys_HomeSpotList .spotLightFour,
	.sys_HomeSpotList .spotLightVideo { 
		width: 100%;
		box-sizing: border-box;
		height: auto;
	}
}



/********************
HOMEPAGE CAROUSEL
********************/

.sys_overlay { 
	position:absolute;
	top:0;
	right:0;
}

.sys_homeFeatureLinks {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

.sys_homeHeaderImg {
	position:relative;
	overflow:hidden;
}

@media screen and (max-width:979px) {
	
	.sys_homeHeaderImg {position: relative;}
	
	.sys_homeHeaderImg .sys_homeHeaderImgOne,
	.sys_homeHeaderImg .sys_homeHeaderImgTwo,
	.sys_homeHeaderImg .sys_homeHeaderImgThree,
	.sys_homeHeaderImg .sys_homeHeaderImgFour,
	.sys_homeHeaderImg .sys_homeHeaderImgFive,
	.sys_homeHeaderImg .sys_homeHeaderImgSix { background:none; }
	
	.sys_homeHeaderImg .sys_overlay {
		 width: 100%;
		 height: auto;
		 position:absolute;
		 top: 25%;
		 right: 0;
		 background: none;
	}
	
	.sys_homeHeaderImg .sys_overlay p {
		margin: 0;
	}
	
	.sys_homeHeaderImg {
		height: auto;
		margin-bottom: 20px;
	}
	
	.sys_homeFeatureLinks {
		top:15%;
		left:0;
		margin:0;
	}
	
	.cycle-slide img {
		width: 100%;
		height: auto;
	}	
    
    .sys_homeFeatureLinks {
    	position:static;
		width: 100%;
	}
}


@media screen and (max-width:767px) {
	
	.sys_homeHeaderImg .sys_overlay {
		position: static;
	}
	.sys_homeHeaderImg p span {
		background: #fff;
		clear: none;
		float: none;
		padding: 0;
	}
	.sys_homeHeaderImg .sys_overlay p {
		font-size: 16px;
		line-height: 18px;
		float: none;
		margin-bottom:10px;
	}
	.sys_homeHeaderImg .moreLink {
		font-size: 16px;
		width: 100%;
		display: block;
		float: none;
	}
	
	.sys_section img {margin-bottom: 10px; }
}



/********************
FORMS
********************/


@media screen and (max-width: 979px) {
	
	input, textarea { 
		box-sizing: border-box;
		padding: 10px;
	}
	
	input { height: 40px; }
}



/********************
GENERIC CONTENT
********************/

#secondaryNavigation #aside { display: none; }


@media screen and (max-width: 979px) {
	
	.sys_headerContainer {
		/*background: #235296;*/
		height: auto;
		overflow: hidden;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	
	#contentMain, 
	#contentMainFullWidth { 
		width: 70%!important;
		margin-right: 0;
	}
	
	.sys_floatimageright {
		margin-right: 0!important;
		margin-bottom: 1em!important;
		max-width:20%;
	}
	
	.sys_section {
		width: auto;
		box-sizing:border-box;
	}
	
	#aside { display: none; }
	
	#secondaryNavigation #aside { 
		display: block;
		margin:0;
		min-height: 0;
		float: none;
		width: 100%;
	}
	
	#landingAside h3, 
	#landingAside h2, 
	#aside h3, 
	#aside h2 { 
		background:#e2fbb4;
		margin: 0 0 30px 0;
		padding: 10px 15px;
	}
	
	#landingAside h3:after, 
	#landingAside h2:after, 
	#aside h3:after, 
	#aside h2:after { 
		background:#e2fbb4;
	}
    
    #aside ul, #landingAside ul { box-sizing: border-box; }
	
	.sys_expandable h3, 
	.sweater h3 {
		background:#3B9999;
		padding-right: 15px;
	}
	
	.sys_expandableContainer.active h3 {
		background:#336893;
		padding-right: 15px;
	}
	
	.sys_expandable h3 a,
	.sys_expandableContainer.active h3 a { background-position: right -38px; }
	
	.sys_expandable li.active h3 a, 
	.sys_expandable li.active h2 a { background-position: right 10px; }
	
	#aside ul, 
	#aside ol, 
	#landingAside ul, 
	#landingAside ol { margin-bottom:0; }
	
	#aside .sys_datarepeatercontrol { padding-bottom:15px; }
	
	#aside img {
		width: auto;
		margin: auto;
		display: block
	}
	
	#aside {padding-bottom:10px;}
    
    #aside blockquote { 
            float: none;
            margin: auto;
    }
    
    cite, #aside cite {
        float: none;
    }
	
	.sys_floatimageleft {
		margin: 5px 5px 5px 0!important;
		max-width: 40%;
		padding: 0 10px 0 0!important;
	}
	
	.sys_floatimageright {
		margin: 5px 0 5px 5px!important;
		max-width: 40%;
		padding: 0 0 0 10px!important;
	}	
}


@media screen and (max-width:767px) {
	
	.sys_headerContainer { margin: 20px 0; }
	
	#contentMain, 
	#contentMainFullWidth {
		width: auto!important;
		margin-right: 0;
		float: none;
	}
	
	.sys_floatimageright {
		margin-right: 0!important;
		max-width: 25%;
	}
	
	#aside {
		margin:0;
		min-height: 0;
		float: none;
		width: 100%;
		display: block;
		clear:both;
	}
	
	#secondaryNavigation #aside { display: none; }
}



/********************
LANDING PAGE
********************/


#landingAside {position:relative;}

#landingAside h3 {margin-bottom: 0;}

    .sys_landingHeaderImg {
        width: 100%;
        padding-top: 24%;
    	position: relative;
    	background-size:cover;
    }
    
    .sys_landingHeaderImg .sys_overlay {
    	width: 100%;
    	padding-top: 24%;
    	background-size:contain;
    }
    
    .sys_landingHeaderImg p {
    	font-size:1.82em;
    	font-family:Arial, sans-serif;
    	margin: 0;
    	position: absolute;
    	top: 60px;
    	line-height: 24px;
    }
    
    .sys_landingHeaderImg .moreLink {
    	position: absolute;
    	top: 116px;
    }
    
    .mapContainer img {width: 100%;}
    
    #landingAside h3 {
    	/*margin-bottom: -10px;*/
    	z-index: 1;
    	position: relative;
    }
    
    #landingContentWrapper,
    #landingContentMain {
        position: relative;
        z-index: 100;
    }

@media screen and (max-width:979px) {



	.sys_landingHeaderImg {
		width: 100%;
		padding-top: 24%;
		position: relative;
		background-size:cover;
	}
	
	.sys_landingHeaderImg .sys_overlay {
		width: 100%;
		padding-top: 24%;
		background-size:contain;
	}
	
	.sys_landingHeaderImg p {
		font: 1.82em sans-serif;
		margin: 0;
		position: absolute;
		top: 20px;
	}
	
	.sys_landingHeaderImg .moreLink {
		position: absolute;
		top: 76px;
	}
	
	#landingContentWrapper { width: 75%;}
	
	#landingContentMain { 
		width: 100%; 
		height: auto;
	}
	
	.sys_landingHeaderContainer {
		width: auto;
	}
	
	.sys_landingSpotList li {
		width: 31.333%;
		margin-right: 2%;
		padding-top:25%;
		height: auto;
		background-repeat:no-repeat;
		background-size: contain!important;
	}

    .sys_landingSpotList li h2 {
        bottom: 0;
        color: #fff;
        font-size: 16px;
        height: auto;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        line-height: 20px;
        margin-top: -60px;
    }
        
    .sys_landingSpotList li h2:before {
        content: "";
        display: block;
        height: 26px;
        -moz-transform: skewY(-2deg);
        -webkit-transform: skewY(-2deg);
        -o-transform: skewY(-2deg);
        -ms-transform: skewY(-2deg);
        transform: skewY(-2deg);
        position: absolute;
        left: 0;
        top: -5px;
        width: 100%;
    }
	
	.sys_landingSpotList li h2 a {
		left: auto;
		padding: 10px 0 10px 10px;
		position: relative;
		top: auto;
		width: 100%;
		display: block;
		box-sizing: border-box;
		height: 60px;
	}
	
	#landingAside {width: 25%;}
	
	#landingAside h3, 
	#landingAside h2 {
		margin:0;
        margin-bottom: 30px;
		font-family: Verdana, Arial, sans-serif;
	}
    
    #landingAside .sys_news-control .sys_itemslist {
        margin: 0;
        list-style: none;
    }
    
    #landingAside .sys_news-control .sys_itemslist .sys_subitem {
        margin: 0 0 10px 0;
        list-style: none;
    }
}


@media screen and (max-width:767px) {
	
	#landingContentWrapper { width: 100%;}
	
	.sys_landingHeaderImg { display: none; }
	
	.sys_landingHeaderContainer { padding: 10px 0; }
	
	.sys_landingSpotList li {
		width: 31.999%;
	}
	
	#landingAside {
		width: 100%;
		margin: 0;
	}
	
	#landingAside .mapContainer, 
	#aside .mapContainer {
		float: left;
		width: 48%;
		padding: 0;
		margin-right: 2%;
	}
    
	#landingAside .mapContainer:last-of-type, 
	#aside .mapContainer:last-of-type {
		margin-right: 0;
		margin-left: 2%;
	}
	
	#landingAside h4, 
	#aside .mapContainer h4 {
		width: 100%;
		box-sizing: border-box;
		padding: 8px 15px;
	}
}


@media screen and (min-width:626px) and (max-width:767px) {
	
	.sys_landingSpotList li:nth-of-type(3n) { margin-right:0;}
}


@media screen and (max-width:625px) {
    
	.sys_landingSpotList li {
		width: 49%;
		padding-top:38%;
	}
	
	.sys_landingSpotList li:nth-of-type(2n) { margin-right:0;}

	.sys_landingSpotList li h2 {
		font-size: 14px;
		line-height:18px;
	}
	
	.sys_landingSpotList li h2 a {
		height: 74px;
	}
    
	#landingAside .mapContainer, 
	#aside .mapContainer {
		margin-bottom: 58px;
	}
	
	#landingAside h4, 
	#aside .mapContainer h4 {
		font-family: Verdana, Arial, sans-serif;
		font-size:14px;
		line-height: 16px;
		height: 48px;
		top:100%;
	}
}

@media screen and (min-width:485px) and (max-width:624px) {

	.sys_landingSpotList li {
		width: 49%;
		padding-top: 35%;
	}
}

@media screen and (max-width:400px) {
	
	.sys_landingSpotList li {
		padding-top:42%;
	}
    
	.sys_landingSpotList li h2 a {
		height: 62px;
		padding: 0 10px 10px 10px;
	}
}



/********************
SLIDESHOW GALLERIES
********************/


@media screen and (max-width:980px) {
	
	.sys_theme-simple .sys_imageslideshowgallery-control,
	.sys_theme-simple .sys_imageslideshowgallery-control .sys_imageslideshowgallery-container,
	.sys_theme-simple .sys_imageslideshowgallery-control .sys_imageslideshowgallery-container .ad-image { max-width: 100%!important; }
	
	.sys_theme-simple .sys_imageslideshowgallery-control .sys_imageslideshowgallery-container .ad-image .ad-image-description { width: 100%!important; }
	
	.sys_theme-simple .sys_imageslideshowgallery-control .sys_imageslideshowgallery-container .ad-image { 
		left: 0!important; 
		width: 100%!important;
	}
	
	.sys_theme-simple .sys_imageslideshowgallery-control .sys_imageslideshowgallery-container .ad-image img { width: 100%; }	
}


@media screen and (max-width:767px) { 

	.cycle-slideshow { display: none; }
}



/********************
GENERIC LIST CONTROL
********************/

@media screen and (max-width:979px) { 

	.sys_generic_list-control,
	#AZListing_List .sys_subitem, 
	#GenericList_List .sys_subitem, 
	#GenericList1_List .sys_subitem, 
	#GenericList2_List .sys_subitem, 
	#GenericList3_List .sys_subitem, 
	#GenericList4_List .sys_subitem, 
	#GenericList5_List .sys_subitem, 
	#GenericList6_List .sys_subitem, 
	#GenericList7_List .sys_subitem, 
	#GenericList8_List .sys_subitem, 
	#GenericWithThumbnail_List .sys_subitem, 
	#GenericWithThumbnail2_List .sys_subitem {
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 10px;
		padding: 0;
	}
	
	ul.tabs li a { display:inline-block; }
	
	#contentMainFullWidth ul.tabs, #contentMain ul.tabs { margin: 10px 0 0 0;}
	
	#contentMain ul.tabs li {
		display: inline-block;
		margin: 0;
	}
    
	.tab_content { margin-bottom:10px; }
	
	.sys_generic_list-control .sys_paginginfo,
	#AZListing_List .sys_noresults {
        padding: 0;
    }
}

	
@media screen and (min-width:768px) and (max-width:979px) {
		
	#AZListing_List .sys_noresults { float: left; } 
	
	.sys_generic_list-control .sys_paginginfo { float: right; }
}


@media screen and (max-width:979px) { 
    
	#contentMain ul.tabs li {
		margin: 2px 0 0 0;
	}
	
	ul.tabs li a {
		background: #3b9999;
		color: #fff;
		padding: 5px 10px;
	}
	
	ul.tabs li a:hover {
		background: none;
		color: #0061C1;
		text-decoration: underline;
	}

	.activeTab, 
	ul.tabs li a.activeTab {
		background: #3872a0;
		color: #fff;
		padding: 5px 10px;
	}
}



/********************
A TO Z
********************/


@media screen and (max-width:979px) { 

	.sys_atoz-control {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	.sys_atoz-control ul,
	#contentMain .sys_atoz-control ul, 
	#contentMainFullWidth .sys_atoz-control ul {
		margin: 0;
		width: 100%;
	}
		
	.sys_atoz-control ul li,
	#contentMain .sys_atoz-control ul li, 
	#contentMainFullWidth .sys_atoz-control ul li {
		margin: 0;
		padding: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	
	.sys_atoz-control ul li a {
		display: block;
	}
}



/********************
FORMS
********************/


@media screen and (max-width:979px) { 

	#contentMain .sys_cms-form-control ul { 
		margin: 0 0 20px 0; 
		padding: 0;
	}
	
	#contentMain .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item { 
		padding: 0;
		margin: 0 0 10px 0;
		width: 100%; 
		font-size: 14px;
	}
	
	#contentMain .sys_cms-form-control ul.sys_cms-form-body li.sys_sectionbreak { padding-top: 15px; }
	
	#contentMain .sys_cms-form-control input,
	#contentMain .sys_cms-form-control textarea { box-sizing:border-box; }
	
	#contentMain .sys_cms-form-control.sys_labels-left .sys_fieldlabel {
		width: 100%!important;
		margin: 0;
		padding: 0;
		line-height: 30px;
		height: 30px;
	}
	
	#contentMain .sys_cms-form-control input.sys_medium,
	#contentMain .sys_cms-form-control select.sys_medium,
	#contentMain .sys_cms-form-control textarea.sys_small, 
	#contentMain .sys_cms-form-control textarea.sys_medium, 
	#contentMain .sys_cms-form-control textarea.sys_large { width: 100%; }
	
	#contentMain .sys_form-submit,
	#contentMain .sys_cms-form-control input { 
		height: 30px!important;
		font-size: 14px;
		padding: 0 15px;
	}
}



/********************
NEWS
********************/


@media screen and (max-width:980px) {
	
	#newsfeed .sys_news-control .sys_itemslist,
	.sys_standard-list { width: 100%; }
	
	.sys_news-control .sys_itemslist .sys_subitem {
		background-color: #fff;
		margin: 0 0 10px;
		padding: 10px 20px;
		border: 2px solid #E3EBF6;
		box-sizing:border-box;
	}
	
	.sys_subitem div { padding-left: 0; }
	
	.sys_news-control .sys_clear { clear: both; }
	
	.sys_news-search-control input,
	.sys_news-search-control select { 
		width: 100%; 
		box-sizing: border-box;
	}
	
	.sys_news-search-control label { 
		margin: 0;
		width: 100%;
		display: block;
		margin-bottom: 5px;
	}
	
	.sys_news-search-control { 
		width: 100%; 
		padding: 10px 10px 5px 10px;
		box-sizing: border-box;
		margin: 10px 0;
		float:none;
	}
	
	.sys_news-control .sys_itemslist { width: 100%; }
}


@media screen and (max-width:767px) {
	
	.sys_record-image-control {
		float: none;
		width: auto;
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
	}
		
	.sys_news-search-control { padding: 20px; }
}


/********************
EVENTS
********************/

#contentMain .sys_events ul, 
#contentMainFullWidth .sys_events ul {
	margin: 0; 
}

.sys_events .sys_search-options {
	display: block;
    width: auto;
    height: auto;
    background-color: #fff;
    padding: 20px 10px 10px;
    border: 5px solid #d3e6f6;
	border-top: 4px solid #d3e6f6;
	clear:both;
}

.sys_events .sys_thumbnail {
	float: right;
	margin: 0 10px;
	padding: 0;
}

.sys_events dt.sys_events-description {
	display: none;
}

.sys_subitem-summary dd {
	padding: 10px 0 0 0 ;
}


.sys_events .sys_search-options:before,
.sys_search-options:after {
    content: " "; 
    display: table; 
}

.sys_events .sys_search-options:after {
    clear: both;
}

.sys_events-control {
	clear: left;
    width: 70%;
    box-sizing: border-box;
    float: left;
    margin-top: 10px;
}
.sys_events-search-control {
    float: right;
    width: 30%;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    margin-top: 10px;
}
	
.sys_events-control .sys_itemslist .sys_subitem {
	margin-bottom: 20px;
	margin-top: 0;
}

.sys_events .sys_tabsfilter-control {
	border: 0;
	height: 33px;
	border-bottom: solid 5px #d3e6f6;
}

.sys_events .sys_tabsfilter-control li a {
	font-weight: normal;
	border-top: 5px solid #d3e6f6;
	border-bottom: 5px solid #d3e6f6;
	display:block;
	height: 20px;
	line-height: 20px;
}

.sys_events .sys_tabsfilter-control li.sys_selected a {
	margin: 0;
	border-left: 5px solid #d3e6f6;
	border-right: 5px solid #d3e6f6;
	border-bottom:0;    
	height: 25px;
}

.sys_events .sys_search-options .sys_search-row {
	float: left;
	clear: none;
	padding: 0;
	box-sizing:border-box;
	width: 100%;
}

.sys_events .sys_search-options .sys_button-row {
	float: right;
	padding: 5px;
	text-align:right;
}

.sys_events .sys_search-options .sys_button-row input{
    background: #3872a0;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 5px;
}

.sys_events .sys_search-options .sys_search-row input[type="text"] {
	width: 100%;
	height: 30px;
	box-sizing:border-box;
}

.sys_search-options label {
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
	
}

#contentMain .sys_tabsfilter-control li {
	border: none;
	margin-bottom: -4px;
}

.sys_events-record dt.sys_events-location:before {
  	content:none;
}

.sys_events-record .sys_record-image-control {
  width: 50%;
  
}

.sys_events-record .sys_record-image-control img {
  width: 100%;
  
}


@media screen and (min-width:768px) and (max-width:980px) {
	
	.sys_events .sys_tabsfilter-control li a {
		font-size: 1em;
		padding: 4px 8px;
	}
}

@media screen and (max-width:768px) {
  
  	.sys_events-record .sys_record-image-control {
      	width: 100%;
    }
	
	.sys_events-search-control {
		width: 100%;
		clear: both;
		float: none;
		padding: 0;
	}
	
	.sys_events-control {
		width: 100%;
		clear: both;
	}
}


@media screen and (max-width:650px) {
	.sys_events .sys_tabsfilter-control li a {
		font-size: 1em;
		padding: 4px;
	}
}


@media screen and (max-width:490px) {
	
	
	.sys_events .sys_tabsfilter-control {
		height: 220px;
		border: 0;
	}
	
	.sys_events .sys_tabsfilter-control li {
		clear: both;
		float: none;
		width: 100%;
		box-sizing: border-box;
		position: static;
		margin: 0 0 5px 0!important;
		height: 30px;
	}
	
	.sys_events .sys_tabsfilter-control li a {
		font-size: 1em;
		padding: 0 10px;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		display: block;
		height: 30px;
		line-height: 30px;
		border: 0;
	}
	
	.sys_events .sys_tabsfilter-control li.sys_selected {
	}
	
	.sys_events .sys_tabsfilter-control li.sys_selected a {
		border: 2px solid #d3e6f6;
		line-height: 30px;
    	height: 30px;
	}
	
	.sys_events .sys_search-options {
		padding: 20px 0 0;
		border: 0;
		clear: both;
	}
	
	.sys_events .sys_search-options .sys_search-row,
	.sys_events .sys_search-options .sys_button-row input {
		width: 100%;
	}
	
	.sys_events .sys_search-options .sys_button-row {
		padding: 0;
	}
	
	.sys_search-options label {
		height: 20px;
	}
}


/********************
FOUR BOX LAYOUT
********************/

object p { 
	font-size:1em; 
	word-break: break-all;
	clear: both;
}

.oneboxwrapper object { width: 100%!important; }

@media screen and (max-width:980px) {
    
	.rowwrapper{
		float: none;
		margin: 0;
	}
	
	.oneboxwrapper {
		float: left;
		width: 50%;
		margin: 0;
		box-sizing:border-box;
	}
	
	.oneboxwrapper:first-of-type { padding: 0 10px 0 0 }
    
	.oneboxwrapper:last-of-type { padding: 0 0 0 10px }
}


@media screen and (max-width:767px) {
	
	.oneboxwrapper {
		width: 100%;
		clear: both;
	}
	
	.oneboxwrapper:first-of-type,
	.oneboxwrapper:last-of-type { padding: 0 0 10px 0 }	
}

/********************
VIDEO
********************/

#VideoPlayer_jwplayer_display:after {
    content:"";
	display:block;
	width: 0;
	height: 0;
	border: solid 30px transparent;
	border-left: solid 45px #fff;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-left:-30px;
	margin-top:-30px;
	z-index:100;
}

@media screen and (max-width:980px) {
	
	.sys_HomeSpotList .spotLightVideo h2 {
		margin: 0 0 30px 0;
	}
	
	.spotLightVideo,
	.sys_HomeSpotList .spotLightVideo { padding: 0; }
	
	
	.sys_HomeSpotList #VideoPlayer_wrapper { 
		margin-left: 0;
		padding-top: 80%;
		height: 0!important;
		margin-top: -70px;
	}
	
	.sys_HomeSpotList #VideoPlayer_wrapper,
	.sys_HomeSpotList #VideoPlayer_wrapper object { width: 100%!important; }
	
	.sys_HomeSpotList #VideoPlayer_wrapper object {
		position:absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
	
	#VideoPlayer,
	#VideoPlayer_displayarea { width: 100%!important; }
	
	.spotLightVideo div[id="VideoPlayer"] { 
		margin-left: 0; 
		margin-top: -70px;
	}
}


@media screen and (max-width:767px) {
	
	.sys_HomeSpotList #VideoPlayer_wrapper object { top: 15px; }
	
	.sys_HomeSpotList #VideoPlayer_wrapper { margin-bottom: 30px;}	
}
/****
iframe
*****/

.video-container iframe {
    position: relative;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  	align-content:left;
}


/*********************
OUR QUALITY STORY
*********************/

.OQStoggle {display: none;}

@media screen and (max-width:980px) {
    
	.right-side-col,
	.two-col-container,
	.main-left-col,
	.right-side-blue {
		width: 100%;
		box-sizing: border-box;
		float: none;
		clear: both;
	}

	.p-hub-header {
		height: auto;
		background: #0c7693;
		}

	h1.hub-heading { padding: 20px; }

	.sys_header { 
		width: 100%;
		box-sizing: border-box;
		
		}
	.sys_header-left { width: 65%;
	}

	.sys_header-right { width: 35%; }

	.OQStoggle {
		font-size: 1.5em;
		display: block;
		height: 50px;
		padding: 10px 10px 10px 48px;
		background: #e1fcb1;
		line-height: 30px;
		box-sizing: border-box;
		margin: 0;
		color: #028484;
		position: relative;
	}
	
	.OQStoggle:before {
		content: "";
		display: block;
		width: 27px;
		height: 20px;
		position: absolute;
		top: 15px;
		left: 10px;
		background: url(../Images/icons/secondaryMenuToggle.png) no-repeat;
	}
	
	.OQStoggle.active:before {background: url(../Images/icons/secondaryMenuToggle.png) no-repeat -27px 0;}
	
	.secondary-menu ul { display: none; }
	
	.secondary-menu ul.open { display: block; }
}

@media screen and (max-width:768px) {

	.sys_header-left { width: 100%; }

	.sys_header-right-red,
	.sys_header-right-green{
		width: 100%;
		float: left;
	}

	.secondary-menu ul li { 
		display: block;
		float: none;
	}
	
	.secondary-menu .sys_megaDrop { 
		width: 100%;
		background: #f3fede;
		border: none;
	}
	
	.secondary-menu .sys_megaDrop ul li,
	.secondary-menu .sys_megaDrop ul li:nth-child(odd),
	.secondary-menu .sys_megaDrop ul li:nth-child(even) { float: none; }
	
	.secondary-menu { padding: 0;}
}


/*===================
EVELINA
===================*/


@media screen and (max-width:768px) {
 
	.tab_content { width: auto; }
}