/* ACCESSIBILITY CHANGES: bold tags to strong tags in menu RJB 02-08-2018 Everything below this line affects strong elements in the menu */
 .closeIt, .showIt {
	 cursor: pointer;
	 font-size: 32px!important;
	 margin: 0;
	 position: absolute;
	 top: 10px;
	 left: 10px;
}
 .closeIt {
	 background-color: #352268;
}
 .myDivMenu,.myDivInfo,.myDivEvents,.myDivSocial,.myDivApply,.myDivGive,.myDivSearch,.myDivPilotsUP {
	 width: 100%!important;
}
 .nav-is-open a {
	 color: #fff;
}
 .nav-is-open {
	 width: 350px!important;
	 transition: all .7s ease-in-out;
	 z-index: 101;
	 margin-right: 150px;
	 display: block!important;
	 background: #252525;
	 border:1px solid #252525;
	 padding: 15px;
	/* BBB */
	 transition: all .7s ease-in-out;
	 color: #fff!important;
}
 .menu {
	 display: block;
	 position: relative;
	 height: 50px;
	 cursor: default;
	 background: none;
	 border: 0;
	 outline: none;
}
 .menu strong {
	 display: block;
	 width: 150px;
	 height: 50px;
	 text-align: left;
	 padding: 20px 5px 0 50px;
	 z-index: 99;
	 cursor: pointer;
	 color: #ccc;
	 font-size: 15px;
	 line-height: 12px;
	 font-weight: 600;
	 font-family: Open Sans;
	 cursor: pointer;
}
 .menu.myButtonMenu {
	 width: 100%;
	 text-align: left;
	 font-size: 15px;
	 z-index: 99;
	 cursor: pointer;
}
 .menu.myButtonMenu strong {
	 font-size: 15px!important;
	 background: url(/_files/images/shell/bg-menu-x2.png) no-repeat 10px center;
	 background-size: 25px 18px!important;
}
 .menu.myButtonMenu strong.closeIt {
	 font-size: 15px!important;
	 background: #352268 url(/_files/images/shell/bg-menu-x2.png) no-repeat 10px center;
	 background-size: 25px 18px!important;
}
 .buttonContainer > li > .menu:hover, .buttonContainer > li > .menu:focus {
	 background-color: #352268;
	 color: white;
	 text-decoration: none;
}
 .buttonContainer > li > .menu:hover strong, .buttonContainer > li > .menu:focus strong {
	 color: white;
}
 .buttonContainer .link a:hover strong, .buttonContainer .link a:focus strong{
	 background-color: #352268;
}
 .buttonContainer .link strong {
	 font-weight: bold;
}
/* ********** */
 .menu.myButtonInfo {
	 width: 100%;
	 text-align: left;
	 font-size: 15px;
	 z-index: 99;
	 cursor: pointer;
}
 .menu.myButtonInfo strong {
	 font-size: 15px!important;
	 background: url(/_files/images/shell/bg-info-x2.png) no-repeat 10px center;
	 background-size: 23px 25px!important;
}
 .menu.myButtonInfo strong.closeIt {
	 font-size: 15px!important;
	 background: #352268 url(/_files/images/shell/bg-info-x2.png) no-repeat 10px center;
	 background-size: 23px 25px!important;
}
 .menu.myButtonInfo:hover {
	 background-color: #352268;
	 color: #fff;
}
/* ********** */
 .menu.myButtonSearch {
	 width: 100%;
	 text-align: left;
	 font-size: 15px;
	 z-index: 99;
	 cursor: pointer;
}
 .menu.myButtonSearch strong {
	 font-size: 15px!important;
	 background: url(/_files/images/shell/bg-search-x2.png) no-repeat 10px center;
	 background-size: 25px 25px!important;
}
 .menu.myButtonSearch strong.closeIt {
	 font-size: 15px!important;
	 background: #352268 url(/_files/images/shell/bg-search-x2.png) no-repeat 10px center;
	 background-size: 25px 25px!important;
}
 .menu.myButtonSearch:hover {
	 background-color: #352268;
	 color: #fff;
}
/* ********** */
 .menu.myButtonEvents {
	 width: 100%;
	 text-align: left;
	 font-size: 15px;
	 z-index: 99;
	 cursor: pointer;
}
 .menu.myButtonEvents strong {
	 font-size: 15px!important;
	 background: url(/_files/images/shell/bg-events-x2.png) no-repeat 10px center;
	 background-size: 25px 25px!important;
}
 .menu.myButtonEvents strong.closeIt {
	 font-size: 15px!important;
	 background: #352268 url(/_files/images/shell/bg-events-x2.png) no-repeat 10px center;
	 background-size: 25px 25px!important;
}
 .menu.myButtonEvents:hover, .menu.myButtonEvents:focus, .menu.myButtonEvents strong:hover, .menu.myButtonEvents strong:focus {
	 background-color: #352268;
	 color: #fff;
}
/* ********** */
/* .menu.myButtonSocial {
	 position: absolute;
	 top: 220px;
	 right: 0;
	 width: 100%;
	 text-align: left;
	 font-size: 15px;
	 z-index: 99;
	 cursor: pointer;
}
 .menu.myButtonSocial strong {
	 font-size: 15px!important;
	 background: url(/_files/images/shell/bg-social-x2.png) no-repeat 10px center;
	 background-size: 25px 19px!important;
}
 .menu.myButtonSocial strong.closeIt {
	 font-size: 15px!important;
	 background: #352268 url(/_files/images/shell/bg-social-x2.png) no-repeat 10px center;
	 background-size: 25px 19px!important;
}
 .menu.myButtonSocial:hover, .menu.myButtonSocial:focus, .menu.myButtonSocial strong:hover, .menu.myButtonSocial strong:focus {
	 background-color: #352268;
	 color: #fff;
}
 */
