@import url('//fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Roboto+Condensed:400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i');
		/*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:'Lora',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;}
        .inside_page_bg td.redtext{color:rgb(187,4,4);}
		/*end admin*/


		a.close, a.panel-button {display: none;}

		#districtMenu{color:rgb();display:inline-block;padding:0.18em 0.9em;margin-left:3%;font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;text-transform:uppercase;display:none}
		#districtMenu.schools{display:inline-block;float:left;}
		#districtMenu:hover{color:rgb();-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;}
		#districtMenu span.title{display:inline-block;font-size:0.6em;line-height:1em;vertical-align:middle;}
		#districtMenu span.icon{font-size:0.8em;padding-right:0.75em;}

		/*Main Navigation*/
		#topNav{display:inline-block;position:absolute;bottom:0;right:0;float:right;width:70%;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 { float:left; list-style:none; margin:0;padding:0; width:100%;text-align:right;}
		#topNav.singleDrop ul,#topNav.singleDrop ul li{position: relative;}
		#topNav ul li {float:none;display:inline-block; }
		#topNav li a,#topNav ul li#topNavMobile {font-size: 1.17em;text-transform:uppercase;line-height: 1.1em;font-weight:400;font-family:'Roboto Condensed',sans-serif;
			z-index:1; color:rgb(); padding: 0.8em 1.5em; 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 ul li#topNavMobile span{padding-left:0.5em;}
		#topNav li:hover a ,#topNav li a:hover,#topNav li:focus a ,#topNav li a:focus,
        #topNav li a.dropDownOn, #topNav li a.on { color:rgb(); text-decoration:none; }
		#topNav li:hover a span:after,
		#topNav li a.dropDownOn span:after, #topNav li a.on span:after{content:'';position:absolute;bottom:0.25em;left:20%;width:60%;z-index:999;height:0.25em;background:rgb();}
		#topNav ul li a.tapLink {
			position: absolute;
			top: -100px;
			left: -100px;
			text-indent: -9999px;}
			
		/*dropdown*/
		#dropDownMenu{position:absolute;top:99.8%;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;}
		.singleDrop .dropDown{width:18em; position:absolute; top:0; right:auto;}
		#dropDownMenu.singleDrop .dropDown:last-child{right:0;}
		/* .dropDown:last-child,
		.fixed .dropDown:nth-last-child(2){left:auto!important;right:0!important;} */
		.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;overflow:hidden;margin: 1.25em 0.7em; width: 12em;padding:0;list-style-type:none;display:none;text-align:left;}
		.singleDrop .dropDown .mainNav ul{width:calc(100% - 1.4em);}
		.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 Condensed',sans-serif; font-size: 1.15em; line-height: 1.125em; display: inline-block; color:rgb();font-weight:400; padding:0.25em 0 0.5em;margin-bottom:0.5em;width:100%;text-transform:uppercase;}
		.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:300;border:0;padding:0.5em 0;margin:0;}
		.dropDown .mainNav ul ul li a:hover,.dropDown .mainNav ul ul li a:focus{color:rgb();font-weight:400;}
		.dropDown .mainNav ul ul li:last-child a{border:none;}
		#topNav ul li#topNavMobile{display:none!important;}
		#topNavMobile span.linkName{display:none;}
		.fixed #headerBtm #dropDownMenu{font-size:138%;}

		/*mobile dropdown*/
		#panel1 .dropDown{display:none;}
		#panel2 #dropDownmobileNav{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,
        #dropDownmobileNav .mainNav .districtLevel a{font-family: 'Roboto Condensed',sans-serif;color:rgb();}
		#dropDownmobileNav .mainNav ul li a.categoryLevel,
        #dropDownmobileNav .mainNav .districtLevel a{font-family: 'Roboto Condensed',sans-serif;text-transform:uppercase;color:rgb();font-size:1.17em; line-height:1em;font-weight:400;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{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{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{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{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: "\e003";}
		#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: "\e003";}

		ul.districtNav, ul.schoolNav{margin:0;padding:0;display:inline-block;width:100%;position:relative;}
		ul.districtNav li, ul.schoolNav li{width:100%;display:inline-block;position:relative;}
		ul.districtNav li a, ul.schoolNav li a{color:rgb();font-size:1em;font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;padding:0.5em 10%;width:80%;display:inline-block;font-weight:normal;}
		ul.districtNav li a:hover, ul.schoolNav li a:hover{color:rgb();font-weight:bold;text-decoration:none;}
		ul.districtNav ul, ul.schoolNav ul{width:85%;padding:0 7.5%;}
		ul.districtNav ul li a, ul.schoolNav ul li a{font-size:0.9em;}
		ul.schoolNav ul ul{width:90%;margin-left:5%;}
		ul.schoolNav ul ul li a{font-size:0.8em;}
        ul.schoolNav:before{content:'';position:relative;display:block;width:80%;padding:0;margin:0.25em auto;background:rgb();height:2px;}
        
        #panel2 .panel-button{color:rgb()!important;}
        #panel1 .panel-button{color:rgb()!important;}

		/*left navigation */
		#sidebar #menu{width:100%;padding:2em 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{border-bottom:1px solid rgb();}
		#sidebar #menu ul ul li a{font-size:1em;display:block;margin:0;padding:0.75em 7.8%;color:rgb();text-decoration:none;line-height:1.125em;font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;font-weight:400; width:84.4%; background:rgb();-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 li a.ln_default{color:rgb();}
		#sidebar #menu ul li.has_children_1 a{background:url('www.hhasd.org/custom/images/interior/asset_nav_arrow_right.png') left center no-repeat;background-size:0.5em auto;}
		#sidebar #menu ul li.has_children_1 a.ln_default{background:url('www.hhasd.org/custom/images/interior/asset_nav_arrow_down.png') left center no-repeat;background-size:0.5em auto;}

		#sidebar #menu ul li.has_children_1 li.no_children_2 a,#sidebar #menu ul li.has_children_2 li a{background:none;}
		#sidebar #menu ul li.has_children_2 a{background:url('www.hhasd.org/custom/images/interior/asset_nav_arrow_right.png') left center no-repeat;background-size:0.5em auto;}
		#sidebar #menu ul li.has_children_2 a.ln_default{background:url('www.hhasd.org/custom/images/interior/asset_nav_arrow_down.png') left center no-repeat;background-size:0.5em auto;}
		#sidebar #menu ul ul ul li {border:none;}
		#sidebar #menu ul ul ul li a{text-transform:none;font-family:'Roboto',sans-serif;font-weight:400;color:rgb();background:rgb();padding-left:15%;width:77.2%;font-size:0.9em;}
		#sidebar #menu ul ul ul li a:hover,
		#sidebar #menu ul li a.ln2_default{color:rgb();}

		#sidebar #menu ul ul ul ul li a{text-transform:none;color:rgb();background:rgb();font-size:0.85em;padding-left:20%;width:72.2%;}
		#sidebar #menu ul ul ul ul li a:hover,
		#sidebar #menu ul li a.ln3_default{color:rgb();}
        
        #panel1 {color:rgb();background:rgba(,0.8);}
        #panel2 {color:rgb();background:rgba(,0.8);border-bottom: 0.4em solid rgb();}

		/*Media Queries*/
		@media only screen and (max-width:1380px){
			.dropDown .mainNav ul{width:10em;}
		}
		@media only screen and (max-width:1280px){
			#topNav li a{padding: 0.8em 1.25em}
			.dropDown .mainNav ul{width:8.5em;}
		}
		@media only screen and (max-width:1150px){
			#topNav li a{padding: 0.8em 1.1em}
		}
		@media only screen and (max-width:1040px){
			#topNav li a{padding: 0.8em 1em}
		}
		@media only screen and (max-width:1024px){
			#topNav {width:30%;top:0;bottom:auto;}
			#topNav ul li{display:none;}
			#topNav ul li#topNavMobile{display:inline-block!important;}
			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:rgb();border:1px solid rgb();}
			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;}
			#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;}
			#panel2 #dropDownmobileNav{display:inline-block;}
			#panel2{top:0!important;left:0!important;height:100%!important;border:none!important;}
			#panel2 #dropDownmobileNav .mainNav ul li a.categoryLevel{color:rgb();font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;}
			#panel2 #dropDownmobileNav .mainNav ul li.hasChildren span.icon{color:rgb();}
			#panel2 #dropDownmobileNav .mainNav ul li a.level1{color:rgb();}
			#panel2 #dropDownmobileNav .mainNav ul li.level1.on a.level1, #panel2 #dropDownmobileNav .mainNav ul li.level1 a.level1:hover{color:rgb();}
			#panel2 #dropDownmobileNav .mainNav ul li a.level2{color:rgb();}
			#panel2 #dropDownmobileNav .mainNav ul li.level2.on a.level2, #panel2 #dropDownmobileNav .mainNav ul li.level2 a.level2:hover{color:rgb();}
		}
		@media only screen and (max-width:620px){
			#panel1{width:100%!important;padding-bottom:60px!important;font-size:125%!important;}
			a.panel-button,
			a.panel-button span.icon{font-size:1em;}
		}
		@media only screen and (max-width:550px){
			#topNav{position:relative;text-align:center;top:auto;right:auto;width:100%;}
			#topNav ul li#topNavMobile{padding:0 5% 0.5em;} 
			.fixed #topNav{position:absolute;top:1em;right:0;}
		}
		@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%;}
		}