@import url('//fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic');
    /*admin */  
    .overwrite_inside_left{font-size:12px;}
    .inside_left_bar, .inside_left_bar img{display:none;}
    .left_menu_column{width:250px;}
    #menu{background-color:rgba(,0.15);margin-right:10px;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:7px 0px 0px 0px;}
    #menu a{color:rgba(,1); font-weight:500;}
    #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:'Lato',sans-serif;}
    .screen_total2,.screen_total{width:1024px;}
    .top_text_bg{background-color:#58585b;height:10px;color:rgb();border-bottom:1px solid rgb(); font-family:'Lato',serif;}
    #header_nav, #tabnav, #headermenu a.toplink, #headermenu a.toplink:visited{overflow:hidden;background-color:rgb();height:auto;color:rgb();}
    #header_nav{background-color:rgb();color:rgb();border-bottom:1px solid rgb() !important;}
    #header_nav li{border-right:1px solid rgb(); !important;background:none;}
    #header_nav li a.toplink{background-color:rgb();text-transform:uppercase;height:25px;font-size:12px;line-height:16px !important;padding:10px 10px 0px 10px;color: rgb();border:none !important;}
    #header_nav li a.toplink:hover,
    #header_nav li a.toplink:active{background-color:rgb();color:rgb();}
    #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:0px;}
    #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:rgb();}
    .print_total .titletext{display:block;font-weight:400;font-size:25px; padding-top:25px; font-family:'Lato',serif;}
    .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:14px;}
    /*end admin*/
    
    /*District Navigation*/
    #districtNav{width:76%;padding:0 0 0 0;float:right;display:inline-block;text-align:right;position:relative;z-index:10;}
    #districtMobile{display:none;}
    #districtNav ul{margin:0;padding:0 1.5em 0 0;width: calc(100% - 1.5em);display:inline-block;text-align:right;list-style:none;}
    #districtNav ul li{display:inline-block;position:relative;}
    #districtNav ul li a{padding:0.65em 1.15em;font-size:1.1em;line-height:1em;text-align:center;color:rgb();display:inline-block;-webkit-transition: background 1s ease;-moz-transition: background 1s ease;-ms-transition: background 1s ease;-o-transition: background 1s ease;transition: background 1s ease;}
	#districtNav ul li a.on{background:rgb();color:rgb();}
	#districtNav ul li:first-child a{padding: 0.55em 1.15em 0.62em;}
    #districtNav ul li span.title{display:none;}
    .schools #districtNav ul li a{color:rgb();}
    #districtNav ul li a:hover,#districtNav ul li a.on:hover,
    #districtNav ul li a.dropDownOn,#districtNav ul li a.dropDownOn.on{background:rgb(); color: rgb();text-decoration:none;}
    #districtNav ul li a.tapLink{position:absolute;top:-100px;left:-100px;text-indent:-9999px;}
    
    /*District Drop*/
    #dropDownMenu.district{position:absolute;top:2.48em;right:0;left:auto;margin:0 auto;width:51.35%;padding:0;z-index:10;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:0;overflow:visible;}
    #dropDownMenu.district.fixed{top:52px; position:fixed;}
    #dropDownMenu.district.fixed.wEmergency{top: calc(2.5em + 52px);}
    #dropDownMenu.district.singleDrop{width:100%;}
    .district .dropDown{display:none;margin:0 auto 0; width:100%;padding:1.4em 0;background: rgb();position:relative;overflow:visible;}

	.district.singleDrop .dropDown{width:245px;position:absolute;top:0;left:0;}
    .district .dropDown:before{position:absolute;content:'';bottom:-69px;left:0;width:100%;height:70px;background:url('www.deerfield.k12.wi.us/custom/images/general/nav/asset_nav_btm.png') 0 0 no-repeat; background-size:100% 100%;}
    .district.singleDrop .dropDown:before{height:45px;bottom:-44px;}
    .district .dropDown .mainNav{padding:0 0 0; margin:0;min-height:10em;overflow:hidden;z-index:9;}
    .district .dropDown .mainNav ul{float:left;overflow:hidden;width:14%;padding:0 3%;margin:0px;list-style-type:none;display:block;}
    .district .dropDown#dropDownschools .mainNav ul{width:14%;}
    .district.singleDrop .dropDown#dropDownschools .mainNav ul,
    .district.singleDrop .dropdown .mainNav ul{width:94%;}
    .district .dropDown .mainNav ul ul,
    .district .dropDown#dropDownschools .mainNav ul ul{width:100%;padding:0 0 0;}
    .district .dropDown .mainNav ul li{padding:0;margin:0; width:100%;}
    .district .dropDown .mainNav ul li.level1Line{display:none;}
    .district .dropDown .mainNav ul li a{color:rgb();font-size:1em;line-height:1.25em;letter-spacing:0;width:100%;display:block; font-weight:700;height:auto;padding:0 0 0.5em 0;text-align:left;text-decoration:none; text-transform:capitalize;}
    .district.singleDrop .dropdown .mainNav ul li a,
    .district .dropDown .mainNav ul.level2 li a{color:rgb();font-size:0.76em;font-weight:700;text-decoration:none;letter-spacing:0;border:none;display:block;background:none;height:auto;padding:0.35em 0;line-height:1.25em;text-transform:capitalize;}
    .district .dropDown .mainNav ul li a:hover{color:rgb();text-decoration:none;}
    .district.singleDrop .dropdown .mainNav ul li a:hover,
    .district .dropDown .mainNav ul.level2 li a:hover{color:rgb();text-decoration:none;}
    
    /*Main Navigation*/
    #topNav{width:auto; display:inline-block; position:absolute; display:inline-block; padding:0;top:0;left:3.3%;}
    #topNav ul{list-style-type:none;padding:0;margin:0;display:inline-block; width:100%; text-align:center;}
    #topNav ul li{ display:inline-block; position:relative;z-index:3;padding:0;}
    #topNav ul li:first-child{padding-left:0;}
    #topNav ul li.last-desktop{padding-right:0;}
    #topNav ul li a{font-family: 'Lato', sans-serif;display:block;width:auto;padding:0.64em 1.25em;color:rgb();font-size:1.1em;line-height:1em;text-decoration:none;text-align:center;font-weight:700;margin:0;letter-spacing:0; position:relative; }
    #topNav ul li a.on{color:rgb();}
    #topNav ul li a.dropDownOn,
    #topNav ul li a:hover{color:gb();background:rgb();}
    #topNav ul li a.tapLink{position:absolute;top:-1000px;left:-1000px;text-indent:-9999px;}
    ul #topNavMobile{display:none !important;}
    #topNavMobile span.linkName{display:none;}
    #mobileNav span.linkName{display:none;}
    
    /*dropdown*/
    #dropDownMenu,
    #dropDownMenuSchools{position:absolute;top:2.49em;left:0;margin:0 auto;width:60%;padding:0;z-index:7;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:3em;overflow:visible;}
    #dropDownMenu.singleDrop{width:100%;}
    #dropDownMenuSchools.singleDrop{width:calc(100% - 2.5em); left:2.5em;}
    #dropDownMenu.fixed{top:120px; position:fixed;}
    .dropDown{display:none;margin:0 auto 0; width:100%;padding:1.4em 0;background:rgb();position:relative;overflow:visible;}
    .singleDrop .dropDown{width:245px;position:absolute;top:0;left:0;}
    .dropDown:before{position:absolute;content:'';bottom:-69px;left:0;width:100%;height:70px;background:url('www.deerfield.k12.wi.us/custom/images/general/nav/asset_school_nav_btm.png') 0 0 no-repeat; background-size:100% 100%;}
    .singleDrop .dropDown:before{height:45px;bottom:-44px;}
    .dropDown .mainNav{padding:0 0 0; margin:0;min-height:10em;overflow:hidden;z-index:9;}
    .dropDown .mainNav ul{float:left;overflow:hidden;width:14%;padding:0 3%;margin:0px;list-style-type:none;display:block;}
    .dropDown .mainNav ul ul,
    .dropDown#dropDownschools .mainNav ul ul{width:100%;padding:0 0 0;}
    .singleDrop .dropDown#dropDownschools .mainNav ul,
    .singleDrop .dropDown .mainNav ul{width:94%;}
    .dropDown .mainNav ul li{padding:0;margin:0; width:100%;}
    .dropDown .mainNav ul li.level1Line{display:none;}
    .dropDown .mainNav ul li a{color:rgb();font-size:1em;letter-spacing:0;width:100%;display:block; font-weight:700;height:auto;padding:0 0 0.15em 0;text-align:left;text-decoration:none; text-transform:capitalize;}
    .singleDrop .dropDown .mainNav ul li a,
    .dropDown .mainNav ul.level2 li a{color:rgb();font-size:0.76em;font-weight:700;text-decoration:none;letter-spacing:0;border:none;display:block;background:none;height:auto;padding:0.35em 0;line-height:1.25em;text-transform:capitalize;}
    .dropDown .mainNav ul li a:hover{color:rgb();text-decoration:none;}
    .singleDrop .dropDown .mainNav ul li a:hover,
    .dropDown .mainNav ul.level2 li a:hover{color:rgb();text-decoration:none;}
    
	/*panel*/
    #panel1{visibility:hidden!important;}
    #panel1{background:rgba(,0.9)!important;color:rgb()!important;}
   
    /*mobile dropdown*/
    #panel1 .dropdown{display:none;}
    #topNavMobile{height:2.5em;width:60px;position:absolute;right:3.3%;z-index:9;display:none;}
    #topNavMobile a{position:absolute;left:0;top:0;width:100%; height:100%;}
    #panel1 #topNavMobile{position:relative; margin: 0.5em 0;float:right;}
    /* #panel1{display:none;} */
    #dropDownmobileNav{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; padding-bottom:2em;display:none; width:90%;padding:1.2em 5% 0;}
    #dropDownmobileNav.district{background:rgb();margin-bottom:90px;}
    #dropDownmobileNav.district.wSchool{margin-top:90px;}
    #dropDownmobileNav.school{background:none;}
    #dropDownmobileNav.school:before{display:none;}
    #dropDownmobileNav.district.wSchool:after{content:'';position:absolute;top:-69px;left:0;width:100%;height:70px;background: url('www.deerfield.k12.wi.us/custom/images/general/nav/asset_mobile_nav_btm.png') 0 0 no-repeat;background-size:100% 100%;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
    #dropDownmobileNav.district.dropDown:before{background: url('www.deerfield.k12.wi.us/custom/images/general/nav/asset_mobile_nav_btm.png') 0 0 no-repeat;}
    #dropDownmobileNav .mainNav{padding:0;border-top:none;background-color:transparent; width:100%; position:relative;}
	#dropDownmobileNav.dropDown .mainNav{min-height:0;}
	#dropDownmobileNav .mainNav .districtLevel{padding:0.35em 2%;width:96%;display:inline-block;font-size:1.15em;}
    #dropDownmobileNav .mainNav .districtLevel a{color:rgb();}
    #dropDownmobileNav.school .mainNav .districtLevel a{color:rgb();}
    #dropDownmobileNav .mainNav .districtLevel span{display:inline-block;padding:0 0.5em 0 0;}
    #dropDownmobileNav .mainNav .districtLevel a:hover{color:rgb(); text-decoration:none;}
    #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 a.categoryLevel{padding: 0;color:rgb();font-size:1.15em;font-weight:700;}
    #dropDownmobileNav.school .mainNav ul li a.categoryLevel{color:rgb();}
    #dropDownmobileNav .mainNav ul li.categoryLevel.on{background:rgb();color:rgb();}
    #dropDownmobileNav.school .mainNav ul li.categoryLevel.on{background:rgb();}
    #dropDownmobileNav .mainNav ul:first-child,
    #dropDownmobileNav .mainNav ul.level2{background:none;border:none;}
	#dropDownmobileNav .mainNav ul.level2{background:rgb();}
    #dropDownmobileNav .mainNav ul.level2,
    #dropDownmobileNav .mainNav ul.level2 li{padding:0;}
    #dropDownmobileNav .mainNav ul li.level1Line{display:none;}
    #dropDownmobileNav .mainNav ul.level1,
    #dropDownmobileNav .mainNav ul.level2,
    #dropDownmobileNav .mainNav ul.level3{display:none;}
    #dropDownmobileNav .mainNav ul.categoryLevel li.categoryLevel span{padding:0.6em 2%;display:block;width:96%;height:100%;overflow:hidden;}
    #dropDownmobileNav .mainNav ul.categoryLevel li.categoryLevel.hasChildren a.categoryLevel{display:inline-block;}
    #dropDownmobileNav .mainNav ul li.hasChildren span.icon{position:absolute; height:16px; width:40px; top:0; right:0;text-align:center; color:#000000; padding:1em 15px; cursor:pointer;}
    #dropDownmobileNav .mainNav ul li.hasChildren span.icon{ transition: all .2s linear;}
    #dropDownmobileNav.school .mainNav ul li.hasChildren span.icon{color:rgb();}
    #dropDownmobileNav .mainNav ul li.hasChildren.on span.icon.icon-cat{color:rgb();}
    #dropDownmobileNav .mainNav ul.categoryLevel li.hasChildren.on span.icon.icon-cat.icon-arrow-down:before {content: "\e003";}
    #dropDownmobileNav .mainNav ul.level1{background:rgb();}
    #dropDownmobileNav.school .mainNav ul.level1{background: rgb();}
    #dropDownmobileNav .mainNav ul.level1 li.level1{padding:0;margin:0;display:block;position:relative;overflow:hidden;}
    #dropDownmobileNav .mainNav ul.level1 li.level1 a{padding:0;}
    #dropDownmobileNav .mainNav ul li a.level1{font-size: 0.9em;font-weight:700;color:rgb();}
    #dropDownmobileNav .mainNav ul.level1 li.level1 span{display:block;}
    #dropDownmobileNav .mainNav ul.level1 li.level1.hasChildren a.level1,
    #dropDownmobileNav .mainNav ul.level2 li.level1.hasChildren a.level2{display:inline;}
    #dropDownmobileNav .mainNav ul.level1 li.hasChildren span.icon.icon-level1{color:rgb();}
    #dropDownmobileNav .mainNav ul.level2 li.hasChildren span.icon.icon-level2{color:rgb();}
    #dropDownmobileNav .mainNav ul.level1 li.hasChildren.on span.icon.icon-level1{color:rgb();}
    #dropDownmobileNav .mainNav ul.level2 li.hasChildren.on span.icon.icon-level2{color:rgb();}
    #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";}
    #dropDownmobileNav .mainNav ul a.level1.on,
    #dropDownmobileNav .mainNav ul.level2 li a.on,
    #dropDownmobileNav .mainNav ul.level1 li.level1.on a.level1,
    #dropDownmobileNav .mainNav ul.level2 li.level2.on a.level2{color:rgb();}
    
    #dropDownmobileNav .mainNav ul.level2 li.level2{padding:0;margin:0;display:block;position:relative;overflow:hidden;}
    #dropDownmobileNav .mainNav ul.level2 li.level2 span,
    #dropDownmobileNav .mainNav.facultyMobile ul.level2 li a.level2{padding:0.8em 4%;display:block; width:92%;}
    #dropDownmobileNav .mainNav ul.level2 li.level2 span.icon{ padding:12px 15px;width:40px;}
    #dropDownmobileNav .mainNav ul.level2 li a.level2{display:block;padding:0;margin:0; font-size:0.8em; color:rgb();}
    #dropDownmobileNav .mainNav ul.level3 li a.level3 {font-size: 0.75em;display: inline-block; padding: 0.9em 8%;width: 84%;}
    
    .facultyMobile{width:100%; display:inline-block; margin-bottom:2.5em;}
    
    
    /*left navigation */
    #sidebar #menu{width:100%;padding:0;margin:0;border:none;overflow:hidden;background-color:transparent; font-size:100%;position:relative;z-index:3;}
    #sidebar #menu ul{list-style:none;padding:0;background-color:transparent;margin:0;overflow:hidden;position:relative;z-index:3;}
    #sidebar #menu ul li,#sidebar #menu ul li a{position:relative;}
    #sidebar #menu ul li,
    #sidebar #menu ul li ul{margin:0;padding:0;}
    #sidebar #menu ul ul li{margin-bottom:1.3em;}
    #sidebar #menu ul ul ul li{margin:0;}
    #sidebar #menu ul ul li a{font-size:1.2em;display:block;margin:0;padding:0.68em 20% 0.68em 6%;color:rgb();text-decoration:none;line-height:1.25em;font-weight:400; width:74%; background:rgb();-webkit-transition: background 1s ease;-moz-transition: background 1s ease;-ms-transition: background 1s ease;-o-transition: background 1s ease;transition: background 1s ease;}
    #sidebar #menu ul li span.icon{position:absolute;top:0;right:0%;width:20%;padding:1em 0;cursor:pointer;color:rgb();text-align:center;}
    #sidebar #menu ul li.on span.icon:before,
	#sidebar #menu ul li.default.on span.icon:before{content: '\e003';color:rgb();}
	#sidebar #menu ul li.default span.icon:before{content: '\e000';color:rgb();}
	#sidebar #menu ul li.default.on span.icon:before{color:rgb();}
    #sidebar #menu ul li ul li a:hover,
    #sidebar #menu ul li a.ln_default{background:rgb();color:rgb();}
    #sidebar #menu ul ul ul{width:100%; margin:0; padding:1.33em 6%;width:88%;background:rgb();display:none;}
    #sidebar #menu ul ul ul ul{padding:0;background:none;}
    #sidebar #menu ul ul ul ul{margin:0; width:100%; border:none;display:block;}
    #sidebar #menu ul ul ul li a{font-size:0.85em;display:block;margin:0;padding:1em 0;color:rgb();text-decoration:none;line-height:1.25em;font-weight:700; width:100%; background:transparent;}
    #sidebar #menu ul li ul li ul li a:hover,
    #sidebar #menu ul li a.ln2_default{color:rgb(); background:none;}
    #sidebar #menu ul ul ul ul li a{font-size:0.75em;color:rgb();;padding-left:8%;width:92%;}
    #sidebar #menu ul li ul li ul li ul li a:hover,
    #sidebar #menu ul li a.ln3_default{color:rgb(); background:none;}
    
    
    /*Media Queries*/
    @media only screen and (max-width:1865px){
        #dropDownMenu.district.fixed{top:49px}
        #dropDownMenu.district.fixed.wEmergency{top: calc(2.5em + 47px);}
    }
    @media only screen and (max-width:1500px){
        #dropDownMenu.district.fixed{top:43px}
        #dropDownMenu.district.fixed.wEmergency{top: calc(2.5em + 41px);}
    }
    @media only screen and (max-width:1300px){
        #districtNav{max-width:78%;}
        #districtNav ul li a{padding: 0.75em 1.05em;}
        #districtNav ul{padding:0;width:100%;}
    }
    @media only screen and (max-width:1190px){
        #districtNav ul li a{padding: 0.75em 0.9em;}
		#districtNav ul li:first-child a{padding: 0.55em 0.9em 0.75em;}
    }
    @media only screen and (max-width:1140px){
        #districtNav ul li a{padding: 0.75em 0.875em;}
    }
    @media only screen and (max-width:1070px){
        #districtNav ul li a{font-size:1em; min-height: calc(60px - 1.5em);}
        .district .dropDown .mainNav{font-size:0.8em;}
    }
    @media only screen and (max-width:1024px){
        #districtNav,#topNav{display:none;}
        #topNavMobile{display:inline-block;bottom:0px;height:40px;}
        #panel1{display:inline-block;visibility: visible!important;}
        #panel1 .dropdown{display:inline-block;}
        #dropDownmobileNav{display:block;}
    }
    @media only screen and (max-width:800px){
        #panel1{width:100%!important;}
    }