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


/* NAVIGATION CSS */

/* ----- BEGIN DROP DOWN NAVIGATION  ------- */

header{
	position:relative;
	width: 1200px;
	max-width:100%;
	margin: 0 auto!important;
}
nav{
	position:relative;
	width:100%;	
}
#cssmenu2,#cssmenu2 ul,#cssmenu2 ul li,#cssmenu2 ul li a,#cssmenu2 #head-mobile2{
	border:0;
	list-style:none;
	line-height:1;
	display:block;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index: 1;
}
#cssmenu2:after,#cssmenu2 > ul:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
#cssmenu2 #head-mobile2{
	display:none
}
#cssmenu2{
	font-family: OpenSansRegular, Arial, sans-serif;
	background:#444;
}
#cssmenu2 > ul > li{
	float:left;	
}
#cssmenu2 > ul > li > a{
	padding:12px 15px;
	font-size:.875em;
	letter-spacing:1px;
	text-decoration:none;
	color:#f2f2f2;
	font-weight:normal;
}
#cssmenu2 > ul > li:hover > a,#cssmenu2 ul li.active a{
	color:#fff;
}
#cssmenu2 > ul > li:hover,#cssmenu2 ul li.active:hover,#cssmenu2 ul li.active,#cssmenu2 ul li.has-sub.active:hover{
	background:#9a3324!important;
	transition: all 250ms ease-in-out;
}
#cssmenu2 > ul > li.has-sub > a{
	padding-right: 15px;

}
#cssmenu2 > ul > li.has-sub:hover > a:before{
	top:23px;
	height:0
}
#cssmenu2 ul ul{
	position:absolute;
	left:-9999px;
}
#cssmenu2 ul ul li{
	height:0;
	background:#646464;
	transition: all 250ms ease-in-out;
}
#cssmenu2 li:hover > ul{
	left:auto
}
#cssmenu2 li:hover > ul > li{
	height:35px;
}
#cssmenu2 ul ul ul{
	margin-left:100%;
	top:0;
}
#cssmenu2 ul ul li a{
	border-bottom:1px solid rgba(150,150,150,0.15);
	padding:11px 15px;
	width:260px;
	font-size:.75em;
	letter-spacing:.5px;
	text-decoration:none;
	color:#FFF;
	font-weight:400;
}
#cssmenu2 ul ul li:last-child > a,#cssmenu2 ul ul li.last-item > a{
	border-bottom:0;
}
#cssmenu2 ul ul li:hover > a,#cssmenu2 ul ul li a:hover{
	color:#333;
	}
#cssmenu2 ul ul li.has-sub > a:after{
	position:absolute;
	top:16px;
	right:11px;
	width:8px;
	height:2px;
	display:block;
	background:#ddd;
	content:'';
}
#cssmenu2 ul ul li.has-sub > a:before{
	position:absolute;
	top:13px;
	right:14px;
	display:block;
	width:2px;
	height:8px;
	background:#ddd;
	content:'';
	transition: all 250ms ease-in-out;

}
#cssmenu2 ul ul > li.has-sub:hover > a:before{
	top:17px;
	height:0
}
#cssmenu2 ul ul li.has-sub:hover,#cssmenu2 ul li.has-sub ul li.has-sub ul li:hover{
	background:#9a3324;
}
#cssmenu2 ul ul li.has-sub a:hover,#cssmenu2 ul li.has-sub ul li.has-sub ul li a:hover{
	color:#FFF;
}
#cssmenu2 ul ul ul li.active a{
	border-left:1px solid #333;
}
#cssmenu2 ul ul li a{
	color: #FFF!important;
}
#cssmenu2 > ul > li.has-sub > ul > li.active > a,#cssmenu2 > ul ul > li.has-sub > ul > li.active> a{
	border-top:1px solid #333;
}
#cssmenu2 ul li.navigation-link a:hover {
	background:#9a3324;
	color: #FFF;
	transition:all .2s ease;
}

/* MOBILE FOR CETL NAVIGATION */

@media screen and (max-width: 1130px){
	#cssmenu2 > ul > li > a{
		padding:12px 10px;
		font-size:.75em;
		letter-spacing:1px;
	}
}

