.overwrite_inside_left{font-size:0.8em;}
.inside_left_bar, .inside_left_bar img{display:none;}
#menu{background-color:var(--white);margin-right:10px;float:left;font-size:0.8em;width:200px;border-right:1px solid var(--cms-primary);}
#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: var(--black);}
#menu a.ln div{padding-top:5px;}
#menu a:hover,#menu a:focus{color:var(--cms-primary);}
.inside_page_bg #menu a{font-size:1em; line-height:1em!important;}
.inside_page_bg #menu li li li li a{font-size:20px;}
.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:var(--cms-primary);color:var(--black);height:10px;}
#header_nav, #tabnav, #headermenu a.toplink, #headermenu a.toplink:visited{overflow:hidden;background-color:var(--white);height:auto;color:var(--black);}
#header_nav{background-color:var(--white);color:var(--black);border-bottom:1px solid var(--cms-primary);}
#header_nav li a.toplink{background-color:var(--white);height:25px;font-size:18px;line-height:10px !important;padding:10px 10px 0px 10px;border:none;color:var(--black); display: inline-block}
#header_nav li a.toplink:hover{background-color:var(--white);color:var(--cms-primary);}
#header_nav li a.tabnav_default,
#headermenu a.tabnav_default, #headermenu a.tabnav_default:visited{background-color:var(--gray);color:var(--cms-primary);}
#header_nav li{width:auto !important;background-color:var(--cms-primary);padding-right:1px;display: inline-block;}
#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:var(--cms-primary);}
.left_menu_column{width:250px;}
#headermenu a.tabnav_default, #headermenu a.tabnav_default:visited{background:var(--black);color:var(--white);}
p.titletext{padding-bottom:0.25em;}

.mobileMenu {
    display: none;
}

.mobileMenu ul {
    flex-direction: column;
}

.mobileMenu li {
    width: 100%;
}

ul.topnav {
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

#utilityNav {
    width: 100%;
}

#utilityNav ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

#menu-modal .menuInner li a,
#menu-modal .menuInner li button {
    align-items: center;
    background: var(--schoolsnavy);
    color: var(--white);
    cursor: pointer;
    display: flex;
    font-family: var(--body-font);
    font-size: 26px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 36px;
    padding: 8px 36px;
    position: relative;
    text-decoration: none;
    transition: var(--transition);
}

#menu-modal .menuInner li a:focus,
#menu-modal .menuInner li a:hover,
#menu-modal .menuInner li button:focus,
#menu-modal .menuInner li button:hover {
    background: var(--white);
    color: var(--schoolsnavy);
}

#menu-modal {
	background: none;
    border: none;
	border-radius: 0;
	height: 100%;
	left: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: fixed;
	top: 0;
	right: 0;
	transform: none;
    width: 550px;
}

#menu-modal .mobile-inner-wrapper {
    display: flex;
}

#menu-modal .close-modal {
    align-items: center;
    background: var(--schoolsnavy);
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    box-shadow: var(--box-shadow);
	color: var(--white);
	cursor: pointer;
    display: flex;
	height: 70px;
    justify-content: center;
    margin-top: 8px;
	transition: var(--transition);
	width: 70px;
}

#menu-modal .close-modal:focus,
#menu-modal .close-modal:hover {
    background: var(--white);
}

#menu-modal .close-modal svg {
    height: 40px;
    width: 40px;
}

#menu-modal .close-modal svg path {
    fill: var(--white);
    transition: var(--transition);
}

#menu-modal .close-modal:focus svg path,
#menu-modal .close-modal:hover svg path {
    fill: var(--schoolsnavy);
}

.menuInner {
    background: var(--schoolsnavy);
    flex-grow: 1;
    padding: 32px 0;
    position: relative;
    transition: var(--transition);
}

.menuInner:after {
    background: url(custom/images/general/asset_menu_after.svg) top right no-repeat;
    background-size: 100%;
    content: '';
    height: 2.5em;
    position: absolute;
    right: 0;
    top: calc(100% - 0.05em);
    width: 100%;
}


#topNav {
	display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    padding: 10px 0;
}

.topnav li {
    list-style: none;
    position: relative;
}

.topnav li.navMenus a {
    color: var(--black);
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px;
    text-decoration: none;
}

.topnav li.navMenus a:focus ~ .dropDown,
.topnav li.navMenus:hover > .dropDown {
    display: block !important;
}

