@charset "utf-8";
/* CSS Document */


nav .navToggle, .rwdlogo{
	display: none;
}







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

	nav .navToggle{
	display: inline-block;
}

	nav .sfNavWrp {
	display: none;
}

	div.header-wrap,div.page-wrap  {
		padding: 0 1em;
	}
	.main div.nav-footer-wrap{
		padding: 2em 1em 1em 1em;
		
	}
	
	div.footer-bottom-wrap {
		padding: 1em;
	}
}

@media only screen and (max-width : 820px)	
{
	
	.triple, .triblock {
    display: block;
}
	
	.triblock {
		width: auto;
		margin: 0 1em 1em 1em;
	}
	
	.padat800{
		padding: 0 1em;
	}
}
@media only screen and (max-width : 720px)	
{
	
	div.logo-header {

     width:30%;
}
	
 div.nav-header {

     width:70%;
}


.logo-header a{
	display: block;
	width: 200px;
	height: 90px;
	background: url(images/headerlogo-200.png) left center no-repeat;
}
	
		.nav-footer-wrap  .sf_colsOut {
	    width: 100% !important;
	    float: none;
	}
    .nav-footer-wrap  .sf_colsOut  .sf_colsIn {
	    margin: 0 0 1.5em 0 !important;
    }
	
	div.footer-bottom-left, div.footer-bottom-right {
    float: none;
    width: auto;
}
	
	.footer-bottom-right .ncca-certification {
		float: none;
		max-width:none;
	}
	
	.thirdrow .trwrap {
    display: block;
	}
	
}

@media only screen and (max-width : 640px)	
{
	
		.loginwrap{
		margin:2em !important;
		width:auto !important;
	}
	
}

@media only screen and (max-width : 500px)	
{
	.socmediablock{
		text-align: center;
	}
	.breaksocmedia{
		display: block;
	}
.breakat480 > .sf_colsOut {
	width: 100% !important;
	float: none;
}

.breakat480 > .sf_colsOut > .sf_colsIn {
	margin: 0 !important;
}	


	
div.logo-header {

    display:none;
}
	
 div.nav-header {
	 float: none;
	 text-align: center;
     width:100%;
	 margin: .8em 0;
}
	.rwdlogo{
		display: block;
		text-align: center;
	}

	.rwdlogo a{
		margin-top: 1em;
	display: block;
	width: 100%;
		max-width: 320px;
		margin: 0 auto;
	height: 80px;
	background:url(images/header-rwd-2.png) center center no-repeat;
		padding-bottom: 10px;
}
	
	div.nav-header {
/*    float: none;
    margin: 0 auto 1em auto;
    width: auto;
		text-align: center;*/
}
	
	#slideshow-wrap .flexslider .slidebg {
		
		background-size: contain;
	}
	
	#slideshow-wrap .flexslider .textblock {

    position: absolute;
    left: 20px;
    bottom: 40px;
		right: 20px;
    max-width:none
    
}
	#slideshow-wrap .flexslider .textblock {
/*

    left: 20px;
    bottom: 40px;
		right: 20px;
*/
   
}
	
	#slideshow-wrap .flex-control-nav {

    bottom: 10px;
}
	
		header{
    height:auto;

}
	
div.mission-statement {
    height: auto;

}
	div.mission-statement h3{
		line-height: normal;
		padding: 12px 0;
}
	

}

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

}