@media screen and (max-width: 960px){
	#cssmenu2 > ul > li > a{
		letter-spacing:0px;
	}
}
@media screen and (max-width: 851px){
	#cssmenu2 > ul > li > a{
		padding:12px 7px;
	}
}
@media screen and (max-width: 817px){
	.logo {
		position:absolute;
		top:0;
		left: 0;
		width:100%;
		height:46px;
		text-align:center;
		padding:10px 0 0 0 ;
		float:none
	}
	.logo2 {
		display:none;
	}
	nav {
		width:100%;
	}
	#cssmenu2 {
		width:100%;
	}
	#cssmenu2 ul {
		width:100%;
		display:none;
	}
	#cssmenu2 ul li {
		width:100%;
		border-top:1px solid #4d4d4d;
	}
	#cssmenu2 ul li:hover {
		background:#9a3324!important;
	}
	#cssmenu2 > ul > li > a{
		padding:12px 15px;
		font-size:.875em;
		letter-spacing:1px;
	}
	#cssmenu2 ul ul li,#cssmenu2 li:hover > ul > li{
		height:auto;
	}
	#cssmenu2 ul li a,#cssmenu2 ul ul li a{
		width:100%;
		border-bottom:0;
	}
	#cssmenu2 > ul > li{
		float:none;
	}
	#cssmenu2 ul ul li a{
		padding-left:25px;
	}
	#cssmenu2 ul ul li{
		background:#646464!important;
	}
	#cssmenu2 ul ul li:hover{
		background:#9a3324!important;
	}
	#cssmenu2 ul ul ul li a{
		padding-left:45px;
	}
	#cssmenu2 ul ul li a{
		color:#ddd;
		background:none;
	}
	#cssmenu2 ul ul li:hover > a,#cssmenu2 ul ul li.active > a{
		color:#fff;
	}
	#cssmenu2 ul ul ul {
		display: none!important;
	}
	#cssmenu2 ul ul .submenu-button{
		display:none;
	}
	#cssmenu2 ul ul{
		position:relative;
		left:0;
		width:100%;
		margin:0;
		text-align:left;
	}
	#cssmenu2 > ul > li.has-sub > a:after,#cssmenu2 > ul > li.has-sub > a:before,#cssmenu2 ul ul > li.has-sub > a:after,#cssmenu2 ul ul > li.has-sub > a:before{
		display:none;
	}
	#cssmenu2 #head-mobile2{
		display:block;
		padding:18px;
		color:#ddd;
		font-size:.75em;
		font-weight:700;
	}
	.button{
		width:55px;
		height:46px;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
		z-index: 12399994;
	}
	.button:after{
		position:absolute;
		top:18px;
		right:20px;
		display:block;
		height:4px;
		width:20px;
		border-top:2px solid #dddddd;
		border-bottom:2px solid #dddddd;
		content:'';
	}
	.button:before{
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		position:absolute;
		top:12px;
		right:20px;
		display:block;
		height:2px;
		width:20px;
		background:#ddd;
		content:'';
	}
	.button.menu-opened:after{
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		top:18px;
		border:0;
		height:2px;
		width:19px;
		background:#fff;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.button.menu-opened:before{
		top:18px;
		background:#fff;
		width:19px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	#cssmenu2 .submenu-button{
		position:absolute;
		z-index:9999999;
		right:0;
		top:0;
		display:block;
		height:38px;
		width:46px;
		cursor:pointer;
	}
	#cssmenu2 .submenu-button.submenu-opened{
		background: none;
	}
	#cssmenu2 ul ul .submenu-button{
		height:34px;
		width:34px;
	}
	#cssmenu2 .submenu-button:after{
		position:absolute;
		top:18px;
		right:19px;
		width:8px;
		height:2px;
		display:block;
		background:#ddd;
		content:'';
	}
	#cssmenu2 ul ul .submenu-button:after{
		top:15px;
		right:13px;
	}
	#cssmenu2 .submenu-button.submenu-opened:after{
		background:#fff;
	}
	#cssmenu2 .submenu-button:before{
		position:absolute;
		top:15px;
		right:22px;
		display:block;
		width:2px;
		height:8px;
		background:#ddd;
		content:'';
	}
	#cssmenu2 ul ul .submenu-button:before{
		top:12px;
		right:16px;
	}
	#cssmenu2 .submenu-button.submenu-opened:before{
		display:none;
	}
	#cssmenu2 ul ul ul li.active a{
		border-left:none;
	}
	#cssmenu2 > ul > li.has-sub > ul > li.active > a,#cssmenu2 > ul ul > li.has-sub > ul > li.active > a{
		border-top:none;
	}
	
}






/* CETL CONTENT */

.content-cetl {
	display:inline-block;
	float:left;
	width: 69%;
	overflow: hidden;
	clear: both;
	margin-bottom:35px;
}

.sidenav-cetl {
	display:inline-block; 
	float:left; 
	width:29%;
	margin-bottom:45px;
	padding-left: 2%;
}

.sidenav-cetl-content {
	width:95%; 
	margin:25px 0 0 0;
}

.sidenav-cetl-content-grey {
	width:95%;  
	margin:25px 0 0 0;
}

#page-title {
	margin-top: 30px;
	padding-bottom: 10px;
}

.button-cetl{
	background: #E6E6E6; 
	border: 1px solid #E6E6E6; 
	border-radius: 4px;
	margin: 20px 0 10px 0;
	height: 75px;
	width: 95%;
}

.button-cetl a {
	color: #FFF;
}