/* ********** */
 .menu.myButtonApply {
	 width: 100%;
	 text-align: left;
	 font-size: 15px;
	 z-index: 99;
	 cursor: pointer;
}
 .menu.myButtonApply strong {
	 font-size: 15px!important;
	 background: #352268 url(/_files/images/shell/bg-apply-x2.png) no-repeat 10px center;
	 background-size: 29px 29px!important;
}
 .menu.myButtonApply strong.closeIt {
	 font-size: 15px!important;
	 background: #352268 url(/_files/images/shell/bg-apply-x2.png) no-repeat 10px center;
	 background-size: 97px 29px!important;
}
 .menu.myButtonApply strong:hover, .menu.myButtonApply strong:focus {
	 background-color: #352268;
}
/* ********** */
 .menu.myButtonGive {
	 width: 100%;
	 text-align: left;
	 font-size: 15px;
	 z-index: 99;
	 cursor: pointer;
	 transition: all .1s ease-in-out;
	 cursor: pointer;
}
 .menu.myButtonGive strong {
	 font-size: 15px!important;
	 background: #4f4f4f url(/_files/images/shell/bg-give-x2.png) no-repeat 10px center;
	 background-size: 26px 26px!important;
}
 .menu.myButtonGive strong.closeIt {
	 font-size: 15px!important;
	 background: #352268 url(/_files/images/shell/bg-give-x2.png) no-repeat 10px center;
	 background-size: 26px 26px!important;
}
 .menu.myButtonGive strong:hover, .menu.myButtonGive strong:focus {
	 background-color: #352268;
}
/* ***** added by acm 12/18/2023 katybeth got request from admissions ***** */
 .menu.myButtonVisit {
	 width: 100%;
	 text-align: left;
	 font-size: 15px;
	 z-index: 99;
	 cursor: pointer;
	 transition: all .1s ease-in-out;
	 cursor: pointer;
}
 .menu.myButtonVisit strong {
	 font-size: 15px!important;
	 background: #4f4f4f url(/_files/images/shell/bg-visit.png) no-repeat 10px center;
	 background-size: 26px 26px!important;
}
 .menu.myButtonVisit strong.closeIt {
	 font-size: 15px!important;
	 background: #352268 url(/_files/images/shell/bg-visit.png) no-repeat 10px center;
	 background-size: 26px 26px!important;
}
 .menu.myButtonVisit strong:hover, .menu.myButtonVisit strong:focus {
	 background-color: #352268;
}
/* ***** Added by RJB, 07-07-2016 ***** */
 .menu.myButtonPilotsUP {
	 width: 100%;
	 text-align: left;
	 font-size: 15px;
	 z-index: 99;
	 cursor: pointer;
}
 .menu.myButtonPilotsUP strong {
	 font-size: 15px!important;
	 background: #4f4f4f url(/_files/images/shell/bg-pilotsUP-x2.png) no-repeat 10px center;
	 background-size: 30px 30px!important;
}
 .menu.myButtonPilotsUP strong.closeIt {
	 font-size: 15px!important;
	 background: #352268 url(/_files/images/shell/bg-pilotsUP-x2.png) no-repeat 10px center;
	 background-size: 30px 30px!important;
}
 .menu.myButtonPilotsUP strong:hover, .menu.myButtonPilotsUP strong:focus {
	 background-color: #352268;
}
 .menu:hover strong {
	 color: #fff;
}
 .menu strong.closeIt {
	 color: #fff;
}
 .menu span {
	 position: absolute;
	 width:140px;
	 color: #333333;
	 background: #fff;
	 background: rgba(255,255,255,.8);
	 height: 50px;
	 line-height: 50px;
	 text-align: center;
	 visibility: hidden;
	 border-radius: 4px;
}
 .menu span:after {
	 content: '';
	 position: absolute;
	 top: 50%;
	 left: 100%;
	 margin-top: -8px;
	 width: 0;
	 height: 0;
	 border-left: 8px solid #fff;
	 border-left: 8px solid rgba(255,255,255,.8);
	 border-top: 8px solid transparent;
	 border-bottom: 8px solid transparent;
}
 .menu:hover span {
	 visibility: visible;
	 opacity: 0.8;
	 right: 100%;
	 top: 50%;
	 margin-top: -25px;
	 margin-right: 15px;
	 z-index: 999;
}
 .buttonContainer {
	 width: 150px;
	 height: 100%;
	 position: fixed;
	 background: #333;
	 top: 0;
	 right: 0;
	 display: block;
	 z-index: 99;
	 transition: all .7s ease-in-out;
	 list-style: none;
	 margin: 0;
	 padding-top: 20px;
}
 .buttonContainer li {
	 margin: 0;
}
 .buttonContainer a {
	 color: #ddd;
}
 .menuContainer {
	 width: 0px;
	 position: fixed;
	 margin-right: 150px;
	 top: 0;
	 right: 0;
	 height: 100%;
	 overflow-y: hidden;
	 z-index: 100;
	 -ms-transition: width .5s !important;
	 -moz-transition: width .5s !important;
	 -webkit-transition: width .5s !important;
	 transition: width .5s !important;
}
 .autoScroll {
	 overflow-y: auto;
}
 .menuContainer h3 {
	 margin-bottom: 10px;
}
 .menuContainer .myDivSearch p {
	 margin: 0 0 10px 0;
}
 .menuContainer .myDivSearch h3 {
	 margin: 0 0 20px 0;
	 color: #4A95BA;
}
/* CLOSE OVERLAY */
 #cover {
	 position:fixed;
	 top:0;
	 left:0;
	 background:rgba(0,0,0,0.6);
	 z-index:98;
	 width:100%;
	 height:100%;
	 display:block;
	 cursor:url(/_files/images/shell/closeIt.png), auto;
}
 .globalClose {
	 width: 33px;
	 height: 40px;
	 position: absolute;
	 top: 10px;
	 right: 20px;
	 z-index: 10001;
	 cursor: pointer!important;
	 background: none;
	 outline: none;
	 border: 0;
	 background: url(/_files/images/shell/closeIt.png) no-repeat;
}
 .globalClose:focus {
	 border-bottom: 3px solid #ccc;
}
 .menus.myDivEvents {
	 margin-left: -15px;
	 width: 330px!important;
}
 .menus.myDivEvents .submenu-heading {
	 margin-left: 15px;
}
/* SIDE NAV */
 .sideNavTrigger {
	 cursor: pointer;
	 width: 100%;
	 padding: 14px 15px;
	 border-radius: 5px;
	 color: #fff;
	 position: relative;
	 background: #007A87;
	 text-transform: uppercase;
	 font-size: 12px;
	 letter-spacing: 2px;
}
 .sideNavTrigger:after {
	 font-family: FontAwesome;
	 content: "\f067";
	 position: absolute;
	 top: 13px;
	 right: 15px;
	 font-size: 17px;
}
 .sideNavTrigger.active:after {
	 font-family: FontAwesome;
	 content: "\f068";
}
 .menuContainer a:hover, .menuContainer .accordion ul.accInfo li a:hover {
	 color: #4A95BA!important;
}
 .menuContainer .accordion li a {
	 color: #4A95BA;
	 margin: 0 0 10px 0!important;
}
 .menuContainer .accordion ul.accInfo li {
	 margin: 0 0 10px 0!important;
}
 .menuContainer .accordion li.accBtn.hasLink a:hover {
	 color: #fff!important;
}
 .menuContainer .accordion ul.accInfo li a {
	 color: #fff!important;
	 font-weight: 600;
}
 .menuContainer .accordion li.accBtn {
	 margin: 0 0 10px 0;
}
 .menuContainer .accordion li.accBtn button {
	 font-size: 16px;
	 font-weight: 700;
	 background: none;
	 border: 0;
	 outline: none;
	 color: white;
	 cursor: pointer;
	 font-family: 'Open Sans', sans-serif;
}
 .menuContainer .accordion li.accBtn button:hover, .menuContainer .accordion li.accBtn button:focus {
	 color: #4A95BA;
}
 .menuContainer .accordion li.accBtn.on {
	 color: #4A95BA;
}
 .menuContainer .accordion li.accBtn.on:before {
	 color: #4A95BA;
}
 .studentHighlight h3, .studentHighlight p {
	 min-width: 290px!important;
}
 h2.hideStudentPanel.fa.fa-times {
	 float: right;
	 margin: 0 15px 15px 15px;
	 font-size: 24px;
}
/* webkit scrollbar */
 .menuContainer::-webkit-scrollbar {
	 width: 8px;
}
/* Track */
 .menuContainer::-webkit-scrollbar-track {
	 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	 -webkit-border-radius: 10px;
	 border-radius: 6px;
	 background: #999;
}
/* Handle */
 .menuContainer::-webkit-scrollbar-thumb {
	 -webkit-border-radius: 10px;
	 border-radius: 10px;
	 background: #352268;
	 background: rgba(73, 54, 124, .75);
	 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
 .menuContainer::-webkit-scrollbar-thumb:window-inactive {
	 background: #352268;
	 background: rgba(53, 34, 104, .5);
}
/* MEDIA QUERY FOR UNDER 768px */
 @media (max-width: 767px) {
	 body {
		 border-right: 0!important;
	}
	 .nav-is-open {
		 width: 77%!important;
		 transition: all .7s ease-in-out;
		 z-index: 101;
		 display: block!important;
		 padding: 15px;
		 transition: all .7s ease-in-out;
		 margin-right: 50px;
	}
	 .buttonContainer {
		/* ADDED 05-24-16 */
		 visibility: hidden;
	}
	 .buttonContainer {
		 width: 50px;
	}
	 .buttonContainer.collapse {
		 width: 0px;
	}
	 .menuContainer {
		 margin-right: 50px;
		/* overflow-y: hidden;
		 */
	}
	 .myDivMenu,.myDivInfo,.myDivEvents,.myDivSocial,.myDivApply,.myDivGive,.myDivSearch,.myDivPilotsUP {
		 width: 100%!important;
	}
	 .menus.myDivEvents {
		 width: 112%!important;
	}
	 .hideIt {
		 width: 0;
	}
	 .buttonContainerMobile {
		 width: 50px;
		 position: fixed;
		 background: #333;
		 top: 0;
		 right: 0;
		 display: block;
		 z-index: 1000;
		 transition: all .7s ease-in-out;
	}
	 .myButtonMenuToggle {
		 position: absolute;
		 top: 20px;
		 right: 25px;
		 width: 100%;
		 text-align: left;
		 font-size: 15px;
		 z-index: 99;
		 cursor: pointer;
		 transition: all .7s ease-in-out;
		 opacity: 1;
	}
	 .myButtonMenuToggle em {
		 position: relative;
		 background: #068594;
		 color: #fff;
		 padding: 11px 13px!important;
		 font-size: 27px!important;
		 border-radius: 50%;
		 width: 48px;
		 height: 48px;
	}
	 .myButtonMenuToggle:hover em, .myButtonMenuToggle:focus em {
		 background: #352268;
	}
	 .menu strong {
		 color: transparent!important;
	}
	 .accordion {
		 padding-bottom: 50px!important;
	}
	 .mobile {
		 display: inline-block;
	}
	 .desktop {
		 display: none;
	}
	 .myButtonMenu strong.closeIt, .myButtonInfo strong.closeIt, .myButtonSearch strong.closeIt, .myButtonEvents strong.closeIt, .myButtonPilotsUP strong.closeIt, .myButtonSocial strong.closeIt, .myButtonApply strong.closeIt, .myButtonGive strong.closeIt {
		 color: #333!important;
	}
}
/* ModXDigital changes July 5, 2016 */
/* set to collapse down to icons only for tablet sizes to give more center column room. */
 @media (min-width: 768px) and (max-width: 1024px) {
	 body {
		 border-right: 50px solid #333!important;
	}
	 .buttonContainer {
		 width: 50px!important;
	}
	 .menuContainer {
		 margin-right: 50px!important;
	}
}
 @media (min-width: 768px) {
	 .myButtonMenuToggle {
		 display: none;
	}
}
 .submenu-heading {
	 font-weight: 600;
	 margin-bottom: 20px;
	 font-size: 21px;
}
 