@import url('https://fonts.googleapis.com/css?family=Bai+Jamjuree:400,400i,700,700i|Poppins:400,400i,700,700i&display=swap');
 /*admin */
.overwrite_inside_left{font-size:0.8em;}
.inside_left_bar, .inside_left_bar img{display:none;}
#menu{background-color:#ffffff;margin-right:10px;float:left;font-size:0.8em;width:200px;border-right:1px solid #662C91;}
#menu ul{font-size:1em;list-style:none;margin:0px;padding:0;background-color:transparent;}
#menu ul li{padding:7px 0px 0px 0px;}
#menu a{color: #000000;}
#menu a.ln div{padding-top:5px;}
#menu a:hover,#menu a:focus{color:#662C91;}
.inside_page_bg #menu a{font-size:1em; line-height:1em!important;}
.inside_page_bg #menu li li li li a{font-size:0.9em;}
.inside_page_bg #menu ul ul ul{padding-left:20px;}
.inside_page_bg #menu ul ul ul ul{padding-left:40px;}

.overwrite_inside_left{padding-right:11px;}
.print_total{padding-bottom:35px;}
.screen_total2,.screen_total{width:1024px;margin:0 auto;}
.top_text_bg{background-color:#662C91;color:#000000;height:10px;color:#ffffff;}
#header_nav, #tabnav, #headermenu a.toplink, #headermenu a.toplink:visited{overflow:hidden;background-color:#ffffff;height:auto;color:#000000;}
#header_nav{background-color:#ffffff;color:#000000;border-bottom:1px solid #662C91;}
#header_nav li a.toplink{background-color:#ffffff;text-transform:uppercase;height:25px;font-size:14px;line-height:10px !important;padding:10px 10px 0px 10px;border:none;color:#000000;}
#header_nav li a.toplink:hover{background-color:#ffffff;color:#662C91;}
#header_nav li a.tabnav_default,
#headermenu a.tabnav_default, #headermenu a.tabnav_default:visited{background-color:#ccc;color:#662C91;}
#header_nav li{ display: inline-block; width:auto !important;background-color:#662C91;padding-right:1px;}
#header_nav li:last-child{padding-right:0px;}
#tabnav{margin-left:0px;}
#headermenu, #headermenu ul{padding:0px;margin:0px 0px 0px 0px;}
.top_border_bg{background-color:#662C91;}
.left_menu_column{width:250px;}
#headermenu a.tabnav_default, #headermenu a.tabnav_default:visited{background:#000000;color:#ffffff;}
p.titletext{padding-bottom:0.25em;}
.inside_page_bg table{border-color:rgb(153,153,153);}

header ul { list-style:none; margin:0; padding:0; }


#utility-nav {position: relative; width:100%;display: inline-block;float:right;}
#utility-nav ul {position: relative; display: inline-block; vertical-align: top; width:100%; float:left;}
#utility-nav li {position: relative; display: inline-block; vertical-align: top; font-size:1em; float:left; line-height: 1em; text-align: right; width:100%;}
#utility-nav li a{font-weight: 400; font-family: 'Bai Jamjuree',sans-serif; font-size:1.4em; line-height: 1.1em; color:#fff; display:inline-block; position:relative; background:none; border:none; padding:1em 0; width:100%;}
#utility-nav li a:hover,#utility-nav li a:active,#utility-nav li a:focus{color:#fff;text-decoration: none; font-style: italic;}


/***Based on A360 Custom Select***/
.school-select {position: relative;width:auto; z-index: 99;}
.school-select .school-trigger {font-size: 1em!important; padding:0.8em!important; margin:1em 0 0.85em!important; border: none; background: none; width: 100%;text-align: left;color:#58595B!important;}
.school-select .school-trigger:hover,.school-select .school-trigger:focus,.school-select .school-trigger:active{color:#662C91!important; background:none!important;}
.school-select .school-trigger a{color:#58595B;}
.school-select .school-trigger .icon {position: relative; display: inline-block; margin:0 0 0 0.1em; float:none; font-size: 0.8em;}
#topNav .school-select .school-options {height:0; overflow: hidden; display: block; position: absolute;  left: -3em;   right: 0; z-index: 99;  list-style: none; margin: 0; padding: 0; border-top: 0; background-color: #ffffff; width:23em;}
.school-select .school-options.is-visible {display: block!important;height:auto!important; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -ms-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; -webkit-box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.15); box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.15);}
.school-select .school-options li {color:#000000; font-size: 0.88em!important;cursor: default; width:100%; position: relative; display: inline-block; margin:0!important; padding:0!important;}
.school-select .school-options li .icon-circle{position: relative; width:2.5em; height:2.5em; background:#662C91; color:#ffffff; display: inline-block; border-radius: 50%; overflow: hidden;}
.school-select .school-options li .icon-circle .icon{font-size:1.5em; position: absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.school-select .school-options li a{color:#000000; font-weight: 700; font-family: 'Bai Jamjuree',sans-serif; text-decoration: none;width:100%; display: inline-block;padding: 0.25em 5% 0.25em 2%!important; margin:.5em 0!important; text-align: left;  width:100%; position: relative; display: inline-block;}
.school-select .school-options li .school-label{position: absolute; top:50%; left:3.5em; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); width:80%;}
.school-select .school-options .center-curriculum-coaching .icon-circle{background:#A1228E;}
.school-select .school-options .center-language-culture .icon-circle{background:#014051;}
.school-select .school-options .center-strategic-innovation-for-learning .icon-circle{background:#237B3C;}
.school-select .school-options .center-specialized-services-staffing .icon-circle{background:#00A3BA;}
.school-select .school-options .center-systems-for-inclusive-learning .icon-circle{background:#40126B;}
.school-select .school-options .center-continuous-improvement-data-analysis .icon-circle{background:#662D91;}
.school-select .school-options .center-behavior-mental-health .icon-circle{background:#869E36;}
.school-select .school-options .center-licensing-evaluation-support .icon-circle{background:#B66828;}
.school-select .school-options .center-curriculum-coaching a:hover,
.school-select .school-options .center-curriculum-coaching a:focus,
.school-select .school-options .center-curriculum-coaching a:active{color:#A1228E;}
.school-select .school-options .center-language-culture a:hover,
.school-select .school-options .center-language-culture a:focus,
.school-select .school-options .center-language-culture a:active{color:#014051;}
.school-select .school-options .center-strategic-innovation-for-learning a:hover,
.school-select .school-options .center-strategic-innovation-for-learning a:focus,
.school-select .school-options .center-strategic-innovation-for-learning a:active{color:#237B3C;}
.school-select .school-options .center-specialized-services-staffing a:hover,
.school-select .school-options .center-specialized-services-staffing a:focus,
.school-select .school-options .center-specialized-services-staffing a:active{color:#00A3BA;}
.school-select .school-options .center-systems-for-inclusive-learning a:hover
.school-select .school-options .center-systems-for-inclusive-learning a:focus,
.school-select .school-options .center-systems-for-inclusive-learning a:active{color:#40126B;}
.school-select .school-options .center-continuous-improvement-data-analysis a:hover,
.school-select .school-options .center-continuous-improvement-data-analysis a:focus,
.school-select .school-options .center-continuous-improvement-data-analysis a:active{color:#662D91;}
.school-select .school-options .center-behavior-mental-health a:hover,
.school-select .school-options .center-behavior-mental-health a:focus,
.school-select .school-options .center-behavior-mental-health a:active{color:#869E36;}
.school-select .school-options .center-licensing-evaluation-support a:hover,
.school-select .school-options .center-licensing-evaluation-support a:focus,
.school-select .school-options .center-licensing-evaluation-support a:active{color:#B66828;}


/* socialNav */
#social-nav {width:100%;float:left;margin:0;padding:0;list-style:none;position:relative;display:inline-block; text-align: left;}
#social-nav li {line-height: 1em; block-size:auto; display:inline-block; position:relative;text-transform: capitalize; margin:0 0.75em; }
#social-nav li:first-child{margin-left:0;}
#social-nav li:last-child{margin-right:0;}
#social-nav li a,#social-nav li button {font-size:1.5em; color:#662C91; line-height: 0; background:transparent; border:none; cursor: pointer;}
#social-nav li a:hover,#social-nav li a:focus,#social-nav li a:active,
#social-nav li button:hover,#social-nav li button:focus,#social-nav li button:active{color:#2DB3CC; text-decoration: none;}

 /*Main Navigation*/
.nav-main{width:auto;padding:0 0 0 0;float:left;display:inline-block;text-align:right;position:relative;z-index:96;}
.nav-main ul{margin:0;padding:0;width:100%;display:inline-block;text-align:right;list-style:none;float:left;}
.nav-main ul li{display:inline-block;position:relative;vertical-align: middle;}
.nav-main ul li.menu-button{margin-right: 1.5%;}
.nav-main ul li a,.nav-main ul li.button-item button{margin:1em 0 0.85em; padding:0.8em; font-family: 'Bai Jamjuree',serif; font-size:1em;line-height:1em; font-weight:700; text-align:center;color:#58595b;display:inline-block;-webkit-transition: background 500ms ease;-moz-transition: background 500ms ease;-ms-transition: background 500ms ease;-o-transition: background 500ms ease;transition: background 500ms ease;position:relative;z-index:12;border:none; background:transparent;}
.nav-main ul li a.button{background:#662C91; display: inline-block; padding:0.8em 1.5em; margin-right:0.35em; margin-left:0.35em;}
.fixed .nav-main ul li a.button{width:0; overflow: 0; padding-right:0; padding-left:0;}
.nav-main ul li a .icon,.nav-main ul li button .icon{font-size: 1.05em; line-height: 0; margin-right: 0.2em; float: left; display: inline-block;}
.nav-main ul li.button-item button .icon{font-size: 1.35em;margin:0;}
.nav-main ul li a:hover,.nav-main ul li a.on:hover,
.nav-main ul li a:focus,.nav-main ul li a.on:focus,
.nav-main ul li a.dropDownOn,.nav-main ul li a.dropDownOn.on,
.nav-main ul li button:hover,
.nav-main ul li button:focus,
.nav-main ul li button:active{color:#662C91; text-decoration:none;}
.nav-main ul li a.on{color:#662C91;text-decoration: none;}
.nav-main ul li a.tapLink{position:absolute;top:-100px;left:-100px;}
.nav-main ul li.desktop a.dropDownOn:before{border-bottom: 0.5em solid #662C91; }
.nav-main ul li.desktop.last-desktop a.nav:after{display:none;}
.nav-main ul li.desktop a.navDrop{visibility:hidden;padding-left:0 !important;padding-right:0 !important;}
.nav-main ul li.desktop a.navDrop:hover,
.nav-main ul li.desktop a.navDropOn{color:#662C91;}
.nav-main ul li.desktop a.navDrop:focus{}

#topNav{width:100%;display: inline-block;}

/*dropdown*/
.drop-down-menu{position:absolute;top:100%;margin:0 auto;width:15em!important;padding:0;z-index:96;height:0;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease; padding-bottom:0em;overflow:visible;}
.drop-down-menu .dropDown{display:none;margin:0 auto 0; width:100%;padding:0.5em 2%;background:#ffffff; position:relative;overflow:visible; -webkit-box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.15); box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.15);}
.drop-down-menu .dropDown:after{content:''; position: absolute; bottom:0; left:0; height:0.2em; width:100%; background: #40126b;}
.drop-down-menu .dropDown .mainNav{padding:0 0 0; margin:0;overflow:hidden;z-index:9;}
.drop-down-menu .dropDown .mainNav ul{float:left !important;overflow:hidden;width:100%!important;padding:0 !important;margin:0px;list-style-type:none;display:inline-block;}
.drop-down-menu .dropDown .mainNav ul ul{width:100% !important;padding:0 0 0 !important;}
.drop-down-menu .dropDown .mainNav ul li{padding:0;margin:0; width:100%;}
.drop-down-menu .dropDown .mainNav ul li.level1Line{display:none;}
.drop-down-menu .dropDown .mainNav ul li a{margin:0;font-family: "Bai Jamjuree", sans-serif; color:#000;font-size:0.88em; line-height:1.15em;width:100%;display:block; font-weight:700;height:auto;padding:0.8em 7.5%;text-align:left;text-decoration:none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.drop-down-menu .dropDown .mainNav ul li a:hover,.drop-down-menu .dropDown .mainNav ul li a:focus,
.drop-down-menu .dropDown .mainNav ul li a:active{color:#662C91; text-decoration: none;}


/***Inside Navigation***/
#sidebar{margin:2em 0 0 0;padding: 0;display:inline-block;position:relative;width:100%;}
#sidebar #menu{margin:0;width:100%; background:none;font-size:1em;border:none;position: relative;}
.faculty #sidebar #menu{visibility: visible;}
#sidebar #menu ul{margin:0;padding:0;list-style:none;display: inline-block;width:100%;z-index:1;}
#sidebar #menu ul li{width:100%;float:left;padding:0;}
#sidebar #menu ul ul li a {font-family: "Bai Jamjuree", sans-serif;  font-size:1em; font-weight:400; line-height:1.15em;padding:0.75em 2% 0.75em 15%;margin:0.15em 0;width:100%;float:left;display:inline-block; color: #000000; position: relative;background:transparent;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#sidebar #menu ul ul li a:focus,#sidebar #menu ul ul li a:hover,#sidebar #menu ul ul li a.ln_default{background: -moz-linear-gradient(left,  rgba(0,162,187,0.65) 0%, rgba(0,162,187,1) 15%, rgba(0,162,187,1) 99%, rgba(0,162,187,1) 100%); background: -webkit-linear-gradient(left,  rgba(0,162,187,0.65) 0%,rgba(0,162,187,1) 15%,rgba(0,162,187,1) 99%,rgba(0,162,187,1) 100%); background: linear-gradient(to right,  rgba(0,162,187,0.65) 0%,rgba(0,162,187,1) 15%,rgba(0,162,187,1) 99%,rgba(0,162,187,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7300a2bb', endColorstr='#00a2bb',GradientType=1 ); text-decoration: none;color:#ffffff;font-weight:400;}
#sidebar #menu ul ul ul li a {font-size:0.95em;line-height:1.15em;padding: 0.75em 2% 0.75em 20%;width:100%;}
#sidebar #menu ul ul ul li a:focus,#sidebar #menu ul ul ul li a:hover,#sidebar #menu ul ul li a.ln2_default{background: -moz-linear-gradient(left,  rgba(205,130,18,0.65) 0%, rgba(205,130,18,1) 20%, rgba(205,130,18,1) 99%, rgba(205,130,18,1) 100%); background: -webkit-linear-gradient(left,  rgba(205,130,18,0.65) 0%,rgba(205,130,18,1) 20%,rgba(205,130,18,1) 99%,rgba(205,130,18,1) 100%); background: linear-gradient(to right,  rgba(205,130,18,0.65) 0%,rgba(205,130,18,1) 15%,rgba(205,130,18,1) 99%,rgba(205,130,18,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cd8212', endColorstr='#cd8212',GradientType=1 ); color:#ffffff;}
#sidebar #menu ul ul ul ul{margin:0.25em 0 0.25em 25%;width:75%;border-left:2px solid #00A2BB;}
#sidebar #menu ul ul ul ul li a {font-size:0.85em;line-height:1.15em;padding:0.75em 5% 0.75em 10%;width:100%;background:transparent;color:#58595B; font-weight:700;}
#sidebar #menu ul ul ul ul li a:focus,#sidebar #menu ul ul ul ul li a:hover,#sidebar #menu ul ul li a.ln3_default{font-style: italic; color:#000000; font-weight:700;background:none; filter: none;}

/***Mobile Nav***/
#menu-modal {width: 40%; height: auto; max-height: 100%; overflow: auto; overflow-x: hidden; padding: 3.5em 5% 2em; border: none; border-radius: 0; background: #40126b url(custom/images/general/asset_nav_bg.png) bottom left no-repeat; position: fixed; top: 0; left: auto; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; max-width: 100vw;}
.mobile-nav{width:100%;margin:0 0 1em 0;display: none; float:left;}
.mobile-nav ul{margin:0;padding:0;list-style:none;width:100%;}
.mobile-nav ul.categoryLevel{width:100%; position: relative;}
.mobile-nav ul.categoryLevel li { width: 100%; font-size: 1em; line-height: 1.2em; position:relative;}
.mobile-nav ul.categoryLevel li a {font-family: 'Bai Jamjuree',sans-serif; font-size:1.5em; padding: 0.8em 10% 0.6em 2.5%; width:100%; display:inline-block; color:#FFFFFF; font-weight:700;}
.mobile-nav ul.categoryLevel li a .icon-home{font-size:0.9em; margin-right:1em;}
.mobile-nav ul.categoryLevel ul{background:#ffffff;}
.mobile-nav ul.categoryLevel li li a{font-size:1.1em;padding: 0.8em 10% 0.6em 2.5%; width:85%;color:#000; text-transform:none; border:none;}
.mobile-nav ul.categoryLevel li li li a{color:#662C91;font-size:1.05em;padding: 1em 10% 0.8em 10%; width:80%;border:none;}
.mobile-nav ul.categoryLevel li li li li a{font-family: 'Bai Jamjuree', sans-serif;color:#000000;font-size:1em;padding:1.2em 10% 1em 15%;width:calc(75% - 10px); border-left:10px solid #662C91;}
.mobile-nav ul.level1,.mobile-nav ul.level2,.mobile-nav ul.level3{display:none;}
.mobile-nav .menu-arrow{position:absolute;color:#ffffff;right:0.65em; top:0; padding:0.5em 2.5%!important;text-align:center;cursor:pointer; background:none; border:none; font-size:1.5em; line-height: 1em; display: block;}
.mobile-nav li li .menu-arrow{color:#662C91;}
.mobile-nav .menu-arrow.show .icon-arrow-down:before{content: "\e003";}


/***Modals***/
.no-scroll{overflow:hidden;}
.modal{display:none;}
.close-modal.top{background:none; font-size:1.5em; line-height: 1em; border:none;position: relative; padding:0;}
#translate-modal .close-modal.top,
#menu-modal .close-modal.top{position:absolute; top: 1.5em; right:5%; padding:0;}
#menu-modal .close-modal.top{color:#ffffff;}
#translate-modal .close-modal.button{position:absolute; bottom: 1.5em; right:5%;}
#search-modal .close-modal.top{position: absolute; right:5%; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); color:#ffffff;}


@media only screen and (max-width: 1400px){
	.nav-main ul li a, .nav-main ul li.button-item button,
	.nav-main ul li a.button,.school-select .school-trigger,
	.nav-main ul li.button-item button{font-size:0.9em!important;padding: 0.8em 0.4em;}
	.nav-main ul li a.button{font-size:0.8em!important;}
}
@media only screen and (max-width: 1200px){
	.school-select .school-trigger{margin:0.85em 0 0.6em!important}
	.nav-main ul li a, .nav-main ul li.button-item button, .nav-main ul li a.button, .school-select .school-trigger, .nav-main ul li.button-item button{margin:0.85em 0 0.6em;}
}
@media only screen and (max-width: 1024px){
	#menu-modal{width:100%; height:100%; background-position: bottom right;}
	.mobile-nav{width:60%; display: inline-block;position: relative;}
	#utility-nav{width:40%;}
	#utility-nav li a{font-size:1.2em;}

	.nav-main ul li.desktop{display: none;}
	.nav-main ul li.menu-button{display: inline-block;}
	.nav-main ul li a.button{padding:0.8em;}

	#sidebar{margin:1.2em 0;}
	#sidebar #menu:after{display: none;}
}

@media only screen and (max-width: 980px){
	#search-modal .close-modal.top{top:1em; -webkit-transform:none; -ms-transform:none; transform:none; right:7.5%}
}
@media only screen and (max-width: 800px){
	#social-nav{text-align: center;}
	#social-nav li a, #social-nav li button{font-size:1.7em;}
	.mobile-nav{width:100%; display: inline-block; margin:0 0 1.5em;}
	#utility-nav{width:100%; margin:0; padding:0;}
	#utility-nav ul{width:100%; margin:0; padding:0;}
	#utility-nav li{width:100%; text-align: center;}
}
@media only screen and (max-width: 600px){
	#topNav .school-select .school-options{left:0; width:150%;}
	.fixed #topNav{width:60%; float:right;}
	.fixed .school-select .school-trigger{margin-top:1.5em!important;}
	.fixed .nav-main ul li.button-item button{margin-top:1.5em!important;}
	.nav-main ul li{float:left;}
	.nav-main ul li.button-item{float:none;}
	.nav-main ul li.button-item button{margin:0.4em;}
}
@media only screen and (max-width: 480px){
	#topNav{width:92.5%; margin-right:7.5%;}
	.nav-main ul li{display: none; float:left; text-align: center;}
	.nav-main ul li.drop-link{display: inline-block;}
	.nav-main ul li.button-item{width:auto; text-align: right; display: inline-block; float:none;}
	.school-select .school-trigger{text-align: center; margin:0.25em 0!important;}
	#fixed-btn{height:auto;width:auto; overflow: visible;}
	.nav-main ul li.button-item button{margin:0.4em; padding: 0.5em;}

	#fixed-btn.fixed{top:auto; -webkit-transform:none; -ms-transform:none; transform:none; bottom:0; left:0; right:auto;}
}
@media only screen and (max-width: 380px){
	#topNav{font-size:90%; text-align: left;}
	#topNav ul{text-align: left;}
	.nav-main ul li.drop-link{width:107.5%;}
	#topNav .school-select .school-options{left:7.5%; width:85%;}

}