@import url('//fonts.googleapis.com/css?family=EB+Garamond:400,400i,600,600i,700,700i|Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i');
    /*admin */
    .overwrite_inside_left{font-size:15px; padding-right:11px;}
    .inside_left_bar, .inside_left_bar img{display:none;}
    .left_menu_column{width:250px;}
    #menu{background-color: rgb(245,245,247);margin-right:10px;float:left;font-size:14px;width:200px;border-right:1px solid rgb();}
    #menu ul{font-size:1em; list-style:none;margin:0;padding:7;background-color:transparent;}
    #menu ul li{padding:8px 0; line-height:1.15em;}
    #menu a{color:rgb(); font-weight:600;}
    #menu a.ln div{padding-top:5px;}
    #menu a:hover{color:rgb(); text-decoration:none;}
    .inside_page_bg #menu a{font-size:1em; line-height:1em;}
    .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;}

    .print_total{padding-bottom:35px;}
    .screen_total2,.screen_total{width:1024px;}
    .top_text_bg{background-color:rgb();color:rgb(255,255,255);height:10px;}
    #header_nav, #tabnav, #headermenu a.toplink, #headermenu a.toplink:visited{overflow:hidden;background-color:rgb(255,255,255);height:auto;color:rgb(0,0,0);}
    #header_nav{background-color:rgb(255,255,255);color:rgb(0,0,0);border-bottom:1px solid rgb() !important;}
    #header_nav li{width:auto !important;background-color:rgb();padding-right:1px;}
    #header_nav li a.toplink{background-color:rgb(255,255,255);text-transform:uppercase;height:25px;font-size:12px;line-height:16px !important;padding:10px 10px 0px 10px;color:rgb(0,0,0);border:none !important;}
    #header_nav li a.toplink:hover,
    #header_nav li a.toplink:active,
    #header_nav li a.toplink:focus{background-color:rgb(255,255,255);color:rgb();}
    #header_nav li a.tabnav_default,
    #headermenu a.tabnav_default, #headermenu a.tabnav_default:visited{background-color:rgb(255,255,255);color:rgb();}
    #header_nav li{width:auto !important;background-color:rgb();padding-right:0px;}
    #header_nav li:last-child{padding-right:0px;}
    #tabnav{margin-left:0;}
    #headermenu, #headermenu ul{padding:0;margin:0;}
    .top_border_bg{background-color:rgb();}
    .print_total .titletext{display:block;font-weight:400;font-size:1.5em; padding-top:1em;}
    .inside_page_bg table, .inside_page_bg td, .inside_page_bg tr{border-color:rgb()!important; font-size:14px;}
    .inside_page_bg input,.inside_page_bg textarea,.inside_page_bg select,.inside_page_bg p{ font-size:0.95em;}
    /*end admin*/


    /***utility menu***/
    .utility-nav { margin:0; display:inline-block;float: right;position:relative; text-align:right;}
    .utility-nav ul {margin:0;padding:0; list-style:none;display:inline-block;position:relative;float:right;}
    .utility-nav li {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin: 0; float: left; position: relative;display:inline-block;}
    .utility-nav li#toggle-menu{margin: 0 2em;}
    .utility-nav li#toggle-menu button{padding-right:0;}
    .utility-nav li#toggle-menu button .title{font-size:0.5em;  font-weight:600; text-transform: uppercase;position:absolute; left:105%; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
    .utility-nav li #search-btn{margin-left:0.5em;}

	.icon_svg_container{ display: inline-block; font-size: 0; line-height: 100%; vertical-align: middle;}
	.utility-nav li span.icon_svg_container svg{ height: 1.8rem; max-height: 34px; margin-top: -2px;width: auto; transition: all .3s ease 0s;}
    .fixed .utility-nav li span.icon_svg_container svg{ height: 24px;}
	.utility-nav li span.icon_svg_container svg, .utility-nav li span.icon_svg_container svg *{ fill: rgb() !important; transition: all 0.3s;}

	.utility-nav li a:hover span.icon_svg_container svg, .utility-nav li a:hover span.icon_svg_container svg *{ fill: rgb() !important;}
    .utility-nav li span.icon.icon-speak-up-speak-out svg { width: auto;  height: 50px; max-height: 50px; margin-top: -7px; }

    #menu-modal .utility-nav{width:100%; text-align:left; display:none; margin-top:1.5em;}
    #menu-modal .utility-nav ul{width:100%;}
    #menu-modal .utility-nav ul li{padding-right:1.2em;}
    #menu-modal .utility-nav ul li a{color:rgb(255,255,255); font-size:1.8em;}
    #menu-modal .utility-nav ul li a:hover,#menu-modal .utility-nav ul li a:focus,
    #menu-modal .utility-nav ul li a:active{text-decoration:none; color:rgb();}

	#menu-modal .utility-nav li span.icon_svg_container svg, #menu-modal .utility-nav li span.icon_svg_container svg *{ fill: rgb(255,255,255) !important; transition: all 0.3s;}

	#menu-modal .utility-nav li a:hover span.icon_svg_container svg, #menu-modal .utility-nav li a:hover span.icon_svg_container svg *{ fill: rgb() !important;}

    /***School Menu***/
    #school-btn{display:inline-block; float:left; padding:0; line-height:1em; position:absolute; left:20%; top:0; font-size:95%;z-index:99;}
    #school-btn button .title{font-size:0.6em; font-weight:600; text-transform: uppercase;position:absolute; left:85%; top:45%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
    #school-btn button .title .icon-arrow-down{position:absolute; top:105%; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); font-size:0.6em; line-height:1em;}
    #school-btn button.open .title .icon-arrow-down{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

    .fixed #school-btn{left:14%;}

    #schools-modal{width:25em;padding:0; -webkit-transform:none; -ms-transform:none; transform:none; top:0; left:13.5%; border:0; border-radius:0; background:rgb(); color:rgb(255,255,255);}
    #schools-modal.large-school-drop{width:45em;}
    #schools-modal .close-modal{position:relative; top:auto;right:auto; font-size:1.2em; color:rgb(255,255,255); padding:0.25em 0.5em; line-height:1em; z-index:9;}
    #schools-modal ul{width:100%;display:inline-block; list-style:none; margin:0; padding:0; float:left;}
    #schools-modal.large-school-drop ul{column-count:2; column-gap:20px;}
    #schools-modal li{width:100%;float:left;display:inline-block;}
    #schools-modal li a{position:relative;width:70%; padding:1.5em 22.5% 1.5em 7.5%; display:inline-block; background:rgb(); color:rgb(255,255,255); font-weight:400;
        font-size:1.1em; line-height:1.2em;}
    #schools-modal.large-school-drop ul li a{padding:0.75em 22.5% 0.75em 7.5%;}
    #schools-modal li a:hover,#schools-modal li a:focus,#schools-modal li a:active{background:rgb();  text-decoration:none;
        -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index:99;}
    #schools-modal li a:after{content:''; position:absolute; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);
        right:2.5%; width:1.35em; height:1.5em;
        transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; background: url(www.nbexcellence.org/custom/images/interior/asset_nav_level1.png) no-repeat right center; background-size: 100% 100%; }
    #schools-modal li a:hover:after,#schools-modal li a:focus:after,#schools-modal li a:active:after{ width:20%; height:100%; top:0; -webkit-transform:none; -ms-transform:none; transform:none; background-size:auto 100%; }

    /***Main Nav***/
    #menu-modal{width:45%; height:calc(100% - 5em); max-height:100%; overflow:auto; overflow-x:hidden; padding:2.5em 5%; border:none; border-radius:0; background:rgb(); position:fixed; top:0; left:auto; right:0; -webkit-transform:none; -ms-transform:none; transform:none; max-width:100vw;}
    #menu-modal .close-modal{color:rgb(255,255,255); position:absolute; top:1em; left: 2.5%;}


    #topNav {width:100%; float:left; padding:0; margin:0 0 1.5em; text-align: left; display:inline-block; position: relative;}
    #topNav ul{margin:0;padding:0; list-style:none;width:100%;}
    #topNav ul.topnav{display:inline-block;}
    #topNav li.navMenus {width:60%; position: relative; display: inline-block; padding:0; margin: 0;  vertical-align: top;}
    #topNav li.navMenus a {font-size:1.4em; line-height: 1em; font-weight:700; color: rgb(255,255,255); padding: 0.8em 0; display: inline-block; position: relative;width:100%;  border-bottom:0.1em solid rgb(255,255,255);}
    #topNav li.navMenus a span.icon{position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);width:0; overflow:hidden;}
    #topNav li a:hover,#topNav li a:focus, #topNav li:hover a.nav, #topNav li:focus a.nav,#topNav li a.on{ text-decoration:none;font-weight: 700; font-style: normal; color:rgb();}
    #topNav li.navMenus a.navDrop{width:1em; display:inline-block;padding:0;color:rgb(255,255,255);font-size:1em;line-height: 1em; visibility:hidden; position: absolute;right:1.5em; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); text-align:right;}
    #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,, #topNav li.navMenus a.dropDownOn{ color:rgb(); border-bottom:0.2em solid rgb(); text-decoration:none; }
    #topNav li.navMenus a:hover span.icon,#topNav li.navMenus a:focus span.icon,#topNav li.navMenus a:active span.icon, #topNav li.navMenus:hover a.nav span.icon, #topNav li.navMenus:focus a.nav span.icon, #topNav li.navMenus:active a.nav span.icon, #topNav li.nav span.icon,#topNav li.navMenus a.nav.dropDownOn span.icon{width:auto;}
    #topNav li.navMenus a.navDrop:hover,
    #topNav li.navMenus a.navDropOn{color: rgb();}

    /*dropdown*/
    .dropDown{position:relative;float:right; width:32.5%;display:none;overflow:hidden;margin:0; padding:0 0 0 7.5%; z-index:9999;}
    .dropDown:before{position:absolute; top:0; left:-2.5%; height:100%; background:rgb(255,255,255); width:0.2em;}
    .dropDown .mainNav{width:100%; position: relative;display: inline-block;}
    .dropDown .mainNav ul{width:100%;padding:1em 0 0;vertical-align: top;display:inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
    .dropDown .mainNav ul li{display: inline-block;width:100%; position: relative;float:left;}
    .dropDown .mainNav ul li a{width:100%; display: inline-block; font-weight: 700; color:rgb(); letter-spacing:0; font-size:1em; line-height: 1.15em; float:left; padding:0.5em 5% 0.45em; position: relative;}
    .dropDown .mainNav ul li a:hover,.dropDown .mainNav ul li a:focus,.dropDown .mainNav ul li a:active{color:rgb(255,255,255)!important;}
    .dropDown .mainNav ul ul{width:95%!important; padding:0!important; margin:0 0 0 5%!important; float:left; height:0; overflow:hidden;display:inline-block;}
    .dropDown .mainNav ul ul.on{height:auto!important;}
    .dropDown .mainNav ul li:hover ul,.dropDown .mainNav ul li:focus ul{height:auto;}
    .dropDown .mainNav ul ul li a{color:rgb(255,255,255); letter-spacing:0; font-size:0.75em; font-weight:600; font-style:italic;}
    .dropDown .mainNav ul ul li a:hover,.dropDown .mainNav ul li a:focus,.dropDown .mainNav ul li a:active{color:rgb()!important;}


    /***Mobile Nav***/
    #mobileNav{width:100%; display: none; float:left; position: relative;}
    #mobileNav ul{margin:0;padding:0;list-style:none;width:100%;}
    #mobileNav ul.categoryLevel li { width: 100%; font-size: 1em; line-height: 1.2em; position:relative;}
    #mobileNav ul.categoryLevel li a {font-weight:700;font-size:1.4em; padding: 1em 10% 0.8em 0; width:90%; display:inline-block; color:rgb(255,255,255); }
    #mobileNav ul.categoryLevel.home li a{width:100%;}
    #mobileNav ul.categoryLevel li li a{font-size:1.2em;padding: 1em 10% 0.8em 5%; width:85%;color:rgb(255,255,255); text-transform:none;}
    #mobileNav ul.categoryLevel li li li li a{background-color:rgb();color:rgb(255,255,255);font-size:0.95em;padding:1.2em 2.5% 1em;width:75%; margin:0 10%;}
    #mobileNav ul.level1,#mobileNav ul.level2,#mobileNav ul.level3{display:none;}
    #mobileNav li .menu_arrow{position:absolute;color:rgb();right:0 ; padding:1.2em 5%;text-align:center;cursor:pointer;}
    #mobileNav li .menu_arrow.show:before{content: "\e003";}
    #mobileNav li li .menu_arrow{color:rgb(255,255,255);}
    #mobileNav ul li a span.icon{font-size:0.8em; margin-right:0.5em;}

    /***Inside Navigation***/
    #sidebar #menu{ padding:1em 0;width:100%;background:rgb();margin:0;font-size:1em;border:none;}
    #sidebar #menu ul {list-style: none; padding: 0; margin: 0; }
    #sidebar #menu li {padding:0; display:inline-block;float:left;width:100%; }
    #sidebar #menu li li a { padding: 0.7em 24% 0.7em 6%; transition: background-color 0.3s ; -webkit-transition: background-color 0.3s; position: relative; text-decoration: none; display: block; color: rgb(255,255,255); font-size: 1.1em; line-height: 1.2em; font-weight: 600; letter-spacing: 0.01em; border-left: 10px solid transparent; }
    #sidebar #menu li li a:hover,#sidebar #menu li li a:focus,#sidebar #menu li li a:active,
    #sidebar #menu li a.ln_default,#sidebar #menu li a.ln2_default,#sidebar #menu li a.ln3_default { border-left: 10px solid rgb(255,255,255); background: rgb(); color: rgb(255,255,255); font-style:italic; font-weight: 700; }
    #sidebar #menu li li a:after { width: 20%; height: 100%; content:''; position: absolute; top: 0; right: 2%; display:inline-block; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; background: url(www.nbexcellence.org/custom/images/interior/asset_nav_level1.png) no-repeat right center; background-size: 100% 100%; }
    #sidebar #menu li li a:hover:after, #sidebar #menu li a.ln_default:after ,#sidebar #menu li li a:focus:after{ opacity:100;}

    #sidebar #menu li li li a{font-size:0.95em;  padding-left: 10%; background: none; color:rgb(255,255,255); }
    #sidebar #menu li li li a:hover,
    #sidebar #menu li li li a:focus,
    #sidebar #menu li li li a:active,
    #sidebar #menu li li li a.ln2_default{ background:rgb(255,255,255); font-weight: 700; color:rgb(); border-left: 10px solid rgb(); }
    #sidebar #menu li li li a:hover:after, #sidebar #menu li a.ln2_default:after ,#sidebar #menu li li li a:focus:after{  background: url(www.nbexcellence.org/custom/images/interior/asset_nav_level2.png) no-repeat right center; background-size: 100% 100%; }
    #sidebar #menu li a.ln2_default:after{opacity:100;}

    #sidebar #menu li li li ul {width:78%; float:left; position: relative; padding: 0 0 0 8% !important; margin: 1em 5% 0 10%; }
    #sidebar #menu li li li ul:before { width: 2px; position:absolute; left:0; top:5%; height: 94%; background:rgb(255,255,255); content:''; }
    #sidebar #menu li li li li { padding: 0.4em 0;  }
    #sidebar #menu li li li li a {font-family: "EB Garamond",sans-serif;border-left: 0 !important; color:rgb(255,255,255); letter-spacing: 0.01em; font-weight: normal !important; background: none !important; font-size: 0.85em; line-height: 1.3em;  font-style: normal; padding: 0px !important;}
    #sidebar #menu li li li li a:after { display: none !important; }
    #sidebar #menu li li li li a:hover,#sidebar #menu li li li li a.ln3_default { color: rgb();font-style:italic;}

    /*Media Queries*/
    @media only screen and (max-width: 1200px){
	    #menu-modal{width:90%;}
    }
    @media only screen and (max-width: 1024px){
        #mobileNav{display:inline-block;}
        #topNav{display:none;}
        #schools-modal{width:100%;height:100%;overflow-y:auto;left:0;max-width: 100vw;}
        #schools-modal.large-school-drop{width:100%;}
        #schools-modal.large-school-drop ul{column-count:1; column-gap:0;}
        #schools-modal.large-school-drop ul li a{padding: 1.25em 22.5% 1.25em 7.5%;}
    }

    @media only screen and (max-width: 800px){
        .utility-nav li.utility-icon{display:none;}
        #menu-modal .utility-nav,#menu-modal .utility-nav li.utility-icon{display:inline-block}
        #school-btn{left:26%;}
        .fixed #school-btn{left:18%;}
    }

    @media only screen and (max-width: 480px){
        #school-btn{font-size:100%; top:auto; left:5%; bottom:0.5em;}
    }