﻿@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;
		}
}
/* Submenu dropdown - dark text on light background */
.navliner .k-menu .k-menu-group .k-item .k-link {
	color: #000 !important;
	background-color: transparent !important;
	font-weight: bold;
	font-size: 16px !important;
	border-color: black;
	outline-color: black;
}
.navliner .k-menu .k-menu-group {
	border-bottom: 1px solid;
	border-color: #272727 !important;
}
/* Submenu hover */
.navliner .k-menu .k-menu-group .k-item:hover .k-link {
	color: #fff !important;
	background-color: #4e4e4e !important;
}
.k-popup {
	border-color: #272727;
}
@media only screen and (max-width : 320px) {
}