.button-cetl-text {
	font-family: MuliBold; 
	font-size:1em;
	line-height: 1.5;
	padding: 0 10px 10px 10px;
}
.icon {
	float: right;
	background: #9a3324; 
	color: #FFF; 
	padding: 10px; 
	font-size:1.875em; 
	margin: 12px 12px -35px 12px; 
	border: 1px solid #9a3324; 
	border-radius: 4px;
	min-width: 37px;
	text-align: center;
}
#cetl-banner-small {
	display: none;
}
#cetl-covid-banner-small {
	display: none;
}


/* RED SIDE NAVIGATION */
.list-side-nav-cetl-red {
	margin: 0 0 0 0;
	border:1px solid #ccc; 
	border-radius:5px; 
}
.list-side-nav-cetl-red a span {
	display: block;
	padding: 10px;
	border-bottom: .5px solid #DDD;
	line-height: 15px;
	overflow: hidden;
	padding: 14px 0 14px 10px;
}
.list-side-nav-cetl-red li:last-child {
	border-bottom: none;
}
.list-side-nav-cetl-red span {
	color: #9a3324;
	font-size:.875em;
	font-family: OpenSansRegular!important;
}
.list-side-nav-cetl-red a span:hover {
	color: #9a3324!important;
	background: #f2f2f2;
}
.list-side-nav-cetl-red span.link-group-header-cetl {
	margin: 0 0 0 0;
	background: #9a3324;
	border-radius: 5px 5px 0 0;
}
.list-side-nav-cetl-red a span.link-group-header-cetl {
	color: #FFF;
	font-size:1em;
	font-family: MuliRegular!important;
	padding: 10px;
	line-height: 21px;
}
.list-side-nav-cetl-red span.link-group-header-cetl:hover {
	background: #9a3324;
	color: #FFF!important;
}



/* GREY SIDE NAVIGATION */
.list-side-nav-cetl-grey {
	margin: 0 0 0 0;
	border:1px solid #ccc; 
	border-radius:5px; 
}
.list-side-nav-cetl-grey a span {
	display: block;
	padding: 10px;
	border-bottom: .5px solid #DDD;
	line-height: 15px;
	overflow: hidden;
	padding: 14px 0 14px 10px;
}
.list-side-nav-cetl-grey li:last-child {
	border-bottom: none;
}
.list-side-nav-cetl-grey span {
	color: #333;
	font-size:.875em;
	font-family: OpenSansRegular!important;
}
.list-side-nav-cetl-grey a span:hover {
	color: #9a3324!important;
	background: #f2f2f2;
}
.list-side-nav-cetl-grey span.link-group-header-cetl {
	margin: 0 0 0 0;
	background: #4d4d4d;
	border-radius: 5px 5px 0 0;
}
.list-side-nav-cetl-grey a span.link-group-header-cetl {
	color: #FFF;
	font-size:1em;
	font-family: MuliRegular!important;
	padding: 10px;
	line-height: 21px;
}
.list-side-nav-cetl-grey span.link-group-header-cetl:hover {
	background: #4d4d4d;
	color: #CCC!important;
}




.cetl-box {
	border:1px solid #DDDDDD; 
	padding:10px; 
	margin-top:10px; 
	background-color:#FAFAFA;
	width: 90%;
}

/* COVID 19 LIST */
ul.list-keep-teaching {
	margin: 65px 0 0 0;
	list-style: none;
}
ul.list-keep-teaching li a {
	display: block;
	padding: 14px 12px 14px 8px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	color: #9a3324;
	font-size:1.25em;
	font-family: OpenSansRegular;	
	font-weight: normal;
	line-height: 1.5;
}
ul.list-keep-teaching li a:hover {
	background: #F2F2F2;
	border-bottom: 1px solid #7a0505;
	border-top: 1px solid #7a0505;
	color: #7a0505;
}


@media screen and (max-width: 1040px) {
	.button-cetl-text {
		font-size:.875em;
	}
}

@media screen and (max-width: 800px) {
	.content-cetl {
		width: 100%;
	}
	.sidenav-cetl { 
		width: 98%;
		padding-left: 0px;
	}
	.sidenav-cetl-content {
		width: 100%;
		margin: 25px 0 0 0;
	}
	.sidenav-cetl-content-grey {
		width: 100%;
		margin: 25px 0 0 0;
	}
}
@media screen and (max-width: 600px) {
	.column-two-first-50-percent {
		width: 100%;
	}
	.column-two-second-50-percent {
		width: 100%;
	}
	.cetl-box {
		width: 95%;
	}
	.button-cetl-text {
		font-size:1em;
	}
	.button-cetl{
		width: 99%;
		margin: 15px 0 10px 0;
	}
}

@media screen and (max-width: 500px) {
	#cetl-banner {
		display: none;
	}
	#cetl-banner-small {
		display: inline-block;
	}
	#cetl-covid-banner {
		display: none;
	}
	#cetl-covid-banner-small {
		display: inline-block;
	}
	.cetl-box {
		width: 92%;
	}
	ul.list-keep-teaching li a {
		font-size:1em;
	}
}
@media screen and (max-width: 340px) {
	.button-cetl-text {
		font-size:.875em;
	}
}