@import url('//fonts.googleapis.com/css?family=Arvo:400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
        /*admin */  
        .overwrite_inside_left{font-size:12px;}
        .inside_left_bar, .inside_left_bar img{display:none;}
        .left_menu_column{width:24.4%;}
        #menu{background-color:rgb(255.255,255);margin-right:0.4em;float:left;font-size:14px;width:210px;border:none;}
        #menu ul{list-style:none;margin:0px;padding:7px;background-color:transparent;}
        #menu ul li{padding:0.2em 0 0;}
        #menu a{color:rgb();font-family:'Roboto',sans-serif;font-weight:400;letter-spacing:1px;margin-bottom:0.25em;display:inline-block;padding:0.25em 0;}
        #menu a.ln div{padding-top:5px;}
        #menu a:hover{color:rgb(); text-decoration:none;}
        
        .overwrite_inside_left{padding-right:51px;}
        .print_total{padding-bottom:0px;background-color:rgb(); !important; font-size:14px; font-family:'Roboto',sans-serif;}
        .screen_total2,.screen_total{width:1024px;}
        .top_text_bg{background-color:rgb();height:10px;color:rgb();font-family:'Roboto',sans-serif; font-weight:400;}
        #header_nav, #tabnav, #headermenu a.toplink{overflow:hidden;background-color:rgb();height:auto;color:rgb();}
        #header_nav{background-color:rgb();color:rgb();border-bottom:0.5em solid rgb() !important;}
        #header_nav li{border-right:1px solid rgb(); !important;background:none;}
        #header_nav li a.toplink{background-color:rgb();text-transform:capitalize;height:1em;font-size:16px;line-height:16px !important;padding:10px 20px;color:rgb()!important;border:none !important;font-weight:normal; font-weight:400;text-transform:uppercase}
        #header_nav li a.toplink:hover,
        #header_nav li a.toplink:active,
        headermenu li a.toplink:focus{background-color:rgb();color:rgb()!important;}
        #header_nav li a.tabnav_default,
        #headermenu a.tabnav_default, #headermenu a.tabnav_default:visited{background-color:rgb();color:rgb();}
        #header_nav li{width:auto !important;background-color:rgb();padding-right:0;}
        #header_nav li:last-child{padding-right:0;}
        #tabnav{margin-left:0;}
        #headermenu, #headermenu ul{padding:0px;margin:0;}
        .top_border_bg{background-color:rgb();}
        .print_total .titletext{display:block;font-weight:400;font-size:24px; padding:0.75em 0; font-family:'Arvo',serif;}
        .inside_page_bg table, .inside_page_bg td, .inside_page_bg tr{border-color:rgb()!important; font-size:16px;}
        .inside_page_bg input,.inside_page_bg textarea,.inside_page_bg select,.inside_page_bg p{ font-size:16px;}
        /*end admin*/
        
        
        a.close, a.panel-button {display: none;}
        
        
        /*Main Navigation*/
        #topNav{display:inline-block;position:relative;float:right;width:75%;margin:0;z-index:9999999;-webkit-transition: height 0.3s linear;
        -moz-transition: height 0.3s linear;
        -ms-transition: height 0.3s linear;
        -o-transition: height 0.3s linear;
        transition: height 0.3s linear;}
        #topNav ul {display:inline-block; float:right;list-style:none; margin:0;padding:0; width:100%;text-align:right;}
        #topNav.singleDrop ul{position:relative;}
        #topNav ul li {float:none;display:inline-block; display:inline-block;}
        #topNav.singleDrop ul li{position:relative;}
        #topNav li a,#topNav ul li#topNavMobile a{font-size: 0.9em;text-transform:uppercase;line-height: 1.1em;font-weight:500;font-family:'Roboto',sans-serif;
            z-index:1; color:rgb(); padding: 1.925em 1.5em 1.325em; display: block; position: relative;
            -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
        #topNav li a span{display:inline-block;}
        #topNav li:hover a ,#topNav li:focus a ,
        #topNav li a:hover,#topNav li a:focus,
        #topNav li a.dropDownOn{ color:rgb(); text-decoration:none; }
        #topNav li a.on{color:rgb();}
        #topNav ul li a.tapLink {
            position: absolute;
            top: -10000px;
            left: -10000px;
            text-indent: -9999px;
        }
        #topNav ul li#topNavMobile{display:none!important;}
        #topNav ul .dropDown{opacity:0;position:absolute;display:inline-block;left:0;top:100%;padding:0.75em 0;list-style:none;text-align:left;width:15em;
        	transform-origin: 0 0;-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform: scale(1,0);-webkit-transform: scale(1,0);-ms-transform: scale(1,0);
            -webkit-box-shadow: 0 1px 5px 0 rgba(,0.5);box-shadow: 0 1px 5px 0 rgba(,0.5);background:rgba(,0.9);border-bottom:5px solid rgb();}
        #topNav ul li.last-desktop .dropDown{left:auto;right:0;}
        #topNav ul .dropDown ul{position: relative;display: inline-block;height: auto;width:100%;}
        #topNav ul .dropDown ul li{position:relative;display:inline-block;width:100%;}
        #topNav ul .dropDown ul li a{text-align:left;text-transform:none;color: rgb();font-family:'Roboto',sans-serif;font-size:0.9em;font-weight:400;line-height:1.15em;background:transparent;padding:0.7em 5%;
        	-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;}
        #topNav ul .dropDown ul li a:hover,#topNav ul .dropDown ul li a:focus{background:rgb();color:rgb();font-weight:700;}
        #topNav ul li:hover .dropDown, #topNav ul li:focus .dropDown, #topNav ul li.hover .dropDown{
        	transform: scale(1,1);-webkit-transform: scale(1,1);-ms-transform: scale(1,1);opacity: 100;}
           
        /*dropdown*/
		#dropDownMenu{position:absolute;top:100%;right:1.5%;margin:0 auto;width:98.5%;max-width:100%;padding:0;z-index:9;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;}
		.dropDown{-webkit-box-shadow: 0 1px 5px 0 rgba(,0.5);box-shadow: 0 1px 5px 0 rgba(,0.5);display:none;margin:0 auto 0; padding: 0 0; width: auto;background:rgba(,0.9); position:absolute;top:0;right:0;overflow:visible;}
		.dropDown .mainNav{padding:0; margin:0;overflow:hidden;z-index:9;width: 100%;float: left;display: inline-block;}
		.dropDown .mainNav ul{vertical-align:top;float:left;margin: 1em; width: 10em;padding:0;list-style-type:none;display:none;text-align:left;}
		.dropDown .mainNav ul:nth-child(1),
		.dropDown .mainNav ul:nth-child(2),
		.dropDown .mainNav ul:nth-child(3),
		.dropDown .mainNav ul:nth-child(4),
		.dropDown .mainNav ul:nth-child(5){display:inline-block;}
		.dropDown .mainNav ul li{padding:0;margin:0;display:inline-block;position:relative;width:100%;}
		.dropDown .mainNav ul li.level1Line{display:none;}
		.dropDown .mainNav ul li a {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;position:relative; font-family:'Roboto',sans-serif; font-size: 1.09em; line-height: 1.125em; display: inline-block; color:rgb();font-weight:700; padding:0.25em 0 0.5em;margin-bottom:0.5em;width:100%;text-transform:uppercase;letter-spacing:0.05em;}
		.dropDown .mainNav ul li a:hover,.dropDown .mainNav ul li a:focus{color:rgb();text-decoration:none;font-weight:400;}
		.dropDown .mainNav ul ul{width:100%;display:block;margin:0;}
		.dropDown#dropDownschools .mainNav ul ul{width:100%;display:block!important;}
		.dropDown .mainNav ul ul li a{font-size:1em;width:100%;text-transform:none;color:rgb();font-family:'Roboto',sans-serif;font-weight:400;border:0;padding:0.5em 5%;margin:0 0 0 -5%;}
		.dropDown .mainNav ul ul li a:hover,.dropDown .mainNav ul ul li a:focus{color:rgb();background:rgb();font-weight:600;text-transform:none;letter-spacing:0;}
		.dropDown .mainNav ul ul li:last-child a{border:none;}
        .fixed #headerBtm #dropDownMenu{font-size:100%;}
        
        /*mobile dropdown*/
        #panel1{background:rgb();}
        #panel1 .dropDown{display:none;}
        #dropDownmobileNav{background:none;border:none;position:relative;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; display:inline-block; width:100%;padding:0;box-shadow:none;-webkit-box-shadow:none;}
        #panel1 #dropDownmobileNav{background:transparent;}
        #dropDownmobileNav.dropDown:before{display:none;}
        #dropDownmobileNav .mainNav{padding:0;border-top:none;background-color:transparent; width:100%; position:relative;}
        #dropDownmobileNav .mainNav ul{overflow:hidden;width:100%;padding:0;margin:0;list-style-type:none;display:block;}
        #dropDownmobileNav .mainNav ul li{width:100%; padding:0; margin:0; position:relative;-webkit-transition: background 400ms ease;
        -moz-transition: background 400ms ease;-ms-transition: background 400ms ease;-o-transition: background 400ms ease;transition: background 400ms ease;}
        #dropDownmobileNav .mainNav ul li{color:color:rgb();}
        #dropDownmobileNav .mainNav ul li a{font-family: 'Roboto',sans-serif;color:rgb();}
        #dropDownmobileNav .mainNav ul li a.categoryLevel,
        #dropDownmobileNav .mainNav .districtLevel a{font-family: 'Roboto',sans-serif;text-transform:uppercase;color:rgb();font-size:1.17em; line-height:1em;font-weight:700;text-align:left;padding:0.8em 8%;margin:0;border:none;width:84%;display:inline-block;background:transparent;-webkit-transition: background 600ms ease-in-out;-moz-transition: background 600ms ease-in-out;-ms-transition: background 600ms ease-in-out;-o-transition: background 600ms ease-in-out;transition: background 600ms ease-in-out;}
        #dropDownmobileNav .mainNav ul li a.categoryLevel#districtHome span.icon,
        #dropDownmobileNav .mainNav .districtLevel a span.icon{padding-right:0.5em;display:inline-block;font-size:0.8em;}
        #dropDownmobileNav .mainNav ul li.on a.categoryLevel,
        #panel1 #dropDownmobileNav .mainNav ul li.on a.categoryLevel{color:rgb();}
        #dropDownmobileNav .mainNav ul li.on a.categoryLevel:after,
        #panel1 #dropDownmobileNav .mainNav ul li.on a.categoryLevel:after{content:'';position:absolute;bottom:0;left:8%;height:2px;background:rgb();width:84%;}
        
        #dropDownmobileNav .mainNav ul.level1{padding:0;}
        #dropDownmobileNav .mainNav ul li a.level1{margin:0;font-family:'Roboto',sans-serif;padding: 0;color:rgb();font-size:1.1em;font-weight:400; text-align:left;padding:0.7em 8%;width:84%;display:inline-block;background:transparent;-webkit-transition: background 600ms ease-in-out;-moz-transition: background 600ms ease-in-out;-ms-transition: background 600ms ease-in-out;-o-transition: background 600ms ease-in-out;transition: background 600ms ease-in-out;display:inline-block;letter-spacing:0.1em}
        #dropDownmobileNav .mainNav ul li.level1.on a.level1,
        #dropDownmobileNav .mainNav ul li.level1 a.level1:hover,
        #panel1 #dropDownmobileNav .mainNav ul li.level1.on a.level1,
        #panel1 #dropDownmobileNav .mainNav ul li.level1 a.level1:hover{color:rgb();font-weight:700;}
        #dropDownmobileNav .mainNav ul.level1 li.hasChildren.on span.icon.icon-level1{color:rgb();}
        
        #dropDownmobileNav .mainNav ul.level2{background:transparent;}
        #dropDownmobileNav .mainNav ul li a.level2{margin:0;color:rgb();font-size:0.95em;font-weight:400;text-align:left;padding:0.85em 10%;width:80%;display:inline-block;background:transparent;-webkit-transition: background 600ms ease-in-out;-moz-transition: background 600ms ease-in-out;-ms-transition: background 600ms ease-in-out;-o-transition: background 600ms ease-in-out;transition: background 600ms ease-in-out;display:inline-block;}
        #dropDownmobileNav .mainNav ul li.level2.on a.level2,
        #dropDownmobileNav .mainNav ul li.level2 a.level2:hover,
        #panel1 #dropDownmobileNav .mainNav ul li.level2.on a.level2,
        #panel1 #dropDownmobileNav .mainNav ul li.level2 a.level2:hover{color:rgb();font-weight:700;}
        #dropDownmobileNav .mainNav ul.level2 li.hasChildren.on span.icon.icon-level2{color:rgb();}
        
        #dropDownmobileNav .mainNav ul.level3{background:rgb();}
        #dropDownmobileNav .mainNav ul li a.level3{margin:0;font-family:'Roboto',sans-serif!important;padding: 0;color:rgb();font-size:0.85em;font-weight:400; text-align:left;padding:1em 15%;width:70%;display:inline-block;background:transparent;-webkit-transition: background 600ms ease-in-out;-moz-transition: background 600ms ease-in-out;-ms-transition: background 600ms ease-in-out;-o-transition: background 600ms ease-in-out;transition: background 600ms ease-in-out;display:inline-block;}
        #dropDownmobileNav .mainNav ul li.level3.on a.level3,#dropDownmobileNav .mainNav ul li.level3 a.level3:hover{font-weight:700;color:rgb();}
        
        #dropDownmobileNav .mainNav ul:first-child,
        #dropDownmobileNav .mainNav ul.level2{background:none;border:none;}
        #dropDownmobileNav .mainNav ul.level2,
        #dropDownmobileNav .mainNav ul.level2 li{padding:0;}
        #dropDownmobileNav .mainNav ul li.level1Line{display:none;}
        #dropDownmobileNav .mainNav ul ul.level1,
        #dropDownmobileNav .mainNav ul ul.level2,
        #dropDownmobileNav .mainNav ul ul.level3{display:none;}
        #dropDownmobileNav .mainNav ul.categoryLevel li.categoryLevel span{display:block;width:100%;height:100%;overflow:hidden;z-index:1;}
        #dropDownmobileNav .mainNav ul.categoryLevel li.categoryLevel.hasChildren a.categoryLevel{display:inline-block;}
        #dropDownmobileNav .mainNav ul li.hasChildren span.icon{position:absolute; height: 1em; width:20%; top:0; right:0;text-align:center; color:rgb(); padding:0.9em 0; cursor:pointer;z-index:2; transition: all .2s linear;display:inline-block;vertical-align:middle;}
        #panel1 #dropDownmobileNav .mainNav ul li.hasChildren span.icon{color:rgb();}
        #dropDownmobileNav .mainNav ul.categoryLevel li.hasChildren.on span.icon.icon-cat.icon-arrow-down:before {content: "\e005";}
        #dropDownmobileNav .mainNav ul.level1 li.level1{padding:0;margin:0;display:block;position:relative;overflow:hidden;}
        #dropDownmobileNav .mainNav ul.level1 li.hasChildren.on span.icon.icon-level1.icon-arrow-down:before,
        #dropDownmobileNav .mainNav ul.level2 li.hasChildren.on span.icon.icon-level2.icon-arrow-down:before {content: "\e005";}

        /*translate panel*/
        #panel3{background:rgb();}
        #panel3 .panel-button{font-size:0.9em; margin-bottom:0.5em;}
        #google_translate_element select{width:90%; padding:0.25em 5%;}
        #google_translate_element .goog-te-gadget{color:#fff;}
        
        /*school navigation*/
        .schoolsNav{display:inline-block;position:relative;position:absolute;left:40%;float:left;}
        .landing-page.schools .schoolsNav a.headerLink{line-height:0.8em;}
        .schoolsNav a.headerLink{color:rgb();font-size:1.1em;display:inline-block;padding:0.25em 1em;}
        .schoolsNav a.headerLink span{display:block;}
        .schoolsNav a.headerLink span.title{font-size:0.45em;line-height:1em;}
        .schoolsNav a.headerLink:hover,.schoolsNav a.headerLink.on{color:rgb();text-decoration:none;}
        .schoolsNav ul{position:absolute;top:2.1em;right:0;background:rgba(,0.95);margin:0;padding:0; height:auto; overflow:hidden;-webkit-transition: height 1s ease-in-out;-moz-transition: height 1s ease-in-out;-ms-transition: height 1s ease-in-out;-o-transition: height 1s ease-in-out;transition: height 1s ease-in-out; width:300px;z-index:19999;list-style:none;display:none;padding:0.75em 0;}
        .schoolsNav ul:before{content:'';width:100%;height:0.5em;position:absolute;bottom:0;left:0;background:rgb();}
        .schoolsNav ul li{width:100%;display:inline-block;float:left;}
        .schoolsNav ul li a{background:none;text-align:right;font-family:'Roboto',sans-serif;font-weight:400;color:rgb();font-size:0.95em;display:inline-block;padding:0.45em 5%;width:90%}
        .schoolsNav ul li a:hover{text-decoration:none;color:rgb();background:rgb();font-weight:500;}
        
        /*left navigation */
        #sidebar #menu{width:100%;padding:1em 0 0;margin:0;border:none;background-color:transparent; font-size:100%;position:relative;z-index:3!important;}
        #sidebar #menu ul{list-style:none;padding:0;background-color:transparent;margin:0;position:relative;z-index:3;width:100%;float:left;display:inline-block;margin:0;padding:0;}
        #sidebar #menu ul li,#sidebar #menu ul li a{position:relative;}
        #sidebar #menu ul li{margin:0;padding:0; width:100%;display:inline-block;float:left;}
        #sidebar #menu ul ul li a{font-size:1em;display:block;margin:0.25em 0;padding:0.75em 7.8%;color:rgb();text-decoration:none;line-height:1.125em;font-weight:400; width:84.4%; background:transparent;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;position:relative;}
        #sidebar #menu ul ul li a:hover,
        #sidebar #menu ul ul li a:focus,
        #sidebar #menu ul li a.ln_default{background:rgb();color:rgb();font-weight:700;}
        
        #sidebar #menu ul ul ul li {border:none;}
        #sidebar #menu ul ul ul li a{text-transform:none;color:rgb();background:transparent;padding-left:15%;width:77.2%;font-size:0.9em;}
        #sidebar #menu ul ul ul li a:hover,
        #sidebar #menu ul ul ul li a:focus,
        #sidebar #menu ul li a.ln2_default{background:rgb();color:rgb();font-family:'Arvo',serif;font-weight:700;}
        
        #sidebar #menu ul ul ul ul{width:78%;margin-left:22%;}
        #sidebar #menu ul ul ul ul:after{content:'';width:2px; height: calc(100% - 2.5em);background:rgb();position:absolute;left:-5%;top:1.25em;}
        #sidebar #menu ul ul ul ul li a{font-family:'Arvo',serif;text-transform:none;color:rgb();background:transparent;font-size:0.85em;padding-left:10%;width:90%;}
        #sidebar #menu ul ul ul ul li a:hover,
        #sidebar #menu ul ul ul ul li a:focus,
        #sidebar #menu ul li a.ln3_default{font-style:italic;font-weight:400;background:none;}
        
        /*Media Queries*/
        
        @media only screen and (max-width:1250px){
            #topNav li a{padding: 1.5em 1.5em 0.9em;}
        }
        @media only screen and (max-width:1024px){
			#sidebar #menu{padding:0;}
			#sidebar #menu ul li li{display:none;}
			#sidebar #menu ul li li.faculty{display:inline-block;}
		
            #topNav,.schools #topNav {width:auto;top:0;left:auto;right:0;bottom:auto;}
            #topNav ul{text-align:right;}
            #topNav ul li{display:none;}
            #topNav ul li#topNavMobile{color:rgb();display:inline-block!important;padding:0.75em 2em;font-size:1.15em;display:inline-block;}
            #topNav ul li#topNavMobile span.icon{display:inline-block;margin:0.15em 0.5em 0 0;font-size:0.8em;}
            a.close, a.panel-button{display:inline-block;}
            a.panel-button{position:absolute;top:100%;right:5%;width:auto;text-align:center;padding:0.5em 5%; font-size:1.25em;text-transform:uppercase;color:rgb();float:right;background:#021559;border:1px solid #000;}
            a.panel-button.on,
            a.panel-button:hover{background:rgb();text-decoration:none;border:0;}
            a.panel-button span.linkName{display:inline-block;vertical-align:top;}
            a.panel-button span.icon{font-size:1.25em;line-height:0.9em;margin-right:0.5em;}
            
            #panel1 #dropDownmobileNav{display:inline-block;float:left;left:0;position:relative;}
            #panel1 a.panel-button{position:relative;top:auto;right:auto;width:90%;text-align:left;}
            #dropDownmobileNav .mainNav ul li a#districtHome span{margin-right:0.5em;}
            
            ul.districtNav{display:none;}
            .schoolsNav{float:right;position:relative;left:auto;margin-right:2.5%;}
            .schoolsNav a.headerLink{padding:0.25em 0.5em;}
        }
        @media only screen and (max-width:620px){
        	#topNav ul li#topNavMobile{padding:1.85em 2em;}
            .fixed #topNav ul li#topNavMobile{padding:0.75em 2em;}
            #panel1{width:90%!important;padding-bottom:60px!important;font-size:112.5%!important;}
            a.panel-button,
            a.panel-button span.icon{font-size:1em;}
        }
        @media only screen and (max-width:550px){
            #topNav{position:relative;top:auto;right:auto;}
        }
        @media only screen and (max-width:480px){
            .schoolsNav{float:none;top:-0.5em;}
            #topNav, .schools #topNav{width:100%;}
            #topNav ul li#topNavMobile{width:100%;text-align:center;padding:0.7em 0;}
			#dropDownmobileNav .mainNav ul li a.level1{width:78%;padding:0.85em 14% 0.85em 8%;}
			#panel1{width:98%;}
        }
        @media only screen and (max-width:400px){
            #topNav{position:relative;text-align:center;top:auto;right:auto;width:100%;}
            #topNav ul li#topNavMobile{padding:0.5em 5% 0.5em;}
            .fixed #topNav{position:absolute;top:1em;right:0;}
            .fixed #headerBtm{height:0;overflow:hidden;}
        }
        @media only screen and (max-width:380px){
            #panel1{font-size:118.75%!important;}
        }
        @media only screen and (max-width:320px){
            #panel1{font-size:112.5%!important;}
            #districtMenu.schools{width:96%;}
        }