@charset "UTF-8";
/* CSS Document */
/*********************************************************************************/
/* Below 1200px                                                                   */
/*********************************************************************************/
@media (max-width: 1200px) { /* 1200px */

	#mainbanner {
		background: #006E99;
	}
	#mainbanner .caption {
		bottom: 40px; 
		padding: 15px 0;
	}
	#mainbanner .caption h1 {
		font-size: 1.5em;
	}
	#mainbanner .caption {
		bottom: 20px; 
		padding: 15px 0;
	}
	#mainbanner .caption h1 {
		font-size: 1.5em;
	}
	#menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}

}
/*********************************************************************************/
/* Below 1000px                                                                  */
/*********************************************************************************/
@media (max-width: 1000px) { 
	#header #logowrapper {
		float: left;
		width: 100%;
	}
	#header #logowrapper #logo,
	#header #contact {
		float: none;
		margin: 1em auto .5em auto;
	}
	#header #logowrapper #strap {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom: 1em;	
	}
	#header #contact {
		width: 100%;
	}
	#header #contact h1,
	#header #contact p {
		text-align: center;
	}
	#header #contact p.title {
		text-align: center;
		font-size: 1.25rem;
	}
	#header #contact p.numbers {
		text-align: center;
		font-size: 1rem;
	}
	#footer #address,
	#footer #social {
		width: 45%;
		margin: 0 2.5%;
	}
}
/*********************************************************************************/
/* Below 960px                                                                  */
/*********************************************************************************/
@media (max-width: 960px) { 

	#headertop {
		position: relative;
	}
	#contentbanner #title h1 {
		font-size: 1.5rem;
	}
	#contentbanner #title h2 {
		font-size: 1.25rem;
	}
}
/*********************************************************************************/
/* Below 850px                                                                   */
/*********************************************************************************/
@media (max-width: 850px) {
	
	#header #logowrapper #logo {
		width: 300px;
		height: 70px;
		background: url(_gfxlib/logo300.png) no-repeat top center;
		background-size: 100%;
	}
	#header #logowrapper #strap {
		font-size: 1em;
	}
	#header #contact {
		margin-top: 0;
	}
	#header #contact h1,
	#header #contact p {
		font-size: 1em;
	}

	#mainbanner .caption {
		padding: 10px 0;
	}
	
	#mainbanner .caption h1 {
		font-size: 1.25em;
	}
	#mainbanner .caption h1, .mainimage .caption h1, #mainbanner .caption h2, .mainimage .caption h2 {
		font-size: 1.25rem;
	}
	#contenthighlight h1 {
		margin: .5em 0 0 2%;
	}
	#mainbanner .caption p, 
	.mainimage .caption p {
		font-size: 1rem;
	}
	#contentbanner #title h1 {
		margin: 2rem 0 0 5%;
	}
	#contentbanner #title h2 {
		margin: 0 0 0 5%;
	}
	.boxwrapper .box .title h2 {
		font-size: 1.25rem;
		font-weight: 400;
	}
	.boxwrapper {
		padding: 0;
		margin-bottom: .5em;
	}
	.boxwrapper .box {
		float: left;
		width: 98%;
		margin: 1em 1%;
		padding-bottom: .5em;
		margin-bottom: 0;
		position: relative;
	}
	#centrewrapper {
		float: left;
		width: 98%;
		margin: 0 1%;
	}
	#rightwrapper {
		float: left;
		width: 96%;
		margin: 0 1%;
	}

	
}
/*********************************************************************************/
/* Below 750px                                                                   */
/*********************************************************************************/
@media (max-width: 750px) {
	
	.wrapper {
		width: 98%;
		margin: 0 1%;
	}
	#contentbanner #title h1 {
		font-size: 1.5rem;
	}
	#contentbanner #title h1, #contentbanner #title h2 {
		font-size: 1.25rem;
	}
	#homefeatures h1,
	#contenthighlight h1 {
		font-size: 1.5em;
	}
	#homefeatures .highlightwrapper li {
		padding: 4px 0 6px 10%;
	}
	#contenthighlight .boxwrapper .box .title h1 {
		font-size: 1.25em;
	}
	#mainbanner .contentcaption h1 {
		font-size: 1.5em;
	}
	.boxwrapper .box {
		float: left;
		width: 100%;
		margin: .5em 0 0 0;
	}
	.boxwrapper .box .title h1,
	#contenthighlight .boxwrapper .box .title h1 {
		font-size: 1.25em;
	}
	.boxwrapper .box .content p,
	#contenthighlight .boxwrapper .box .content p {
		font-size: .875em;
	}
	
	#content {
		margin-top: 1em;
	}
	#contentwrapper .homecontent .title h1,
	#contentwrapper .pagecontent .title h1 {
		font-size: 2.5em;
	}
	#centrewrapper h2 {
		font-size: 1.5em;
	}
	#centrewrapper p {
		font-size: 1em;
	}
	#centrewrapper .standfirst {
		font-size: 1.125em;
	}
	#centrewrapper .newswrapper h1 {
		font-size: 1.125em;
	}
	#centrewrapper .newswrapper p {
		font-size: 1em;
	}
	#rightwrapper {
		width: 98%;
		margin: 1em 1%;
	}
	#rightwrapper h1 {
		font-size: 1.125em;
	}
	#rightwrapper .contentquote h1 {
		font-size: 1.25em;
	}
	
	#footer #creditswrapper #copyright,
	#footer #creditswrapper #webcredit {
		width: 98%;
		margin: 1em 1%;
	}
	#footer {
		text-align: center;
	}
	#footer #creditswrapper #webcredit {
		text-align: center;
	}
	#footer #address,
	#footer #social {
		float: none;
		width: 100%;
		margin: .5em auto;
		text-align: center;
	}
	#footer #social h1 {
		text-align: center;
	}
	#footer #social img {
		margin: 1em .5em;
		float: none;
		display: inline-block;
	}
}
/*********************************************************************************/
/* Below 600px                                                                   */
/*********************************************************************************/
@media (max-width:37.5em) {

	#mainbanner .caption {
		float: left;
		width: 100%;
		position: relative;
		bottom: 0;
		min-height: 70px;
		background: #006E99;
	}
	.bx-wrapper .bx-pager {
		display: none;
	}
	#contentbanner #imageblock,
	#contentbanner #title {
		width: 100%;
	}
	#contentbanner #title {
		padding-bottom: 1.5em;
	}
	#homefeatures .highlightwrapper li {
		font-size: 1em;
		background: url('_gfxlib/bullet-20.png') no-repeat left center;
		padding: 4px 0 6px 10%;
	}
	
}
/*********************************************************************************/
/* Below 400px                                                                   */
/*********************************************************************************/
@media (max-width:25.00em) {
	
	.contentitem {
		float: left;
		width: 100%;
		margin: 1rem 0;
		background: #FEFEFE;
	}
	.contentitem .imgitem {
		width: 100%;
		margin: 1rem 0;
	}
	.contentitem .textitem {
		width: 100%;
		margin: 1rem 0;;
	}


	
}