.topnav li.navMenus a.navDrop {
    color: var(--white);
    display: none !important;
    font-size: 1em;
    line-height: 1em;
    padding: 0;
    position: relative;
    visibility: hidden;
}

.topnav li.navMenus a:hover,
.topnav li.navMenus a:focus,
.topnav li.navMenus a:active,
.topnav li.navMenus:hover a.nav,
.topnav li.navMenus:focus a.nav,
.topnav li.navMenus:active a.nav,
.topnav li.navMenus a.on {
    color: var(--schoolsnavy);
    text-decoration: none;
}

.topnav li.navMenus a.navDrop:active,
.topnav li.navMenus a.navDrop:focus,
.topnav li.navMenus a.navDrop:hover,
.topnav li.navMenus a.navDropOn {
    color: var(--schoolsnavy);
}

.dropDown {
    box-shadow: var(--box-shadow);
    display: none;
    left: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 350px;
    z-index: 9999;
}

.dropDown .mainNav {
    background: var(--white);
}

.dropDown .mainNav ul {
    padding: 0;
}

.dropDown .mainNav ul li a {
    background: var(--white);
    padding: 16px 32px;
}

.dropDown .mainNav ul li a:focus,
.dropDown .mainNav ul li a:hover {
    background: rgb(220,220,220);
}

.dropDown .mainNav ul li a:after {
    display: none;
}

.dropDown .top-menu-link .link-title {
    align-items: center;
    display: flex;
    text-decoration: underline;
}

.dropDown .top-menu-link .link-description {
    color: var(--schoolsnavy);
    display: block;
    font-size: 17px;
    line-height: 24px;
    margin: 0;
    padding: 6px 0 6px 8px;
    width: 100%;
}

.dropDown .top-menu-link svg {
    height: auto;
    margin-left: 6px;
    transition: var(--transition);
    width: 14px;
}

.dropDown .top-menu-link:focus svg,
.dropDown .top-menu-link:hover svg {
    margin-left: 12px;
}

/***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;}
#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-size:1em;line-height:1.15em;padding:0.8em 10% 0.8em 15%;margin:0;width:100%;float:left; color: var(--black); font-weight:400; border-bottom: 1px solid #e1e1e1; position: relative;background:transparent;transition: var(--transition);}
#sidebar #menu ul ul li a:focus,#sidebar #menu ul ul li a:hover,#sidebar #menu ul ul li a.ln_default{background: var(--gray);text-decoration: none;color:var(--white); font-weight: 700;}
#sidebar #menu ul ul ul li a {font-size:20px;line-height:1.15em;padding-left:20%;}
#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:var(--black);color:var(--white);}
#sidebar #menu ul ul ul ul{margin:0.75em 0 0.75em 25%;width:75%;border-left:2px solid var(--cms-primary);}
#sidebar #menu ul ul ul ul li a {font-size:0.8em;line-height:1.15em;padding:0.75em 5% 0.75em 10%;width:100%;font-weight:400;background:transparent; border-bottom: 0; font-family: 'Poppins',sans-serif;}
#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{width:100%;background:transparent;color:var(--black);font-weight:700; font-style: italic;text-shadow:none;-webkit-text-shadow:none;-ms-text-shadow:none;}

#toggle_menu {
    font-size: 1em;
    line-height: 1em;
    margin-left: 12px;
    text-align: center;
    padding: 0;
	text-decoration: none !important;
	width: 50px;
}

#toggle_menu button {
    background: none;
    border: none;
    color: var(--cms-primary);
    display: flex;
	font-size: 1.2em;
    font-weight: 400;
    position: relative;
    text-align: center;
}

#toggle_menu button#open-mobile-modal {
    display: none;
}

#toggle_menu span.icon {
    font-size: 1.9em;
    line-height: 0;
}

#toggle_menu span.title {
    float: left;
    font-size: 0.5em;
    line-height: 1em;
    font-weight: 700;
    width: 100%;
}

#toggle_menu button:hover,
#toggle_menu button:focus {
    color: var(--schoolsnavy);
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
}

@media only screen and (max-width: 1200px) {
	.mobileMenu {
        display: block;
    }

    #topNav {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    #menu-modal .menuInner li a,
    #menu-modal .menuInner li button{
        font-size: 22px;
        line-height: 28px;
        padding: 12px 24px;
    }

    #menu-modal .close-modal {
        height: 50px;
        width: 50px;
    }
}

@media only screen and (max-width: 600px) {
    #menu-modal {
        width: 98vw;
    }
}