Title: EcT93c.json

URL Source: https://is.gd/EcT93c.json

Markdown Content:
# EcT93c.json

```json

  <!DOCTYPE html>
<html class="no-js" lang="en">
<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-T8PS5SS');</script>
    <!-- End Google Tag Manager -->

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <link rel="apple-touch-icon" sizes="57x57" href="/images/favicon/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/images/favicon/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/images/favicon/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/images/favicon/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/images/favicon/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/images/favicon/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/images/favicon/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/images/favicon/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="/images/favicon/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/images/favicon/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/images/favicon/android-chrome-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/images/favicon/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/images/favicon/manifest.json">
    <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="/images/favicon/favicon.ico">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="msapplication-TileImage" content="/images/favicon/mstile-144x144.png">
    <meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <title>2017 | BROOKFIELD CSD - Enrollment Data | NYSED Data Site</title>
    <link href='https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="/stylesheets/normalize.css" />
    <link rel="stylesheet" href="/stylesheets/foundation.css" />
    <link rel="stylesheet" href="/stylesheets/font-awesome.min.css" />
    <link rel="stylesheet" href="/stylesheets/animate.min.css" />
    <link rel="stylesheet" href="/stylesheets/morphext.css" />
    <link rel="stylesheet" href="/stylesheets/owl.carousel.css">
    <link rel="stylesheet" href="/stylesheets/owl.theme.css">
    <link rel="stylesheet" href="/stylesheets/owl.transitions.css">
    <link rel="stylesheet" href="/stylesheets/slicknav.css">
    <link rel="stylesheet" href="/stylesheets/datanysedgov-jqueryui/jquery-ui-1.10.4.custom.css">
<!--    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">-->
<!--    <script src="https://use.fontawesome.com/65c75d8b47.js"></script>-->
<!--    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">-->
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.1/css/all.css" integrity="sha384-y++enYq9sdV7msNmXr08kJdkX4zEI1gMjjkw0l9ttOepH7fMdhb7CePwuRQCfwCr" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="/includes/vendor/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="/includes/vendor/slick/slick-theme.css"/>
    <link rel="stylesheet" href="/stylesheets/style.css?v=ewrv2" />
        <link rel="stylesheet" href="/stylesheets/pure-drawer.css" />
        <link rel="stylesheet" href="/stylesheets/jquery.jscrollpane.css" />
    <link rel="stylesheet" href="/stylesheets/slidemenu.css" />

        <script src="/javascripts/contrib/jquery.js"></script>
    <meta name="google-translate-customization" content="4d6c8703ba137f41-9976500b372f6a2b-g79f34df1bfaf5832-e" />
    <script type="javascript">
        am4core.addLicense("CH262050246");
    </script>
</head>
<body>
<a class="show-on-focus" href="#mainContent">Skip to Content</a>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8PS5SS"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--  HEADER -->
<header class="hide-for-print">
    <div class="top" id="top">
        <div class="row">
            <div class="small-12 large-2-3 medium-2-3 columns nopadding">
                <div class="logo">
                    <a href="/" title=""><img src="/images/logo.png" alt="data.nysed.gov" title=""/></a>
                </div>
            </div>
                 <div class="hidden testclass"></div>
    <script type="text/javascript">
        $(document).ready(function(){
            var isWebkit = 'WebkitAppearance' in document.documentElement.style;
            if (!isWebkit) {
                $('.cbp-spmenu-vertical').jScrollPane();
            }
            if ($(".testclass").css("float") == "none" ){ //This displays the showleft menu if the screen is larger than 1602px - style.css:1665
                $('#showLeft').trigger('click');
            }

        });
    </script>
<button id="showLeft" tabindex="0" class="hide-for-print"><i class="fa fa-bars"></i></button>
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left hide-for-print" id="cbp-spmenu-s1">

        <section class="reportsmenu">
<div class="row">
    <div class="small-12 columns">
        <h2>BROOKFIELD CSD DATA</h2>
    </div>
</div>
   <div class="row listsmenu">
     <div class="small-12 columns text-center">
            <ul class="tabs">
              <li id="kb_curr_800000050976" tabindex="0" class="tab-title kb-enter title" role="presentational" ><a tabindex="-1" class="yearSwitch" id="curr_800000050976" href="#reports_800000050976_25" role="tab" aria-selected="true">2024-25</a></li>
              <li id="kb_prev_800000050976" tabindex="0" class="tab-title kb-enter" role="presentational" ><a tabindex="-1" class="yearSwitch" id="prev_800000050976" href="#reports_800000050976_24" role="tab" aria-selected="false">2023-24</a></li>
          </ul>
               <div class="archive-container"><div  id="kb_arch_800000050976" tabindex="0" class="archive-link kb-enter"><a tabindex="-1" id="arch_800000050976" href="/archive.php?instid=800000050976">Archive</a></div></div>
     </div>
   </div>
   <div class="tabs-content listsmenu">
        <section role="tabpanel" style="display:block" id="reports_800000050976_25">
          <div class="row">
<div   class="small-12 columns  zoomIn end">
   <div class="title">STUDENT DATA</div>
       <ul class="menu-section listsmenu">
          <li class="bullet-item"><a href="/enrollment.php?year=2025&amp;instid=800000050976" data-tooltip aria-haspopup="true" class="has-tip" title="Student enrollment counts as of &quot;BEDS Day&quot; by Gender, Grade, Economically Disadvantaged, Ethnicity, LEP, and SWD.">Enrollment Data</a></li>
          <li class="bullet-item"><a href="/ell.php?year=2025&amp;instid=800000050976">English Language Learners Data</a></li>
           <li class="bullet-item"><a href="/specialed/?year=2025&amp;instid=800000050976">Special Education Data</a></li>
          <li class="bullet-item"><a href="/digitalResources.php?year=2025&amp;instid=800000050976">Digital Resources</a></li>
       </ul>
   </div>
<div   class="small-12 columns  zoomIn end">
   <div class="title">SCHOOL DATA</div>
       <ul class="menu-section listsmenu">
          <li class="bullet-item"><a href="/essa.php?year=2025&amp;instid=800000050976" data-tooltip aria-haspopup="true" class="has-tip" title="Data on student performance">School Report Card</a></li>
          <li class="bullet-item"><a href="/gradrate.php?year=2025&amp;instid=800000050976" data-tooltip aria-haspopup="true" class="has-tip" title="Graduation rate and other outcomes for the cohort student group.">High School Graduation Rate</a></li>
          <li class="bullet-item"><a href="/pathways.php?year=2025&amp;instid=800000050976" data-tooltip aria-haspopup="true" class="has-tip" title="Pathways data for the cohort student group.">High School Graduation Pathways Data</a></li>
           <li class="bullet-item"><a href="/studenteducator.php?year=2025&amp;instid=800000050976">Student and Educator Report</a></li>
           <li class="bullet-item"><a href="/expenditures.php?year=2025&amp;instid=800000050976">Financial Transparency Report</a></li>
       </ul>
   </div>
         </div>
        </section>
        <section role="tabpanel" style="display:none" id="reports_800000050976_24">
          <div class="row">
<div   class="small-12 columns  zoomIn end">
   <div class="title">STUDENT DATA</div>
       <ul class="menu-section listsmenu">
          <li class="bullet-item"><a href="/enrollment.php?year=2024&amp;instid=800000050976" >Enrollment Data</a></li>
          <li class="bullet-item"><a href="/ell.php?year=2024&amp;instid=800000050976">English Language Learners Data</a></li>
           <li class="bullet-item"><a href="/specialed/?year=2024&amp;instid=800000050976">Special Education Data</a></li>
          <li class="bullet-item"><a href="/digitalResources.php?year=2024&amp;instid=800000050976">Digital Resources</a></li>
       </ul>
   </div>
<div   class="small-12 columns  zoomIn end">
   <div class="title">SCHOOL DATA</div>
       <ul class="menu-section listsmenu">
          <li class="bullet-item"><a href="/essa.php?year=2024&amp;instid=800000050976" >School Report Card</a></li>
          <li class="bullet-item"><a href="/gradrate.php?year=2024&amp;instid=800000050976" >High School Graduation Rate</a></li>
          <li class="bullet-item"><a href="/pathways.php?year=2024&amp;instid=800000050976" >High School Graduation Pathways Data</a></li>
           <li class="bullet-item"><a href="/studenteducator.php?year=2024&amp;instid=800000050976">Student and Educator Report</a></li>
           <li class="bullet-item"><a href="/expenditures.php?year=2024&amp;instid=800000050976">Financial Transparency Report</a></li>
       </ul>
   </div>
         </div>
        </section>
   </div>
</section>
            <script src="/javascripts/contrib/jquery.blockUI.js"></script>
            <script src="/javascripts/contrib/jquery.cookie.js"></script>
            <script type="text/javascript">
                $(document).ready(function() {
                    $('#pdflink').click(function () {
                        blockUIForDownload();
                    });

                    var fileDownloadCheckTimer;

                    function blockUIForDownload() {
                        var token = 'f4a976e7d83013363c1b';
                        $.blockUI({
                            message: $('#pdfcreation')
                        });
                        fileDownloadCheckTimer = window.setInterval(function () {
                            var cookieValue = $.cookie('pdfdownloadtoken');
                            if (cookieValue == token)
                                finishDownload();
                        }, 1000);
                    }

                    function finishDownload() {
                        window.clearInterval(fileDownloadCheckTimer);
                        $.removeCookie('pdfdownloadtoken'); //clears this cookie value
                        $.unblockUI();
                    }
                });
            </script>
            <div id="pdfcreation" style="display:none">
                <h3 class="white">Please wait while we create your PDF.</h3>
                <ul class="loader">
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div id="pdfarea">
                <div class="row">
                    <div class="small-12 columns">
                        <!--<a role="button" aria-label="export as PDF" id="pdflink" href="/pdf.php?sessid=f4a976e7d83013363c1b&amp;instid=800000050976&amp;year=2017&amp;type=enrollment&amp;report=%2Fenrollment.php%3Finstid%3D800000050976%26year%3D2017%26gender%255B%255D%3DM%26pdf%3D1" class="button small expand"><i class="fa fa-2x fa-file-pdf-o"></i> <span style="position:relative;top:-3px;">Save as PDF</span></a>-->
                    </div>
                </div>
            </div>
                    <div id="comparisonarea">
            <section class="section_white spacing-top-15">
<div class="row comparison">
    <div class="small-12 columns">
        <div class="title-features" id="mycomparison">MY COMPARISONS</div>
        <ul class="comparison-table alter features">
<li class="bullet-item">You currently have nothing selected for comparison. Click the + icon below to add this district for comparison.<br /><br /><a id="howcomparison" class="center" tabindex='0'>How do comparisons work?</a></li>
<li class="bullet-item comparison-button"><span id="add-comparison" tabindex='0'><i class="fa fa-plus"></i></span></li>
        </ul>
    </div>
</div>
    <div class="row comparison">
        <div class="small-12 columns">
                        <div class="title-features">QUICK COMPARISONS</div>
                        <ul class="comparison-table alter features">
            <li class="bullet-item comparison-button line-height-inherit"><div id="lastyear-comparison"><a href="/comparison.php?type=enrollment&comparison[]=800000050976_2017_District&comparison[]=800000050976_2016_District&report=">COMPARE WITH LAST YEAR</a></div></li>
<li class="bullet-item comparison-button line-height-inherit"><div id="county-comparison"><a href="/comparison.php?type=enrollment&comparison[]=800000050976_2017_District&comparison[]=25_2017_County&report=">COMPARE WITH MADISON COUNTY</a></div></li>
<li class="bullet-item comparison-button line-height-inherit"><div id="state-comparison"><a href="/comparison.php?type=enrollment&comparison[]=800000050976_2017_District&comparison[]=800000081568_2017_State&report=">COMPARE WITH NY STATE</a></div></li>
            </ul>
        </div>
    </div>

</section>
<script type="text/javascript">
    $( "#add-comparison" ).on('keyup', function (e){
        console.log(e.key)
        if(e.key === 'Enter'){
            $(this).trigger("click");
        }
    })
    $( "#add-comparison" ).click(function() {
        $("#add-comparison").html('<i class="fa fa-circle-o-notch fa-spin"></i>');
        $.get( "/includes/comparison/comparison-add.php", { id: "800000050976", page: "District", year:"2017"} )
            .done(function( ) {
                $.get( "/includes/comparison/comparison-list.php", { id: "800000050976", page: "District", year:"2017", reporttype:"ENROLLMENT", subject:"ELA" } )
                    .done(function(data) {
                        $("#comparisonarea").html(data);
                });
            });
    });

    $( ".remove-comparison" ).on('keyup', function (e){
        console.log(e.key)
        if(e.key === 'Enter'){
            $(this).trigger("click");
        }
    })

    $( ".remove-comparison").click(function() {
        var $this=$(this);
        $this.html('<i class="fa fa-circle-o-notch fa-spin"></i>');
        $.get( "/includes/comparison/comparison-remove.php", { id: $this.attr("data-id"),  year: $this.attr("data-year"), page: $this.attr("data-page")} )
            .done(function( ) {
                $.get( "/includes/comparison/comparison-list.php", { id: "800000050976", page: "District", year:"2017", reporttype:"ENROLLMENT", subject:"ELA"} )
                    .done(function(data) {
                        $("#comparisonarea").html(data);
                    });
            });
    });
</script>
            <div id='closeLeftDiv' class="paddingtop10 paddingleft20" style="margin-bottom: 80px">
                <a id='closeLeft' href='#mainContent'>Close Menu</a>
            </div>
        </div>
        
</nav>
    <script src="/javascripts/contrib/classie.js"></script>
    <script type="text/javascript">
            let menuLeft = document.getElementById('cbp-spmenu-s1'),
                body = document.body;
                $('.bullet-item').find('a').attr('tabindex', -1);
                $('.kb-enter').attr('tabindex', -1);
                $('#closeLeft').attr('tabindex', -1);


            showLeft.onclick = function () {
                if (!(classie.has(this, 'active') && classie.has(menuLeft, 'cbp-spmenu-open'))) {
                    classie.add(this, 'active'); //move button to right with css
                    classie.add(menuLeft, 'cbp-spmenu-open'); //show side panel
                    $('#closeLeftDiv').addClass('active');
                    $(this).find('i').removeClass('fa-bars') //remove bars image
                    $(this).find('i').addClass('fa-times') //change button to an "X"
                    $('.bullet-item').find('a').attr('tabindex', 0); //make items focusable
                    $('.kb-enter').attr('tabindex', 0);
                    $('#closeLeft').attr('tabindex', 0);
                    $('.remove-comparison').attr('tabindex', 0);
                    $('#add-comparison').attr('tabindex', 0);
                } else {
                    classie.remove(this, 'active'); //move button to left with css
                    classie.remove(menuLeft, 'cbp-spmenu-open'); //hide side panel
                    $('#closeLeftDiv').removeClass('active');
                    $(this).find('i').addClass('fa-bars') //change button image to bars
                    $(this).find('i').removeClass('fa-times') //remove "X" button image
                    $('.bullet-item').find('a').attr('tabindex', -1); //make items in hidden menu not focusable
                    $('.kb-enter').attr('tabindex', -1);
                    $('#closeLeft').attr('tabindex', -1);
                    $('.remove-comparison').attr('tabindex', -1);
                    $('#add-comparison').attr('tabindex', -1);
                }
            };
            $("#closeLeft").on('click', function () {
                $("#showLeft").removeClass("active");
                $(menuLeft).removeClass("cbp-spmenu-open");
                $("#showLeft").find('i').addClass('fa-bars')
                $("#showLeft").find('i').removeClass('fa-times')
                $('.bullet-item').find('a').attr('tabindex', -1); //make items in hidden menu not focusable
                $('.kb-enter').attr('tabindex', -1);
                $('.remove-comparison').attr('tabindex', -1);
                $('#add-comparison').attr('tabindex', -1);
                $('#closeLeft').attr('tabindex', -1);
            });
    </script>

            <div class="small-12 large-9-10 medium-9-10 columns">

                <!--  NAVIGATION MENU AREA -->
                <div id="topmenuarea">
                    <nav class="desktop-menu">
                        <ul class="sf-menu">
                            <li><a href="/lists.php?type=county">COUNTIES</a></li>
                            <li><a href="/lists.php?type=boces">BOCES</a></li>
                            <li class="current-menu-item"><a href="/lists.php?type=district">DISTRICTS</a></li>
                            <li><a href="/lists.php?type=school">SCHOOLS</a></li>
                            <li><a href="/lists.php?type=higher">HIGHER EDUCATION</a></li>
                            <li><a href="/downloads.php">DOWNLOADS</a></li>
                                                        <li class="search">
                                <input type="text" name="school_search" id="school_search" size="16"  onfocus="this.select()" placeholder="Search by name &nbsp; &#xF002;" title="Search by name"/>
                            </li>
                                                    </ul>
                    </nav>
                    <!--  END OF NAVIGATION MENU AREA -->

                    <!--  MOBILE MENU AREA -->
                    <nav class="mobile-menu hide-for-print">
                        <ul>
                            <li><a href="/lists.php?type=county">COUNTIES</a></li>
                            <li><a href="/lists.php?type=boces">BOCES</a></li>
                            <li class="current-menu-item"><a href="/lists.php?type=district">DISTRICTS</a></li>
                            <li><a href="/lists.php?type=school">SCHOOLS</a></li>
                            <li><a href="/lists.php?type=higher">HIGHER EDUCATION</a></li>
                            <li><a href="/downloads.php">DOWNLOADS</a></li>
                        </ul>
                        <div class="row show-for-small-only">
                            <div class="small-12 columns show-for-small-only search">
                                <input type="text" name="school_search_small" id="school_search_small" size="16"  onfocus="this.select()" placeholder="Search by name &nbsp; &#xF002;" style="font-family: FontAwesome,'Lato', Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif" title="Search by name"/>
                            </div>
                        </div>
                    </nav>
                    <!--  END OF MOBILE MENU AREA -->
                </div>
            </div>
        </div>
    </div>
    <div style="clear: both;"></div>

</header>
<div style="clear: both;"></div>
<!--  END OF HEADER -->
<main class="show-on-focus" id="mainContent" tabindex="0">Main content</main><section class="section_one">
<div class="row hide-for-print paddingtop10">
<div class="small-12 large-10 medium-10 columns">
<ul class="breadcrumbs">
  <li><a href="/">New York State</a></li>
  <li><a href="/profile.php?county=25">MADISON COUNTY</a></li>
  <li class="current"><a href="/profile.php?instid=800000050976">BROOKFIELD CSD</a></li>
  </ul>
 </div>
<div class="small-12 large-2 medium-2 columns " ><div class="sharebuttons"><span class="sharebuttons_span"><!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style addthis_16x16_style"><a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_pinterest_share"></a><a class="addthis_button_google_plusone_share"></a><a class="addthis_button_email"></a><a class="addthis_button_more"></a></div><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4ee0cca1405f20a5"></script><!-- AddThis Button END --></span></div></div></div>
</section>
<div class="row spacing-top-30">
    <div class="small-12 large-12 medium-12 columns">
        <p>
        These enrollment data are collected as part of NYSED's Student Information Repository System (SIRS). These counts are as of "BEDS Day" which is typically the first Wednesday in October.
                    Available are enrollment counts for public and charter school students by various demographics for the  2016 - 17 school year. For nonpublic school enrollment data please see the <a href='http://www.p12.nysed.gov/irs/statistics/nonpublic/home.html'>Non-Public School Enrollment and Staff information</a> on our Information and Reporting Services webpage.</br>        <span class="hide-for-print"> <a href="glossary.php?report=enrollment">Enrollment Data - Glossary of Terms</a> | <a href="businessrules.php?type=enrollment">Business Rules</a></span>
        </p>
    </div>
</div>
<div class="row spacing-top-15">
   <div class="small-12 large-8 medium-8 columns ">
   <h4>BROOKFIELD CSD ENROLLMENT (2016 - 17)</h4>
   </div>
   <div class="small-12 large-4 medium-4 columns">
       <div class="highlight blue spacing-top-15">K-12 Enrollment: 219</div>
   </div>
</div>
<div id="filteraccordion" class="row margintop10 enrollfilter hide-for-print">
	 <ul class="accordion" data-accordion role="tablist">
	 <li class="accordion-navigation">
	 <a href="#panel1d" role="tab" id="panel1d-heading" aria-controls="panel1d"><span class="fa accordion-icon"></span> Filter this data</a>
	 <div id="panel1d" class="content" role="tabpanel" aria-labelledby="panel1d-heading">
	  <form name="filters" id="filters" action="enrollment.php" method="get">
<input type="hidden" name="instid" value="800000050976"><input type="hidden" name="year" value="2017">	 <div class="row">
	 <div class="small-12 large-2 medium-12 columns">
	     <h5>Gender</h5>
     <div class="panel marginright5">
       <ul class="nostyle marginbottom0 marginleft10">
       <li><input type="checkbox" name="gender[]" id="gender_F"  value="F" class="floatleft"  /><label for="gender_F" class="medium">Female</label></li>
       <li><input type="checkbox" name="gender[]" id="gender_M" checked value="M" class="floatleft"  /><label for="gender_M" class="medium">Male</label></li>
       </ul>
     </div>
    </div>
	 <div class="small-12 large-5 medium-12 columns">
	     <h5>Ethnicity</h5>
     <div class="panel marginright5">
       <ul class="nostyle marginbottom0 marginleft10">
       <li><input type="checkbox" name="ethnicity[]" id="ethnicity_B"  value="B" class="floatleft"  /><label for="ethnicity_B" class="medium">Black or African American</label></li>
       <li><input type="checkbox" name="ethnicity[]" id="ethnicity_H"  value="H" class="floatleft"  /><label for="ethnicity_H" class="medium">Hispanic or Latino</label></li>
       <li><input type="checkbox" name="ethnicity[]" id="ethnicity_W"  value="W" class="floatleft"  /><label for="ethnicity_W" class="medium">White</label></li>
       <li><input type="checkbox" name="ethnicity[]" id="ethnicity_M"  value="M" class="floatleft"  /><label for="ethnicity_M" class="medium">Multiracial</label></li>
       </ul>
     </div>
    </div>
	 <div class="small-12 large-4 medium-12 columns">
	     <h5>Other Groups</h5>
     <div class="panel marginright5">
       <ul class="nostyle marginbottom0 marginleft10">
         <li><input type="checkbox" name="lep" id="lep"  value="1" class="floatleft"  /><label for="lep" class="medium">English Language Learner</label></li>
         <li><input type="checkbox" name="swd" id="swd"  value="1" class="floatleft"  /><label for="swd" class="medium">Students with Disabilities</label></li>
         <li><input type="checkbox" name="econ" id="econ"  value="1" class="floatleft"  /><label for="econ" class="medium">Economically Disadvantaged
Students</label></li>
       </ul>
     </div>
    </div>
	 <div class="small-12 large-1 medium-12 columns paddingtop40 hide-for-small hide-for-medium">
	    <input type="submit" class="small button" value="Filter" />
	    <input type="reset" class="small button resetbutton" value="Clear"/>
	 </div>
	 </div>
	 <div class="row margintop0">
	 <div class="small-12 columns">
	    <h5>Grades</h5>
    <div class="panel marginright5_twolines">
      <div class="small-12 large-2 medium-12 columns padding0 ">
       <ul class="nostyle marginbottom0 marginleft0">
      <li><input type="checkbox" name="grades[]" id="grades_KF" value="KF"  class="floatleft" /><label for="grades_KF" class="medium">K (Full Day)</label></li>
      <li><input type="checkbox" name="grades[]" id="grades_01" value="01"  class="floatleft" /><label for="grades_01" class="medium">01</label></li>
       </ul>
      </div>
      <div class="small-12 large-2 medium-12 columns padding0 ">
       <ul class="nostyle marginbottom0 marginleft0">
      <li><input type="checkbox" name="grades[]" id="grades_02" value="02"  class="floatleft" /><label for="grades_02" class="medium">02</label></li>
      <li><input type="checkbox" name="grades[]" id="grades_03" value="03"  class="floatleft" /><label for="grades_03" class="medium">03</label></li>
       </ul>
      </div>
      <div class="small-12 large-2 medium-12 columns padding0 ">
       <ul class="nostyle marginbottom0 marginleft0">
      <li><input type="checkbox" name="grades[]" id="grades_04" value="04"  class="floatleft" /><label for="grades_04" class="medium">04</label></li>
      <li><input type="checkbox" name="grades[]" id="grades_05" value="05"  class="floatleft" /><label for="grades_05" class="medium">05</label></li>
       </ul>
      </div>
      <div class="small-12 large-2 medium-12 columns padding0 ">
       <ul class="nostyle marginbottom0 marginleft0">
      <li><input type="checkbox" name="grades[]" id="grades_06" value="06"  class="floatleft" /><label for="grades_06" class="medium">06</label></li>
      <li><input type="checkbox" name="grades[]" id="grades_07" value="07"  class="floatleft" /><label for="grades_07" class="medium">07</label></li>
       </ul>
      </div>
      <div class="small-12 large-2 medium-12 columns padding0 ">
       <ul class="nostyle marginbottom0 marginleft0">
      <li><input type="checkbox" name="grades[]" id="grades_08" value="08"  class="floatleft" /><label for="grades_08" class="medium">08</label></li>
      <li><input type="checkbox" name="grades[]" id="grades_09" value="09"  class="floatleft" /><label for="grades_09" class="medium">09</label></li>
       </ul>
      </div>
      <div class="small-12 large-2 medium-12 columns padding0 ">
       <ul class="nostyle marginbottom0 marginleft0">
      <li><input type="checkbox" name="grades[]" id="grades_10" value="10"  class="floatleft" /><label for="grades_10" class="medium">10</label></li>
      <li><input type="checkbox" name="grades[]" id="grades_11" value="11"  class="floatleft" /><label for="grades_11" class="medium">11</label></li>
      <li><input type="checkbox" name="grades[]" id="grades_12" value="12"  class="floatleft" /><label for="grades_12" class="medium">12</label></li>
       </ul>
      </div>
      <div style="clear: both;"></div>
    </div>
	 </div>
	 </div>
	 <div class="row hidden-for-large-up">
	 <div class="small-12 columns padding0">
	    <input type="submit" class="button" value="Filter" />
	    <input type="reset" class="button resetbutton" value="Clear" />
	 </div>
    </div>
	 </form>
	  </div>
	 </li>
	 </ul>
   </div>
<div class="row spacing-top-15">  <div class="small-12 large-7 medium-7 columns "><p><strong><i class="accordion_icon fa fa-filter fa-2x"></i> These data are filtered by:  GENDER (Male)</strong></p></div>  <div class="small-12 large-5 medium-5 columns"><div class="highlight"><strong>Enrollment based on filters: 110</strong></div>
  </div></div>       <div class="spacing-15" style="clear: both;"></div>
<div class="row">
   <div class="small-12 columns ">
       <h2 class="sectiontitle">ENROLLMENT BY GENDER</h2>   </div>
</div>
<div class="row">
                <div class="small-12 large-6 medium-6 columns ">
                    <div class="title-features">MALE</div>
                    <div class="small-12 large-6 medium-6 bullet-item columns ">
                        <h4>110</h4>
                    </div>
                    <div class="small-12 large-6 medium-6 bullet-item columns ">
                        <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">50</span>%</h4>
                    </div>
                    <div class="spacing-15" style="clear: both;"></div>
                    <div class="title-features">FEMALE</div>
                    <div class="small-12 large-6 medium-6 bullet-item columns ">
                        <h4>0</h4>
                    </div>
                    <div class="small-12 large-6 medium-6 bullet-item columns ">
                        <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">0</span>%</h4>
                    </div></div>
                <div class="small-12 large-6 medium-6 columns ">
                    <div id="genderChart" style="min-height: 300px; margin-top:3em"></div>
                        <div class="enrollment_gender_icons"><i class="fa fa-female" style="font-size:100px;"></i><i class="fa fa-male" style="font-size:100px;"></i></div>
                    </div>
            </div>
<section class="section_three">
<div class="row spacing-top-15">
   <div class="small-12 columns ">
       <h2 class="sectiontitle">ENROLLMENT BY ETHNICITY</h2>   </div>
</div>
<div class="row">
   <div class="small-12 large-6 medium-6 columns ">
       <div id="ethnicityChart" style="min-height: 50em;"></div>   </div>
   <div class="small-12 large-6 medium-6 columns ethnicitylist">
       <div class="title-features">BLACK OR AFRICAN AMERICAN</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>1</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">0</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
       <div class="title-features">HISPANIC OR LATINO</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>1</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">0</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
       <div class="title-features">WHITE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>105</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">48</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
       <div class="title-features">MULTIRACIAL</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>3</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">1</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
</div>
</section>
<div class="pagebreak"></div><div class="row spacing-top-15">
   <div class="small-12 columns ">
       <h2 class="sectiontitle">OTHER GROUPS</h2>   </div>
</div>
<div class="row">
   <div class="small-12 large-4 medium-4 columns ">
       <div class="title-features">ENGLISH LANGUAGE LEARNERS</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>&#8212</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>&#8212</h4>
       </div>
   </div>
   <div class="small-12 large-4 medium-4 columns ">
       <div class="title-features">STUDENTS WITH DISABILITIES</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>20</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">9</span>%</h4>
       </div>
   </div>
   <div class="small-12 large-4 medium-4 columns ">
       <div class="title-features">ECONOMICALLY DISADVANTAGED</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>68</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">31</span>%</h4>
       </div>
   </div>
</div>
<div class="spacing-top-30"></div>
<div class="row spacing-top-15">
   <div class="small-12 columns ">
       <h2 class="sectiontitle">ENROLLMENT BY GRADE</h2>   </div>
</div>
<div class="row">
       <div id="gradechart" style="height: 300px; width: 100%;"></div></div>
<div class="row">
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">K (FULL DAY)</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>16</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">14</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">1ST GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>9</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">8</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">2ND GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>9</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">8</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">3RD GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>10</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">9</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">4TH GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>7</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">6</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">5TH GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>7</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">6</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">6TH GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>8</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">7</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">7TH GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>4</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">3</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">8TH GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>8</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">7</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">9TH GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>8</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">7</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">10TH GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>8</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">7</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">11TH GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>9</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">8</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
   <div class="small-12 large-3 medium-4 columns end">
       <div class="title-features truncate">12TH GRADE</div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4>7</h4>
       </div>
       <div class="small-12 large-6 medium-6 bullet-item columns ">
           <h4><span data-tooltip aria-haspopup="true" class="has-tip has-tip-red" title="This percentage is based on the total number of K-12 students, not the total based on the selected filters.">6</span>%</h4>
       </div>
       <div class="spacing-15" style="clear: both;"></div>
   </div>
</div>
</section>
<div id="suppression" class="reveal-modal">
    <h3>Enrollment Suppression</h3>
    <p>When the Total Students count equals the count in the English Language Learner Students, Students with Disabilities, and/or Economically Disadvantaged Students category, the data are suppressed.</p>
    <p>When the count of students in either the English Language Learner Students, Students with Disabilities, and/or Economically Disadvantaged Students category is less than 5, the data are suppressed.</p>
    <a class="close-reveal-modal">&#215;</a>
</div>

<!--  FOOTER  -->
<footer>

    <div class="row hide-for-print">
        <div class="small-12 columns">
            <div class="footerlinks">
                <div class="small-12 large-4 medium-3 columns border-right" >
                    <h2>General Information</h2>
                    <ul>
                        <li><a href="http://www.nysed.gov">NYSED Homepage</a></li>
                        <li><a href="http://www.engageny.org">EngageNY</a></li>
                        <li><a href="http://www.nysed.gov/foil">FOIL</a></li>
                        <li><a href="https://twitter.com/NYSEDNews">Twitter</a></li>
                    </ul>
                </div>

                <div class="small-12 large-4 medium-5 columns border-right ">
                    <h2>Offices at NYSED</h2>
                    <ul>
                        <li><a href="http://www.nysed.gov/information-reporting-services">Information and Reporting Services</a></li>
                        <li><a href="http://www.p12.nysed.gov/specialed/">Special Education</a></li>
                        <li><a href="http://www.highered.nysed.gov/">Higher Education</a></li>
                        <li><a href="http://usny.nysed.gov/rttt/teachers-leaders/home.html">Teacher and Principal Evaluation</a></li>
                    </ul>
                </div>

                <div class="small-12 large-4 medium-3 columns" >
                    <h2>Additional Information</h2>
                    <ul>
                        <li><a href="/datadisclaimer.php">Data Disclaimer</a></li>
                                                    <li><a href="/login.php?redirect=%2Fenrollment.php%3Finstid%3D800000050976%26year%3D2017%26gender%255B%255D%3DM" >Login</a></li>
                        <!--                        <li><a href="#" onClick="showZendeskWidget();return false;" >Help</a></li>-->
                        <li id="google_translate_element"></li><script type="text/javascript">
                            function googleTranslateElementInit() {
                                new google.translate.TranslateElement({pageLanguage: 'en', gaTrack: true, gaId: 'UA-23307520-2'}, 'google_translate_element');
                                jQuery("#goog-gt-tt .logo > img").attr('alt', 'Google translate Icon');
                            }
                        </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
                    </ul>
                </div>
<!--
                <div class="small-12 large-3 medium-3 columns">
                    <p>Subscribe to be notified when new data is added to this site:</p>

                    <div id="subscribe-form">
                        <label class="wavehidden" for="subscribe-email">What's your email address?</label>
                        <input type="email" value="" name="subscribe-email" class="email" id="subscribe-email" placeholder="email address" required>
                        <input type="hidden" value="" name="location" class="location" id="subscribe-location" placeholder="Location" required>
                        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                        <!--
                        <div style="position: absolute; left: -5000px;"><label for="b_b5638e105dac814ad84960d90_9345afa0aa">Don't fill field in:</label><input type="text" name="b_b5638e105dac814ad84960d90_9345afa0aa" id="b_b5638e105dac814ad84960d90_9345afa0aa"  tabindex="-1" value=""></div>
                        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="subscribe-button" class="button"></div>
                        <div id="subscribe-message"></div>
                    </div>
                </div>
                <!--End signup-->
            </div>

        </div>
    </div>

    <p class="copyright">© Copyright New York State Education Department, all rights reserved. </p>
    <div style="clear: both;"></div>
    <p class="show-for-print-block copyright paddingtop10">This document was created on: October 29, 2026, 10:16 am EST</p>
</footer>
<!--  END OF FOOTER  -->



<a href="#top" class="hide-for-print" id="back-to-top"><i class="fa fa-angle-up" aria-hidden="true"></i><span class="wavehidden">Top</span></a>
<script src="/javascripts/contrib/modernizr.js"></script>
<script src="/javascripts/contrib/jquery-ui.min.js"></script>
<script src="/javascripts/contrib/jquery.expander.js"></script>
<script src="/javascripts/foundation.min.js"></script>
<script src="/javascripts/foundation/foundation.accordion.js"></script>
<script src="/javascripts/foundation/foundation.joyride.js"></script>
<script src="/javascripts/contrib/jquery.cookie.js"></script>
<script src="/javascripts/contrib/hoverIntent.js"></script>
<script src="/javascripts/contrib/superfish.min.js"></script>
<script src="/javascripts/contrib/morphext.min.js"></script>
<script src="/javascripts/contrib/wow.min.js"></script>
<script src="/javascripts/contrib/jquery.slicknav.min.js"></script>
<script src="/javascripts/contrib/waypoints.min.js"></script>
<script src="/javascripts/contrib/jquery.animateNumber.min.js"></script>
<script src="/javascripts/contrib/owl.carousel.min.js"></script>
<script src="/javascripts/contrib/retina.min.js"></script>
<script src="/javascripts/contrib/jquery.mousewheel.js"></script>
<script src="/javascripts/contrib/mwheelIntent.js"></script>
<script src="/javascripts/contrib/jquery.jscrollpane.min.js"></script>
<script src="/javascripts/contrib/classie.js"></script>
<script src="/javascripts/custom.js"></script>
<script type="text/javascript" src="/includes/vendor/slick/slick.min.js"></script>
<script src="https://unpkg.com/sticky-table-headers"></script>
<!--<script src="/javascripts/amcharts/core.js"></script>-->
<!--<script src="/javascripts/amcharts/charts.js"></script>-->
<script src="/javascripts/chartCreation.js"></script>
<script src="https://cdn.amcharts.com/lib/4/core.js"></script>
<script src="https://cdn.amcharts.com/lib/4/charts.js"></script>
<script src="https://cdn.amcharts.com/lib/4/themes/material.js"></script>
<script type="text/javascript">
    am4core.addLicense("CH262050246");
</script>
<script>
    $(function(){
        $('.yearSwitch').on('click', function (e){
            e.preventDefault();
            let url = window.location.href;
            const params = new Proxy(new URLSearchParams(window.location.search), {
                get: (searchParams, prop) => searchParams.get(prop),
            });
            // Get the value of "instid" in eg "https://example.com/?instid=some_value"
            let inst_id = params.instid; // "instid"
            let panel1 = $(this).attr('href'); //href of a tab
            let panel2 = panel1; //href of a tab
            let year = panel1.slice(panel1.length-2); //last 2 digits of link is the year
            let li1 = $(this).attr('id'); //id of list item clicked on
            let li2 = li1.slice(-12); //inst id of other
            if(url && (url.indexOf('?type=county') != -1 || url.indexOf('&type=county') != -1 || url.indexOf('?county') != -1)) {
                li2 = li1.slice(-2); //county id of other (only 2 digits)
            }
            if (inst_id !== null)
                li2 = inst_id; //inst id variable from url on pages that use instid get variable
            let currPrev = li1.slice(0,4);//current or previous year
            if(currPrev === 'curr') {
                panel2 = panel2.slice(0, panel2.length - 2) + (Number(year) - 1);//subtract one from year if current
                li1 = '#kb_' + li1;
                li2 = '#kb_prev_' + li2;
            }
            else if (currPrev === 'prev') {
                panel2 = panel2.slice(0, panel2.length - 2) + (Number(year) + 1);//add one to year if previous
                li1 = '#kb_' + li1;
                li2 = '#kb_curr_' + li2;
            }
            if($(panel1).is(':hidden')) {
                $(panel1).show();
                $(li1).addClass("title");
                $(panel2).hide();
                $(li2).removeClass("title");
            }
        })
        $('.kb-enter').on('keypress', function (e){
            e.preventDefault();
            let kbLink = $(this).attr('id').slice(3);
            if (e.key === 'Enter') {
                kbID = '#' + kbLink;
                if ($(kbID).attr('href').slice(0, 1) !== '#')
                    window.location = $('#' + kbLink).attr('href');//navigate to new page
                else
                    $(kbID).trigger('click'); //open a panel
            }
        });
        $("#school_search").autocomplete({
            position: { my : "right top", at: "right bottom"},
            source: "/search_schools.php",
            minLength: 3,
            autoFocus: true,
            select: function (event, ui) {
                $('#inst_id').val(ui.item.id);
                jumpSchool(ui.item.id);
            }
        }).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
            return $( "<li class='ui-menu-item school_search_results' role='presentation'>" )
                .data( "ui-autocomplete-item", item )
                .append("<div class='school_search_results_item ui-menu-item-wrapper' style=''><a tabindex='-1'>" +item.value + (item.type!=16 ? "<br />" + item.address : '') + "</a></div>")
                .appendTo( ul );
        };
        $("[name=school_search_small]").autocomplete({
            position: { my : "right top", at: "right bottom"},
            source: "/search_schools.php",
            minLength: 3,
            select: function (event, ui) {
                $('#inst_id').val(ui.item.id);
                jumpSchool(ui.item.id);
            }
        }).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
            return $( "<li class='ui-menu-item school_search_results' role='presentation'>" )
                .data( "ui-autocomplete-item", item )
                .append("<div class='school_search_results_item ui-menu-item-wrapper' style=''><a tabindex='-1'>" +item.value + (item.type!=16 ? "<br />" + item.address : '') + "</a></div>")
                .appendTo( ul );
        };

        function isEmail(email) {
            var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            return regex.test(email);
        }

        $( "#subscribe-button" ).click(function() {
            if ($('#subscribe-email').val()!="") {
                if (isEmail($('#subscribe-email').val())) {
                    $.post("/includes/constantcontact/addorupdate.php", {
                        email: $('#subscribe-email').val(),
                        secret: $('#b_b5638e105dac814ad84960d90_9345afa0aa').val()
                    }, "json")
                        .done(function (data) {
                            var json = $.parseJSON(data);
                            if (json.status == "success") {
                                $("#subscribe-form").html(json.message);
                                $("#subscribe-message").html();
                            }
                            else {
                                $("#subscribe-message").html(json.message);
                            }
                        });
                }
                else {
                    $("#subscribe-message").html("<p>Please enter a valid email address</p>");
                }
            }
        });
        $.expander.defaults.slicePoint = $("div.expandable p:first").text().length;
    });

    function jumpSchool(instid) {
        if ( instid < 100) {
            window.location = "/profile.php?county=0" + instid;
        }
        else {
            window.location = "/profile.php?instid=" + instid;
        }
    }
</script>

    <!-- At the bottom of your page but inside of the body tag -->
    <ol class="joyride-list" data-joyride data-options="modal:true">
        <li data-text="Next" data-options="prev_button: false; tip_animation:fade;modal:true" >
            <p>You can do a side-by-side comparison of the same dataset between two or three location and/or years. There are two ways to accomplish this.<ol><li>Use the quick comparisons section for the most common options.</li><li>Create a custom comparison, by adding this location to the comparison engine using the + button.</li></ol></p>
        </li>
        <li data-id="topmenuarea" data-button="End" data-prev-text="Prev" data-options="tip_location:left;tip_animation:fade;modal:true">
            <p>If you're creating a custom comparison, you'll need to navigate to this report for another location and/or year and use the + icon on that page to add it to the comparison engine.</p>
        </li>
    </ol>
    <script type="text/javascript">
        $( "#howcomparison" ).click(function() {
            $(document).foundation('joyride', 'start');
        });
    </script>


<!-- Start of Zendesk Widget script -->


<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=db2353d2-0289-4d19-9db5-69e973d6a97f"> </script>

<script type="text/javascript">
    window.zESettings = {
        webWidget: {
            color: { theme: '#779DC5' },
            position: { horizontal: 'left', vertical: 'bottom'}
        }
    };

    zE('webWidget', 'show');

    function showZendeskWidget() {
        zE('webWidget', 'show');
        zE('webWidget', 'open');
    }

    zE('webWidget:on', 'close', function() {
        zE('webWidget', 'reset');
        zE('webWidget', 'show');
    });

</script>
<!-- End of Zendesk Widget script -->




<script type="text/javascript">
    //gender chart
    let genderenrollmentChart = am4core.create("genderChart", am4charts.PieChart);
    let genderData = [{"gender" : "Male",
                "count": 110,
                "color": am4core.color("#66A2D7")}, 
{"gender" : "Female",
                "count": 0,
                "color": am4core.color("#FFDC6F")}, 
{"gender" : "Non-binary",
                "count": 0,
                "color": am4core.color("#351C75")}];
    createPieChart(genderenrollmentChart, genderData, "gender", "count", "Gender Pie Chart", 90);

    //ethnicity bar chart
    am4core.options.onlyShowOnViewport = true;
    let barchart = am4core.create("ethnicityChart", am4charts.XYChart);
    barchart.exporting.menu = new am4core.ExportMenu();
    barchart.exporting.menu.items = [{
        "label": "<i class='fa fa-print'></i>",
        "menu": [
            { "type": "pdf", "label": "PDF" },
            { "type": "print", "label": "Print" }
        ]
    }];

    //adding chart data
    barchart.data = [{"ethnicity": "Black or African American", "count" : 1, "color": am4core.color("#FFDC6F")},
{"ethnicity": "HISPANIC OR LATINO", "count" : 1, "color": am4core.color("#FF9C6F")},
{"ethnicity": "WHITE", "count" : 105, "color": am4core.color("#5FDAAC")},
{"ethnicity": "MULTIRACIAL", "count" : 3, "color": am4core.color("#FFC36F")}
];
    let typeOfEthnicity = barchart.xAxes.push(new am4charts.CategoryAxis());
    typeOfEthnicity.dataFields.category = "ethnicity";
    typeOfEthnicity.renderer.minGridDistance = 0;
    typeOfEthnicity.fontSize = 12;

    let label = typeOfEthnicity.renderer.labels.template;
    label.wrap = true;
    label.maxWidth = 100;

    typeOfEthnicity.renderer.cellStartLocation = 0.1;
    typeOfEthnicity.renderer.cellEndLocation = 0.9;
    typeOfEthnicity.renderer.grid.template.location = 0;

    //for ethnicityarray
    let totalStudents = barchart.yAxes.push(new am4charts.ValueAxis());
    totalStudents.maxPrecision = 0;
    totalStudents.min = 0;
    totalStudents.strictMinMax = true;
    totalStudents.title.text = "Student Count";
    totalStudents.renderer.labels.template.adapter.add("text", function(text) {
        return text;
    });

    barchart.exporting.title = "Ethnicity Report Subset for the year 2017";
    barchart.exporting.filePrefix = "Ethnicity Report Subset";
    barchart.exporting.formatOptions.getKey("pdf").addURL = false;
    barchart.exporting.formatOptions.getKey("pdf").align = "center";
    barchart.exporting.formatOptions.getKey("pdf").quality = 1;
    barchart.exporting.formatOptions.getKey("print").addURL = false;

    //create series
    const bar = barchart.series.push(new am4charts.ColumnSeries());
    bar.dataFields.valueY = "count";
    bar.dataFields.categoryX = "ethnicity";
    bar.columns.template.tooltipText = "{valueY}";
    bar.tooltip.label.fontSize = 18;
    bar.columns.template.tooltipX = am4core.percent(50);
    bar.columns.template.tooltipY = am4core.percent(0);
    bar.columns.template.column.cornerRadiusTopLeft = 10;
    bar.columns.template.column.cornerRadiusTopRight = 10;
    bar.tooltip.pointerOrientation = "down";
    bar.tooltip.getFillFromObject = false;
    bar.tooltip.label.fill = am4core.color("#000000");
    bar.tooltip.background.opacity = 0;
    bar.tooltip.label.fontSize = 12;
    bar.tooltip.label.fontWeight = "bold";
    bar.columns.template.showTooltipOn = "always";
    bar.columns.template.fill = am4core.color("#66A2D7");
    bar.itemReaderText = "{valueY} students belong to ethnicity {ethnicity}";

    //grade bar chart
    am4core.options.onlyShowOnViewport = true;
    let gradeChart = am4core.create("gradechart", am4charts.XYChart);
    gradeChart.exporting.menu = new am4core.ExportMenu();
    gradeChart.exporting.menu.items = [{
        "label": "<i class='fa fa-print'></i>",
        "menu": [
            { "type": "pdf", "label": "PDF" },
            { "type": "print", "label": "Print" }
        ]
    }];

    gradeChart.data = [{"grade": "K (Full Day)", "count" : 16},
{"grade": "1st Grade", "count" : 9},
{"grade": "2nd Grade", "count" : 9},
{"grade": "3rd Grade", "count" : 10},
{"grade": "4th Grade", "count" : 7},
{"grade": "5th Grade", "count" : 7},
{"grade": "6th Grade", "count" : 8},
{"grade": "7th Grade", "count" : 4},
{"grade": "8th Grade", "count" : 8},
{"grade": "9th Grade", "count" : 8},
{"grade": "10th Grade", "count" : 8},
{"grade": "11th Grade", "count" : 9},
{"grade": "12th Grade", "count" : 7},
];
    let gradeCategory = gradeChart.xAxes.push(new am4charts.CategoryAxis());
    gradeCategory.dataFields.category = "grade";
    gradeCategory.renderer.minGridDistance = 0;
    gradeCategory.fontSize = 12;

    let wrapper = gradeCategory.renderer.labels.template;
    wrapper.wrap = true;
    wrapper.maxWidth = 100;

    gradeCategory.renderer.cellStartLocation = 0.1;
    gradeCategory.renderer.cellEndLocation = 0.9;
    gradeCategory.renderer.grid.template.location = 0;

    //for gradearray
    let studentCount = gradeChart.yAxes.push(new am4charts.ValueAxis());
    studentCount.maxPrecision = 0;
    studentCount.min = 0;
    studentCount.strictMinMax = true;
    studentCount.title.text = "Student Count";
    studentCount.renderer.labels.template.adapter.add("text", function(text) {
        return text;
    });

    gradeChart.exporting.title = "Grade Report Subset for the year 2017";
    gradeChart.exporting.filePrefix = "Grade Report Subset";
    gradeChart.exporting.formatOptions.getKey("pdf").addURL = false;
    gradeChart.exporting.formatOptions.getKey("pdf").align = "center";
    gradeChart.exporting.formatOptions.getKey("pdf").quality = 1;
    gradeChart.exporting.formatOptions.getKey("print").addURL = false;

    //create series
    const gradeBar = gradeChart.series.push(new am4charts.ColumnSeries());
    gradeBar.dataFields.valueY = "count";
    gradeBar.dataFields.categoryX = "grade";
    gradeBar.columns.template.tooltipText = "{valueY}";
    gradeBar.tooltip.label.fontSize = 18;
    gradeBar.columns.template.tooltipX = am4core.percent(50);
    gradeBar.columns.template.tooltipY = am4core.percent(0);
    gradeBar.columns.template.column.cornerRadiusTopLeft = 10;
    gradeBar.columns.template.column.cornerRadiusTopRight = 10;
    gradeBar.tooltip.pointerOrientation = "down";
    gradeBar.tooltip.getFillFromObject = false;
    gradeBar.tooltip.label.fill = am4core.color("#000000");
    gradeBar.tooltip.background.opacity = 0;
    gradeBar.tooltip.label.fontSize = 12;
    gradeBar.tooltip.label.fontWeight = "bold";
    gradeBar.columns.template.showTooltipOn = "always";
    gradeBar.columns.template.fill = am4core.color("#66A2D7");
    gradeBar.itemReaderText = "{valueY} students belong to class {grade}";

    $('.resetbutton').click(function() {
        $('#filters').find('input:radio, input:checkbox')
            .removeAttr('checked').removeAttr('selected');
        $('.uncheck:button').hide();
        $('.check:button').show()
    });
</script>
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-23307520-2', 'auto');
        ga('require', 'linkid');
        ga('send', 'pageview');

    </script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src=https://www.googletagmanager.com/gtag/js?id=G-HBCB5YF7YH></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-HBCB5YF7YH');
    </script>

    </body>
</html>
```