CINXE.COM
2021- 2031 Districts
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content="" /> <meta name="author" content="" /> <link rel="apple-touch-icon" sizes="180x180" href="/Icons/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="120x120" href="/Icons/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="/Icons/apple-touch-icon-152x152.png" /> <link rel="icon" type="image/png" href="/Icons/favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="/Icons/favicon-16x16.png" sizes="16x16" /> <link rel="manifest" href="/Icons/manifest.json" /> <link rel="mask-icon" href="/Icons/safari-pinned-tab.svg" color="#0168c9" /> <link rel="shortcut icon" href="/Icons/favicon.ico" /> <meta name="msapplication-config" content="/Icons/browserconfig.xml" /> <meta name="theme-color" content="#ffffff" /> <title>2021- 2031 Districts</title> <!-- Core CSS --> <link href="/bundles/css/core?v=22TZvbHwxN_eTfLx-Tr8I-DO2apVf-dp66wD4otUICI1" rel="stylesheet"/> <!-- Fonts --> <link href="//fonts.googleapis.com/css?family=Cinzel|Cinzel+Decorative|Raleway|Roboto&display=swap" rel="stylesheet" type="text/css"> <link href="/Content/font-awesome.min.css" rel="stylesheet"/> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-0RK1DK5FZ1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-S38HL5DE45'); </script> <script src="/bundles/jquery?v=x-FqerDY5Wg31jaTgrut5fKV0Vzl4W0Ubtm-xNEzc_c1"></script> <script src="/bundles/virtualtour?v=6QETmQX0R8rSCxRAgPupUs5Ch6q9CjF4qISC9sQrN5Y1"></script> </head> <body class="subpage"> <div id="alertContainer"> <!-- Alert Banner --> </div> <!-- Skip to Content Link --> <a href="#mainContent" class="sr-only sr-only-focusable">Skip to Content</a> <div id="background" style="background: "> <!--Header--> <header> <div class="weatherBox visible-lg-inline"> <span class="weatherDate">November 30, 2024</span> <img id="wicon" class="weatherIcon" src="https://openweathermap.org/img/w/04n.png" alt="Clouds"> <span class="weatherDivider"> | </span> <span class="weatherStats">31°F</span> </div> <div class="container"> <a class="masthead" href="/"> <span class="headNumber">The 193rd General Court of the </span> <span class="headCommonwealth">Commonwealth of <span class="headMass">Massachusetts</span></span> </a> <div class="utilityLinks hidden-xs dropdown navbar-right"> <button id="utilMyLegBtn" class="utilityButton dropdown-toggle" aria-haspopup="true" aria-controls="loginFlyout" data-toggle="dropdown"> <span class="fa-stack fa-lg"> <span class="fa fa-user fa-stack-2x"></span> </span> <span class="fa-stack mlTitle">MyLegislature <span class="fa fa-caret-down"></span></span> </button> <div id="loginFlyout" class="dropdown-menu dropdownLogin" aria-live="assertive"> <h2 class="text-center loginTitle">MyLegislature</h2> <p class="sr-only">Use MyLegislature to follow bills, hearings, and legislators that interest you.</p> <form action="/Account/Login?isModal=False" class="form-horizontal clearfix" data-ajax="true" data-ajax-begin="inProgress" data-ajax-complete="loginFlyoutFormOnComplete" data-ajax-method="POST" id="loginFlyoutForm" method="post" role="form"><input name="__RequestVerificationToken" type="hidden" value="3RrlL-a881TgqdYOBT3qcB09nTcrJW9Mm-oovwlyE1h8dx9K1RccreHnH41S2vKyjo_e18c-B2hx4aJ98AwvvU5dFdA1" /> <legend class="text-center">Sign in with MyLegislature Account</legend> <div class="form-group"> <label class="col-sm-3 control-label" for="Email">Email</label> <div class="col-sm-9"> <input class="form-control" data-val="true" data-val-email="Invalid email address." data-val-required="Email address is required." id="Email" name="Email" type="text" value="" /> <span class="field-validation-valid help-block" data-valmsg-for="Email" data-valmsg-replace="true"></span> </div> </div> <div class="form-group passwordField"> <label class="col-sm-3 control-label" for="Password">Password</label> <div class="col-sm-9 clearfix"> <input autocomplete="false" class="form-control" data-val="true" data-val-required="Password required." id="Password" name="Password" type="password" /> <span class="field-validation-valid help-block" data-valmsg-for="Password" data-valmsg-replace="true"></span> </div> </div> <div class="col-xs-12 text-center"> <div class="clearfix"> <a class="forgotPassword" aria-haspopup="true" data-toggle="modal" data-target="#forgotPasswordModal">Forgot Password?</a> </div> <input type="submit" value="Sign in" class="btn btn-default btn-lg fnStart"/> <input type="submit" value="Signing In..." class="btn btn-default btn-lg fnEnd" style="display: none" /> </div> </form> <div class="form-group text-center"> <button type="button" onclick="window.location='/Account/ExternalLogin?provider=Facebook';" class="btn btn-facebook btn-md oauthButton"><span class="fa fa-facebook-official fa-fw"></span> Sign in with Facebook</button> <button type="button" onclick="window.location='/Account/ExternalLogin?provider=Google';" class="btn btn-google btn-md oauthButton"><span class="fa fa-google-plus fa-fw"></span> Sign in with Google</button> </div> <div class="row"> <div class="col-xs-12 loginFooterWrapper"> <p class="loginFooter clearfix"> <a class="pull-left" href="#" data-toggle="modal" data-target="#registrationModal">Not Registered?</a> <a class="pull-right" href="/MyLegislature/About">Learn More Here! »</a> </p> </div> </div> </div> </div> <!-- /.utilityLinks --> </div> <!-- /.container --> </header> <!-- NAVIGATION --> <nav class="navbar yamm" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">Menu<span class="sr-only">Toggle navigation</span></button> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="visible-xs"><a href="/">Home</a></li> <li class="visible-xs"><a role="button" href="#" data-toggle="modal" data-target="#mobileSearch" aria-haspopup="true">Search</a></li> <li class="visible-xs"> <a data-toggle="modal" data-target="#loginModal"> <span class="fa fa-user"></span> MyLegislature </a> </li> <li class="dropdown yamm-fw"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">Bills & Laws</a> <ul class="dropdown-menu"> <li> <div class="yamm-content"> <div class="row"> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Bills">Bills</a> </h3> <ul class="list-unstyled"> <li> <a href="/Bills/Search"> All Bills </a> </li> <li> <a href="/Bills/RecentBills"> Recent & Popular Bills </a> </li> <li> <a href="/ClerksOffice/Senate/Deadlines"> Senate Deadlines </a> </li> <li> <a href="/ClerksOffice/House/Deadlines"> House Deadlines </a> </li> <li> <a href="/Bills/CityTown"> Browse Bills by City/Town </a> </li> <li class="form-group"> <form action="/Bills/Search" method="get"> <label class="" for="billsSearch">Search Bills</label> <div class="typeahead-container"> <div class="typeahead-field"> <div class="input-group typeahead-query "> <input id="billsSearch" name="SearchTerms" class="searchBox form-control" type="search" value="" data-tt-search-type="Bills" data-tt-search-reset="Bills" data-tt-url="/TypeAheadSearch" data-tt-branch="" data-tt-limit="7" aria-haspopup="true" aria-autocomplete="list" autocomplete="off" placeholder="Search Bills..."/> <div class="input-group-btn typeahead-button"> <button type="submit" class="btn btn-primary searchButton" aria-labelledby="billsSearch"> <span class="fa fa-search"></span><span class="sr-only">Search</span> </button> </div> </div> </div> </div> </form> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Laws/GeneralLaws">General Laws</a> </h3> <ul class="list-unstyled"> <li> <a href="/Laws/GeneralLaws"> Browse General Laws </a> </li> <li class="form-group"> <form action="/Laws/GeneralLaws/Search" method="get"> <label class="" for="generalLawsSearch">Search General Laws</label> <div class="typeahead-container"> <div class="typeahead-field"> <div class="input-group typeahead-query "> <input id="generalLawsSearch" name="SearchTerms" class="searchBox form-control" type="search" value="" data-tt-search-type="GeneralLaws" data-tt-search-reset="GeneralLaws" data-tt-url="/TypeAheadSearch" data-tt-branch="" data-tt-limit="7" aria-haspopup="true" aria-autocomplete="list" autocomplete="off" placeholder="Search General Laws..."/> <div class="input-group-btn typeahead-button"> <button type="submit" class="btn btn-primary searchButton" aria-labelledby="generalLawsSearch"> <span class="fa fa-search"></span><span class="sr-only">Search</span> </button> </div> </div> </div> </div> </form> </li> <li class="form-inline generalLawsDirect"> <form action="/GeneralLaws/GoTo" method="get"> <span class="navLabel">Go to a General Law:</span> <div class="form-group"> <label for="GLChapterGoTo" class="sr-only">Chapter:</label> <input id="GLChapterGoTo" name="ChapterGoTo" type="text" value="" class="form-control" placeholder="Chapter"/> </div> <div class="form-group"> <label for="SectionGoTo" class="sr-only">Section Number:</label> <input id="SectionGoTo" name="SectionGoTo" type="text" value="" class="form-control" placeholder="Section"/> </div> <div class="form-group"> <label for="keyword" class="sr-only">Keyword:</label> <input id="keyword" name="keyword" type="text" value="" class="form-control" placeholder="Keyword"/> </div> <button class="btn btn-primary searchButton" type="submit">Go <span class="sr-only"> to that General Law</span><span class="fa fa-angle-right"></span></button> </form></li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Laws/SessionLaws">Session Laws</a> </h3> <ul class="list-unstyled"> <li> <a href="/Laws/SessionLaws"> Browse Session Laws </a> </li> <li class="form-group"> <form action="/Laws/SessionLaws/Search" method="get"> <label class="" for="sessionLawsSearch">Search Session Laws</label> <div class="typeahead-container"> <div class="typeahead-field"> <div class="input-group typeahead-query "> <input id="sessionLawsSearch" name="SearchTerms" class="searchBox form-control" type="search" value="" data-tt-search-type="SessionLaws" data-tt-search-reset="SessionLaws" data-tt-url="/TypeAheadSearch" data-tt-branch="" data-tt-limit="7" aria-haspopup="true" aria-autocomplete="list" autocomplete="off" placeholder="Search Session Laws..."/> <div class="input-group-btn typeahead-button"> <button type="submit" class="btn btn-primary searchButton" aria-labelledby="sessionLawsSearch"> <span class="fa fa-search"></span><span class="sr-only">Search</span> </button> </div> </div> </div> </div> </form> </li> <li class="form-inline generalLawsDirect"> <form action="/SessionLaws/GoTo" method="get"> <script> var sessionLawActYears = [{"Disabled":false,"Group":null,"Selected":false,"Text":"2024","Value":"2024"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2023","Value":"2023"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2022","Value":"2022"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2021","Value":"2021"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2020","Value":"2020"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2019","Value":"2019"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2018","Value":"2018"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2017","Value":"2017"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2016","Value":"2016"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2015","Value":"2015"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2014","Value":"2014"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2013","Value":"2013"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2012","Value":"2012"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2011","Value":"2011"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2010","Value":"2010"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2009","Value":"2009"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2008","Value":"2008"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2007","Value":"2007"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2006","Value":"2006"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2005","Value":"2005"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2004","Value":"2004"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2003","Value":"2003"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2002","Value":"2002"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2001","Value":"2001"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2000","Value":"2000"},{"Disabled":false,"Group":null,"Selected":false,"Text":"1999","Value":"1999"},{"Disabled":false,"Group":null,"Selected":false,"Text":"1998","Value":"1998"},{"Disabled":false,"Group":null,"Selected":false,"Text":"1997","Value":"1997"}]; var sessionLawResolveYears = [{"Disabled":false,"Group":null,"Selected":false,"Text":"2020","Value":"2020"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2018","Value":"2018"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2016","Value":"2016"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2014","Value":"2014"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2013","Value":"2013"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2012","Value":"2012"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2010","Value":"2010"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2009","Value":"2009"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2008","Value":"2008"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2007","Value":"2007"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2006","Value":"2006"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2004","Value":"2004"},{"Disabled":false,"Group":null,"Selected":false,"Text":"2001","Value":"2001"},{"Disabled":false,"Group":null,"Selected":false,"Text":"1998","Value":"1998"}]; </script> <span class="navLabel">Go to a Session Law:</span> <div class="form-group sessionLawType"> <label for="TypeGoTo" class="sr-only">Type:</label> <select name="TypeGoTo" id="TypeGoTo" class="form-control" onchange="sessionLawTypeChange(this, 'Resolves')"> <option value="Acts">Act</option> <option value="Resolves">Resolve</option> </select> </div> <div class="form-group"> <label for="SLChapterGoTo" class="sr-only">Chapter:</label> <input id="SLChapterGoTo" name="ChapterGoTo" type="text" value="" class="form-control" placeholder="Chapter"/> </div> <div class="form-group"> <label for="YearGoTo" class="sr-only">Year:</label> <select name="YearGoTo" id="YearGoTo" class="form-control sessionLawYearList"> <option value="2024">2024</option> <option value="2023">2023</option> <option value="2022">2022</option> <option value="2021">2021</option> <option value="2020">2020</option> <option value="2019">2019</option> <option value="2018">2018</option> <option value="2017">2017</option> <option value="2016">2016</option> <option value="2015">2015</option> <option value="2014">2014</option> <option value="2013">2013</option> <option value="2012">2012</option> <option value="2011">2011</option> <option value="2010">2010</option> <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option> <option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> </select> </div> <button type="submit" class="btn btn-primary">Go <span class="sr-only">to Session Law</span><span class="fa fa-angle-right"></span></button> </form></li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Laws/Constitution"> Massachusetts Constitution </a> </h3> </li> <li> <h3> <a href="/Journal/Senate"> Senate Journals </a> </h3> </li> <li> <h3> <a href="/Journal/House"> House Journals </a> </h3> </li> <li> <h3> <a href="/Laws/Rules/Joint"> Rules </a> </h3> </li> <li> <h3> <a href="/Reports"> Reports and Communications </a> </h3> </li> <li> <h3> <a href="/Download/Joint/Legislative%20Drafting%20Manual" target="_blank"> Drafting Manual <span class="fa fa-file-pdf-o"></span> </a> </h3> </li> <li> <h3> <a href="/StateHouse/Glossary"> Glossary </a> </h3> </li> </ul> </div> <button class="sr-only sr-only-focusable btn-link" onclick="closeNavMenu()">Close Menu</button> </div> </div> </li> </ul> </li> <li class="dropdown yamm-fw"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">Budget</a> <ul class="dropdown-menu" id="budgetMenu"> <li> <div class="yamm-content homeBudget"> <h2><a href="/Budget">FY 2025 Budget</a></h2> <ol> <li class="completed"> <a href="/Budget/GovernorsBudget"> Governor's Budget <span class="indicator" aria-hidden="true"></span> <span class="indicatorLine right" aria-hidden="true"></span> </a> </li> <li class="completed"> <a href="/Budget/HouseWaysMeansBudget"> House Ways & Means Budget <span class="indicator" aria-hidden="true"></span> <span class="indicatorLine left" aria-hidden="true"></span> <span class="indicatorLine right" aria-hidden="true"></span> </a> </li> <li class="completed"> <a href="/Budget/HouseDebate"> House Debate <span class="indicator" aria-hidden="true"></span> <span class="indicatorLine left" aria-hidden="true"></span> <span class="indicatorLine right" aria-hidden="true"></span> </a> </li> <li class="completed"> <a href="/Budget/HouseBudget"> House Budget <span class="indicator" aria-hidden="true"></span> <span class="indicatorLine left" aria-hidden="true"></span> <span class="indicatorLine right" aria-hidden="true"></span> </a> </li> <li class="completed"> <a href="/Budget/SenateWaysMeansBudget"> Senate Ways & Means Budget <span class="indicator" aria-hidden="true"></span> <span class="indicatorLine left" aria-hidden="true"></span> <span class="indicatorLine right" aria-hidden="true"></span> </a> </li> <li class="completed"> <a href="/Budget/SenateDebate"> Senate Debate <span class="indicator" aria-hidden="true"></span> <span class="indicatorLine left" aria-hidden="true"></span> <span class="indicatorLine right" aria-hidden="true"></span> </a> </li> <li class="completed"> <a href="/Budget/SenateBudget"> Senate Budget <span class="indicator" aria-hidden="true"></span> <span class="indicatorLine left" aria-hidden="true"></span> <span class="indicatorLine right" aria-hidden="true"></span> </a> </li> <li class="completed"> <a href="/Budget/ConferenceCommittee"> Conference Committee <span class="indicator" aria-hidden="true"></span> <span class="indicatorLine left" aria-hidden="true"></span> <span class="indicatorLine right" aria-hidden="true"></span> </a> </li> <li class="current"> <a href="/Budget/FinalBudget"> Final Budget <span class="indicator" aria-hidden="true"></span> <span class="indicatorLine left" aria-hidden="true"></span> </a> </li> </ol> <button class="sr-only sr-only-focusable btn-link" onclick="closeNavMenu()">Close Menu</button> </div> </li> </ul></li> <li class="dropdown yamm-fw"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">Legislators</a> <ul class="dropdown-menu"> <li> <div class="yamm-content"> <div class="row"> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Legislators">Legislators</a> </h3> <ul class="list-unstyled"> <li> <a href="/Redistricting"> Redistricting </a> </li> <li> <a href="/Search/FindMyLegislator"> Find Your Legislators </a> </li> <li class="form-group"> <form action="/Legislators/Search" method="get"> <label class="" for="legisSearch">Search Legislators</label> <div class="typeahead-container"> <div class="typeahead-field"> <div class="input-group typeahead-query "> <input id="legisSearch" name="SearchTerms" class="searchBox form-control" type="search" value="" data-tt-search-type="Legislators" data-tt-search-reset="Legislators" data-tt-url="/TypeAheadSearch" data-tt-branch="" data-tt-limit="7" aria-haspopup="true" aria-autocomplete="list" autocomplete="off" placeholder="Search Legislators..."/> <div class="input-group-btn typeahead-button"> <button type="submit" class="btn btn-primary searchButton" aria-labelledby="legisSearch"> <span class="fa fa-search"></span><span class="sr-only">Search</span> </button> </div> </div> </div> </div> </form> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Legislators/Leadership">Legislative Leadership</a> </h3> <ul class="list-unstyled"> <li> <a href="/Legislators/Leadership"> All Leadership </a> </li> <li> <a href="/Legislators/Leadership/Senate"> Senate Leadership </a> </li> <li> <a href="/Legislators/Leadership/House"> House Leadership </a> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Legislators/Senate">Senate</a> </h3> <ul class="list-unstyled"> <li> <a href="/Legislators/Members/Senate"> All Senators </a> </li> <li> <a href="/ClerksOffice/Senate"> Senate Clerk </a> </li> <li> <h3> <a href="/cc" target="_blank"> Commonwealth Conversations <span class="fa fa-external-link"></span> </a> </h3> </li> <li> <h3> <a href="/cleanenergyfuture" target="_blank"> Clean Energy Future Tour <span class="fa fa-external-link"></span> </a> </h3> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Legislators/House">House</a> </h3> <ul class="list-unstyled"> <li> <a href="/Legislators/Members/House"> All Representatives </a> </li> <li> <a href="/ClerksOffice/House"> House Clerk </a> </li> </ul> </li> </ul> </div> <button class="sr-only sr-only-focusable btn-link" onclick="closeNavMenu()">Close Menu</button> </div> </div> </li> </ul> </li> <li class="dropdown yamm-fw"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">Hearings & Events</a> <ul class="dropdown-menu"> <li> <div class="yamm-content"> <div class="row"> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Events">All Hearings & Events</a> </h3> <ul class="list-unstyled"> <li class="form-group"> <form action="/Events/Search" method="get"> <label class="" for="eventSearch">Search Events</label> <div class="typeahead-container"> <div class="typeahead-field"> <div class="input-group typeahead-query "> <input id="eventSearch" name="SearchTerms" class="searchBox form-control" type="search" value="" data-tt-search-type="Events" data-tt-search-reset="Events" data-tt-url="/TypeAheadSearch" data-tt-branch="" data-tt-limit="7" aria-haspopup="true" aria-autocomplete="list" autocomplete="off" placeholder="Search Events..."/> <div class="input-group-btn typeahead-button"> <button type="submit" class="btn btn-primary searchButton" aria-labelledby="eventSearch"> <span class="fa fa-search"></span><span class="sr-only">Search</span> </button> </div> </div> </div> </div> </form> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Events/Sessions">Sessions</a> </h3> <ul class="list-unstyled"> <li> <a href="/Events/Sessions/Joint"> Joint Sessions </a> </li> <li> <a href="/Events/Sessions/Senate"> Senate Sessions </a> </li> <li> <a href="/Events/Sessions/House"> House Sessions </a> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Events/Hearings">Hearings</a> </h3> <ul class="list-unstyled"> <li> <a href="/Events/Hearings/Senate"> Senate Committee Hearings </a> </li> <li> <a href="/Events/Hearings/House"> House Committee Hearings </a> </li> <li> <a href="/Events/Hearings/Joint"> Joint Committee Hearings </a> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Events/SpecialEvents"> Special Events </a> </h3> </li> </ul> </div> <button class="sr-only sr-only-focusable btn-link" onclick="closeNavMenu()">Close Menu</button> </div> </div> </li> </ul> </li> <li class="dropdown yamm-fw"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">Committees & Commissions</a> <ul class="dropdown-menu"> <li> <div class="yamm-content"> <div class="row"> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Committees">All Committees</a> </h3> <ul class="list-unstyled"> <li class="form-group"> <form action="/Committees/Search" method="get"> <label class="" for="committeeSearch">Search Committees</label> <div class="typeahead-container"> <div class="typeahead-field"> <div class="input-group typeahead-query "> <input id="committeeSearch" name="SearchTerms" class="searchBox form-control" type="search" value="" data-tt-search-type="Committees" data-tt-search-reset="Committees" data-tt-url="/TypeAheadSearch" data-tt-branch="" data-tt-limit="7" aria-haspopup="true" aria-autocomplete="list" autocomplete="off" placeholder="Search Committees..."/> <div class="input-group-btn typeahead-button"> <button type="submit" class="btn btn-primary searchButton" aria-labelledby="committeeSearch"> <span class="fa fa-search"></span><span class="sr-only">Search</span> </button> </div> </div> </div> </div> </form> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Committees">Committees</a> </h3> <ul class="list-unstyled"> <li> <a href="/Committees/Joint"> Joint Committees </a> </li> <li> <a href="/Committees/Senate"> Senate Committees </a> </li> <li> <a href="/Committees/House"> House Committees </a> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Events/Hearings">Committee Hearings</a> </h3> <ul class="list-unstyled"> <li> <a href="/Events/Hearings/Joint"> Joint Committee Hearings </a> </li> <li> <a href="/Events/Hearings/Senate"> Senate Committee Hearings </a> </li> <li> <a href="/Events/Hearings/House"> House Committee Hearings </a> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/Commissions"> Commissions </a> </h3> </li> <li> <h3> <a href="/Download/House/Committee%20Book" target="_blank"> Committee Book <span class="fa fa-file-pdf-o"></span> </a> </h3> </li> </ul> </div> <button class="sr-only sr-only-focusable btn-link" onclick="closeNavMenu()">Close Menu</button> </div> </div> </li> </ul> </li> <li class="dropdown yamm-fw"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">State House</a> <ul class="dropdown-menu"> <li> <div class="yamm-content"> <div class="row"> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/StateHouse/Visit">Visit the State House</a> </h3> <ul class="list-unstyled"> <li> <a href="/StateHouse/Tour"> On-site Tour </a> </li> <li> <a href="/VirtualTour/Home"> Virtual Tour </a> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/StateHouse/Accessibility">Accessibility</a> </h3> <ul class="list-unstyled"> <li> <a href="/StateHouse/AccessibilityForm"> Request Accessibility </a> </li> <li> <a href="/StateHouse/WebAccessibilityPolicy"> Web Accessibility Policy </a> </li> <li> <a href="/StateHouse/AccessibilityInitiatives"> Accessibility Initiatives </a> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/StateHouse/EducationalOpportunities">Educational Opportunities</a> </h3> <ul class="list-unstyled"> <li> <a href="/StateHouse/EducationalOpportunities/Internships"> Internships </a> </li> <li> <a href="/StateHouse/EducationalOpportunities/StudentGovernmentDay"> Student Government Day </a> </li> <li> <a href="/StateHouse/EducationalOpportunities/CitizensLegislativeSeminar"> Citizens' Legislative Seminar </a> </li> </ul> </li> </ul> </div> <div class="col-xs-12 col-sm-3"> <ul class="list-unstyled"> <li> <h3> <a href="/CreateYourOwnBill"> Create Your Own Bill </a> </h3> </li> <li> <h3> <a href="/StateHouse/MediaGallery"> Media Gallery </a> </h3> </li> <li> <h3> <a href="/StateHouse/FAQ"> FAQ </a> </h3> </li> <li> <h3> <a href="/StateHouse/Contact"> Contact Us </a> </h3> </li> </ul> </div> <button class="sr-only sr-only-focusable btn-link" onclick="closeNavMenu()">Close Menu</button> </div> </div> </li> </ul> </li> </ul> </div> <!--/.nav-collapse --> </div> <!--/.container --> </nav> <!-- MAIN CONTENT --> <span id="mainContent" class="sr-only"></span> <main> <div class="titleBar clearfix"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-7 col-md-8"> <h1>2021- 2031 Districts <small class="generalCourtSubTitle"></small> </h1> </div> <div class="hidden-xs col-sm-5 col-md-4"> <form action="/Search" method="get"> <h2 class="sr-only">Search</h2> <label class="sr-only" for="detailSearch">Search the Legislature</label> <div class="typeahead-container"> <div class="typeahead-field"> <div class="input-group typeahead-query "> <input id="detailSearch" name="SearchTerms" class="searchBox form-control" type="search" value="" data-tt-search-type="Bills, GeneralLaws, SessionLaws, Committees, Legislators, Events, Journals, Reports, Videos, Amendments" data-tt-search-reset="Bills, GeneralLaws, SessionLaws, Committees, Legislators, Events, Journals, Reports, Videos, Amendments" data-tt-url="/TypeAheadSearch" data-tt-branch="" data-tt-limit="7" aria-haspopup="true" aria-autocomplete="list" autocomplete="off" placeholder="Search the Legislature..."/> <div class="input-group-btn typeahead-button"> <button type="submit" class="btn btn-primary searchButton" aria-labelledby="detailSearch"> <span class="fa fa-search"></span><span class="sr-only">Search</span> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> <span id="mainContent" class="sr-only"></span> <div class="content"> <div class="container"> <div class="row"> <div class="col-sm-3"> <aside class="sidebar clearfix redistrictingList"> <h2>Redistricting</h2> <ul class="list-unstyled"> <li class=""> <a href="/Redistricting">Home</a> </li> <li class="active"> <a href="/Redistricting/NewDistricts/Congressional">2021- 2031 Districts</a> </li> <li class=""> <a href="/Redistricting/Summary">What is Redistricting?</a> </li> <li class=""> <a href="/Redistricting/Laws">Redistricting Laws</a> </li> <li class=""> <a href="/Redistricting/CourtCases">Court Cases</a> </li> <li class=""> <a href="/Redistricting/CurrentDistricts/Congressional">2011- 2021 Districts</a> </li> <li class=""> <a href="/Redistricting/HistoricDistricts/Congressional">Historical District Maps</a> </li> <li class=""> <a href="/Redistricting/MassachusettsCensusData/CityTown">Massachusetts Census Data</a> </li> <li id="MembersNav" class=""> <a href="/Redistricting/Committee/Members">Committee Members</a> </li> <li class=""> <a href="/Redistricting/Calendar">Archived Hearings</a> </li> <li class=""> <a href="/Redistricting/FindYourNewDistrict">Find Your New District</a> </li> <li class=""> <a href="/Redistricting/OnlineRedistrictingTools">Online Redistricting Tools</a> </li> <li class=""> <a href="/Redistricting/Contact">Contact the Committee</a> </li> <li> <div id="google_translate_element"></div> </li> </ul> </aside> </div> <div class="modal fade" tabindex="-1" role="dialog" id="translationDisclaimerModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Disclaimer</h4> </div> <div class="modal-body"> <p>Some pages of the Malegislature.gov/redistricting website have been automatically translated for your convenience using translation software powered by Google Translate. Google requires that the General Court provide the following disclaimer relating to these translations:</p> <p>This service may contain translations powered by Google. Google disclaims all warranties related to the translations, expressed or implied, including any warranties of accuracy, reliability, and any implied warranties of merchantability, fitness for a particular purpose, and noninfringement.</p> <p>For these translations, reasonable efforts have been made to provide an accurate translation; however, no automated translation is perfect nor is it intended to replace human translators. These translations are provided as a service to users of the Malegislature.gov/redistricting website, and are provided "as is." No warranty of any kind, either expressed or implied, is made as to the accuracy, reliability, or correctness of any of these translations made from English into any other language. Some content (such as images, videos, Flash, etc.) may not be accurately translated due to the limitations of the translation software.</p> <p>Any discrepancies or differences created in translating this content from English into another language are not binding and have no legal effect for compliance, enforcement, or any other purpose. If any questions arise related to the accuracy of the information contained in these translations, please refer to the English version of the website.</p> </div> <div class="modal-footer"> <button onclick="closeModal()">Go Back</button> <button onclick="setDisclaimerAgreement(true)">Agree</button> </div> </div> </div> </div> <script src="/Scripts/publicsite.redistricting.js"></script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <div class="col-xs-12 col-md-8"> <div class="row"> <div class="col-xs-12"> <p>The materials reflect the districts signed into law by Governor Baker on November 4th, 2021 and November 22nd, 2021. These districts will be effective for the 2022 elections.</p> </div> <!-- #media-body --> </div> <div class="col-xs-12"> <button class="nav-tabs-dropdown btn btn-block btn-primary">Tabs <span class="fa fa-caret-down"></span></button> <ul class="nav nav-tabs nav-shaded" role="tablist"> <li id="Congressional" role="tab" class="active tab"> <a href="/Redistricting/NewDistricts/Congressional" class="tab" onclick="toggleTab(event, this, '.tab-pane');"> Congressional </a> </li> <li id="House" role="tab" class=" tab"> <a href="/Redistricting/NewDistricts/House" class="tab" onclick="toggleTab(event, this, '.tab-pane');"> House </a> </li> <li id="Senate" role="tab" class=" tab"> <a href="/Redistricting/NewDistricts/Senate" class="tab" onclick="toggleTab(event, this, '.tab-pane');"> Senate </a> </li> <li id="GovernorsCouncil" role="tab" class=" tab"> <a href="/Redistricting/NewDistricts/GovernorsCouncil" class="tab" onclick="toggleTab(event, this, '.tab-pane');"> Governor's Council </a> </li> </ul> <div class="tab-content"> <link href="/assets/css/slick.css" rel="stylesheet"/> <link href="/assets/css/slick-theme.css" rel="stylesheet"/> <div class="active tab-pane customFade in" role="tabpanel" aria-labelledby="Redistricting"> <!-- BEGIN Media Gallery --> <div class="row"> <div class="col-xs-12"> <a href="/Laws/SessionLaws/Acts/2021/Chapter93">Chapter 93 of the Acts of 2021</a> </div> <div class="col-xs-12"> <a href="/assets/redistricting/Congressional Mapbook 2021.pdf" download>Download Congressional District Maps</a> </div> <div class="col-xs-12"> <a href="/assets/redistricting/ShapefilesCongress-2021.zip" download>Download Shapefile, Google Earth and JSON Files (.shp, .kmz, .json)</a> </div> <div class="col-xs-12"> <a href="/assets/redistricting/Congress Block Equivalency File-2021.xlsx" download>Download Congressional Block Equivalency File</a> </div> <div class="col-xs-12"> <a href="/assets/redistricting/Congressional Plan Components.pdf" download>Download Congressional Plan Componets</a> </div> <div class="col-xs-12"> <h2 class="sr-only">Current Districts Media Gallery</h2> <ul class="inlineGallery districtGallery"> <li data-mediacontentid="Photo_512" data-type="Photo" class="galleryThumb"> <a class="fnMediaEduOpNav" href="#mediaModal" role="button" aria-haspopup="true" data-toggle="modal"> <div class="thumb"> <img src="/StateHouse/MediaGallery/Thumbnail/512.jpg" alt="Thumbnail for Congressional Statewide" /> </div> <span>Congressional Statewide</span> </a> </li> </ul> <div class="modal fade" tabindex="-1" role="dialog" id="mediaModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title"> Current Districts Media Gallery </h4> </div> <div class="modal-body"> <!-- BEGIN Media Gallery --> <div class="row" id="mediaGallery"> <!-- BEGIN View Pane --> <div id="viewPane" class="col-xs-12 col-sm-9"> <div class="fnViewPaneControl" aria-live="polite" tabindex="0"> <div class="loader"> <span class="fa fa-spinner fa-pulse fa-3x fa-fw"></span> <span class="sr-only">Loading...</span> </div> <div class="mediaSlider"> <div> <figure id="fig1" class="hidden"> </figure> </div> <div> <figure id="fig2" class="hidden"> <img alt="Congressional Statewide" data-mediacontentid="Photo_512" src="/StateHouse/MediaGallery/Image/Statewide%202021%20Congressional%20Districts.png"/> <figcaption> <!-- The span here will be a duplicate of the alt attribute from the img (that's why aria-hidden="true") --> <span aria-hidden="true">Congressional Statewide</span> Congressional Statewide <!-- Button will only show up for Redistricting --> <div> <a href="/StateHouse/MediaGallery/Image/Statewide%202021%20Congressional%20Districts.png" target="_blank" class="btn btn-primary"><i class="fa fa-download"></i> Download Full Size Map<span class="sr-only"> of Congressional Statewide</span></a> </div> </figcaption> </figure> </div> <div> <figure id="fig3" class="hidden"> </figure> </div> </div> <div id="navButtons"> </div> </div> </div> <!-- END View Pane --> <!-- BEGIN Control Panel --> <div class="col-xs-12 col-sm-3" id="controlPanelContainer"> <!-- Responsive Expand Button for XS --> <button class="btn btn-default visible-xs collapsed" id="expandControlPanel" type="button" data-toggle="collapse" data-target="#controlPanel" aria-expanded="false" aria-controls="controlPanel"> <span class="fa fa-caret-down"></span><span class="sr-only">Expand Thumbnails</span> </button> <div class="collapse clearfix " id="controlPanel"> <ul class="nav nav-tabs nav-justified" role="tablist"> <li role="presentation" class=active><a href="#allMedia" onclick="typeFilter(null, true);" aria-controls="allMedia" role="tab" data-toggle="tab">All <span class="hidden-sm">Media</span></a></li> <li role="presentation" ><a href="#camera" onclick="typeFilter(false);" aria-controls="photoOnly" role="tab" data-toggle="tab"><span class="fa fa-camera"></span><span class="sr-only">Photos Only</span></a></li> <li role="presentation" ><a href="#video" onclick="typeFilter(true);" aria-controls="videoOnly" role="tab" data-toggle="tab"><span class="fa fa-video-camera"></span><span class="sr-only">Videos Only</span></a></li> </ul> <div> <label class="sr-only" for="Gallery">Choose a gallery:</label> <select class="form-control fnSelectedGallery" id="Gallery" name="Gallery"><option value="">Everything</option> <option value="Citizens' Legislative Seminar">Citizens' Legislative Seminar</option> <option value="Curr. Redistricting Congressional">Curr. Redistricting Congressional</option> <option value="Curr. Redistricting Governors Council">Curr. Redistricting Governors Council</option> <option value="Curr. Redistricting House">Curr. Redistricting House</option> <option value="Curr. Redistricting Senate">Curr. Redistricting Senate</option> <option value="Hearings and Other Events">Hearings and Other Events</option> <option value="Hist. Redistricting Congress">Hist. Redistricting Congress</option> <option value="Hist. Redistricting House">Hist. Redistricting House</option> <option value="Hist. Redistricting Senate">Hist. Redistricting Senate</option> <option value="House Of Representatives">House Of Representatives</option> <option value="House Sessions">House Sessions</option> <option value="Internships">Internships</option> <option value="Joint Sessions">Joint Sessions</option> <option value="Legislators">Legislators</option> <option selected="selected" value="New Redistricting Congressional">New Redistricting Congressional</option> <option value="New Redistricting Governors Council">New Redistricting Governors Council</option> <option value="New Redistricting House">New Redistricting House</option> <option value="New Redistricting Senate">New Redistricting Senate</option> <option value="Senate">Senate</option> <option value="Senate Sessions">Senate Sessions</option> <option value="State House">State House</option> <option value="Student Government Day">Student Government Day</option> </select> <input type="text" id="fnFilterControl" class="form-control" aria-controls="allMedia" placeholder="Filter..."/> <ul class="galleryList list-unstyled" id="allMedia" tabindex="0"> <li id="Photo_512" data-type="Photo" data-description="Congressional Statewide" class="galleryThumb col-xs-6 col-sm-12 active "> <a class="fnMediaNav" tabindex="0" aria-controls="viewPane"> <div class="thumb"> <img class="thumbnailImage" src="/StateHouse/MediaGallery/Thumbnail/512.jpg" alt="Thumbnail for Congressional Statewide" /> </div> <span>Congressional Statewide</span> </a> </li> </ul> </div> </div> <script> $('#Gallery').change(function () { var url = 'False' == 'True' ? '/Redistricting/HERStory' : '/Redistricting/MediaGallery'; var thumbUrl = '/StateHouse/Thumbnail'; updateMedia(url, null, '.fnViewPaneControl', true); updateMedia(thumbUrl, null, '#controlPanelContainer', false); }); </script> </div> <!-- END Control Panel --> </div> <!-- END Media Gallery --> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <!-- /.modal --> </div> </div> </div> <!-- END Media Gallery --> <script> // After loading in a new component make sure to unbind & rebind any newly added elements. $(document).ajaxSuccess(function () { initializeMediaControls('/StateHouse/MediaGallery'); }); $(document).ready(function () { initializeMediaControls('/StateHouse/MediaGallery'); }); $('#mediaModal').on('shown.bs.modal', function() { // we are showing this gallery in a modal $('.slick-slider').slick("setPosition", 0); }); </script> </div> </div> </div> </div> <!-- row --> </div> <!-- #container --> </div> <script> $(document).ready(function () { toggleUrlPushState(); }); </script> <script src="/Scripts/Slick.js"></script> <script src="/Scripts/publicsite.media.js"></script> </main> </div> <!--Footer--> <footer> <h2 class="sr-only">Site Information & Links</h2> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-3"> <h3>Helpful Massachusetts Links</h3> <ul class="list-unstyled"> <li><a target="_blank" href="http://www.mass.gov/">Mass.gov</a></li> <li><a target="_blank" href="http://jobs.hrd.state.ma.us/">Commonwealth Employment Opportunities</a></li> <li><a target="_blank" href="http://www.sec.state.ma.us/">Secretary of the Commonwealth</a></li> <li><a target="_blank" href="https://www.mass.gov/orgs/massachusetts-department-of-transportation/">Mass DOT</a></li> <li><a target="_blank" href="https://www.mass.gov/appointments-to-boards-and-commissions">Boards & Commissions</a></li> <li><a target="_blank" href="http://www.mass.gov/ago/doing-business-in-massachusetts/public-charities-or-not-for-profits/">Non-Profits & Charities</a></li> <li><a target="_blank" href="http://libraries.state.ma.us/">Libraries</a></li> <li><a target="_blank" href="https://cloud.google.com/translate/attribution">Google Translate</a></li> </ul> </div> <div class="col-xs-12 col-sm-6 col-md-3"> <h3>Quick Links</h3> <ul class="list-unstyled"> <li><a href="/StateHouse/Accessibility">Accessibility</a></li> <li><a href="/MyLegislature">MyLegislature</a></li> <li><a href="/Laws/GeneralLaws">Massachusetts General Laws</a></li> <li><a href="/Search/FindMyLegislator">Find My Legislator</a></li> <li><a href="/StateHouse/Visit">Visit the State House</a></li> <li><a href="/StateHouse/Contact">Contact Us</a></li> <li><a href="/StateHouse/Privacy">Privacy Policy</a></li> <li><a href="/StateHouse/TermsAndConditions">Terms And Conditions</a></li> </ul> </div> <div class="col-xs-12 col-md-6 copyright"> Copyright © 2024 The General Court of the Commonwealth of Massachusetts </div> </div> </div> </footer> <!--Modals--> <div class="modal fade" tabindex="-1" role="dialog" id="registrationModal"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content registrationModal"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Register for MyLegislature</h4> </div> <div class="modal-body"> <div class="row"> <div class="col-xs-12 col-sm-5"> <h5 class="text-center">Register With An Existing Account</h5> <button onclick="window.location = '/Account/ExternalLogin?provider=Facebook'" type="button" class="btn btn-facebook btn-lg btn-block oauthButton"><span class="fa fa-facebook-official fa-fw"></span> Sign in<span class="hidden-xs hidden-sm"> with Facebook</span></button> <button onclick="window.location = '/Account/ExternalLogin?provider=Google'" type="button" class="btn btn-google btn-lg btn-block oauthButton"><span class="fa fa-google-plus fa-fw"></span> Sign in<span class="hidden-xs hidden-sm"> with Google</span></button> </div> <div class="col-xs-12 col-sm-7 vDivide"> <h5 class="text-center">Register With Your Email Address</h5> <form action="/Account/Register" data-ajax="true" data-ajax-begin="inProgress" data-ajax-method="POST" data-ajax-success="registrationModalFormOnSuccess" id="registrationModalForm" method="post" role="form"><input name="__RequestVerificationToken" type="hidden" value="g7hXm7SyNwIH2AnKy1JVdCbDZfR9qKpJ6SY98p7hbfCv_qolT2nD04odBeAp6_50M0bv1jCiWCmOhZs6_t6_KVoYltc1" /> <div class="form-group"> <label class="sr-only" for="RegistrationEmail">Email Address</label> <div class="input-group"> <span class="input-group-addon"><span class="fa fa-user fa-fw"></span></span> <input class="form-control" data-val="true" data-val-email="Invalid email address." data-val-required="Email address is required." id="RegistrationEmail" name="RegistrationEmail" placeholder="Email Address" type="email" value="" /> </div> <span class="field-validation-valid help-block" data-valmsg-for="RegistrationEmail" data-valmsg-replace="true"></span> </div> <div class="form-group"> <label class="sr-only" for="RegistrationPassword">Password</label> <div class="input-group"> <span class="input-group-addon"><span class="fa fa-lock fa-fw"></span></span> <input aria-label="Passwords must contain at least one number, lowercase and uppercase letters, and be seven or more characters long." autocomplete="false" class="form-control fnPasswordStrength" data-placement="top" data-toggle="password-tooltip" data-val="true" data-val-required="Password required." id="RegistrationPassword" name="RegistrationPassword" placeholder="Password" type="password" /> </div> <span class="field-validation-valid help-block" data-valmsg-for="RegistrationPassword" data-valmsg-replace="true"></span> </div> <div class="form-group"> <label class="sr-only" for="PasswordConfirmation">Confirm Password</label> <div class="input-group"> <span class="input-group-addon"><span class="fa fa-lock fa-fw"></span></span> <input autocomplete="false" class="form-control" data-val="true" data-val-equalto="Passwords do not match." data-val-equalto-other="*.RegistrationPassword" data-val-required="Password confirmation required." id="PasswordConfirmation" name="PasswordConfirmation" placeholder="Confirm Password" type="password" /> </div> <span class="field-validation-valid help-block" data-valmsg-for="PasswordConfirmation" data-valmsg-replace="true"></span> </div> <div class="form-group"> <div class="col-md-offset-2 col-xs-offset-0 captcha"> <script src='https://www.google.com/recaptcha/api.js'></script><div class="g-recaptcha" data-callback="recaptcha_callback" data-sitekey="6LffVvYUAAAAAFgtGnNLexZBT_BK7JzNbOEBaljw"></div> </div> </div> <button class="btn btn-primary btn-lg btn-default actionButton fnStart">Register</button> <button class="btn btn-primary btn-lg btn-default actionButton fnEnd" style="display: none">Registering...</button></form> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" onclick="switchModal('#loginModal')">Already have an account? Sign in here.</button> <button type="button" class="btn btn-secondary" onclick="switchModal('#forgotPasswordModal')">Forgot Password?</button> </div> </div> </div> </div> <div class="modal fade" tabindex="-1" role="dialog" id="loginModal"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content loginModal"> <div class="modal-header"> <button class="close" data-dismiss="modal" type="button" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Sign in to MyLegislature</h4> </div> <div class="modal-body"> <div class="row fnProgressLoader"> <div class="col-xs-12 col-sm-5"> <h5 class="text-center sr-only">Sign In With Your Facebook or Google+ Account</h5> <button onclick="window.location = '/Account/ExternalLogin?provider=Facebook'" type="button" class="btn btn-facebook btn-lg btn-block oauthButton"><span class="fa fa-facebook-official fa-fw"></span> Sign in<span class="hidden-xs hidden-sm"> with Facebook</span></button> <button onclick="window.location = '/Account/ExternalLogin?provider=Google'" type="button" class="btn btn-google btn-lg btn-block oauthButton"><span class="fa fa-google-plus fa-fw"></span> Sign in<span class="hidden-xs hidden-sm"> with Google</span></button> </div> <div class="col-xs-12 col-sm-7 vDivide"> <h5 class="text-center sr-only">Sign In With Your MyLegislature Account</h5> <form action="/Account/Login?isModal=True" data-ajax="true" data-ajax-begin="inProgress" data-ajax-complete="loginModalFormOnComplete" data-ajax-method="POST" id="loginModalForm" method="post" role="form"><input name="__RequestVerificationToken" type="hidden" value="nagG9x4R29O1Ofc5XG6weVHowb9pe-npH2TT115sW4idZvcFh2gn98BbY06kRJla5aAsA8OT7j2_C-k7QwR1juHr3RU1" /> <div class="form-group"> <label class="sr-only" for="loginEmail">Email</label> <div class="input-group"> <span class="input-group-addon"><span class="fa fa-user fa-fw"></span></span> <input class="form-control" data-val="true" data-val-email="Invalid email address." data-val-required="Email address is required." id="loginEmail" name="Email" placeholder="Email Address" type="text" value="" /> </div> <span class="field-validation-valid help-block" data-valmsg-for="loginEmail" data-valmsg-replace="true"></span> </div> <div class="form-group passwordField"> <label class="sr-only" for="loginPassword">Password</label> <div class="input-group"> <span class="input-group-addon"><span class="fa fa-lock fa-fw"></span></span> <input autocomplete="false" class="form-control" data-val="true" data-val-required="Password required." id="loginPassword" name="Password" placeholder="Password" type="password" /> </div> <span class="field-validation-valid help-block" data-valmsg-for="loginPassword" data-valmsg-replace="true"></span> </div> <div class="form-group clearfix"> <a class="forgotPassword" aria-haspopup="true" data-toggle="modal" data-target="#forgotPasswordModal">Forgot Password?</a> </div> <div class="center-block"> <button type="submit" class="btn btn-primary btn-lg btn-default actionButton fnStart">Sign In</button> <button class="btn btn-primary btn-lg btn-default actionButton fnEnd" style="display: none">Signing In...</button> </div></form> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" onclick="switchModal('#registrationModal')">Not Registered? Click here.</button> <a class="text-center visible-xs-block" href="/MyLegislature/About">Learn More Here! »</a> </div> </div> </div> </div> <div class="modal fade" tabindex="-1" role="dialog" id="forgotPasswordModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Forgot Password</h4> </div> <div class="modal-body"> <form action="/Account/ForgotPassword" data-ajax="true" data-ajax-complete="forgotPasswordModalFormOnComplete" data-ajax-method="POST" id="forgotPasswordModalForm" method="post" onsubmit="if($(this).valid()){ $(this).find('.fnEnd').show(); $(this).find('.fnStart').hide(); }" role="form"> <p><strong>Please enter your email address.</strong> If there is an account associated with that address, a password reset link will be mailed to you.</p> <input name="__RequestVerificationToken" type="hidden" value="26VoaOSCgEDhwpZFn6Ad8z0oYw1oxuJGVprJPwEJr6eMDKPG571K06OpbTPIwFiu_20L8Adtat_GGJlf8iYlts2o3Mo1" /> <div class="row"> <div class="form-group clearfix"> <div class="col-sm-12 col-md-9"> <label class="sr-only" for="EmailAddress">Email Address</label> <input class="form-control" data-val="true" data-val-email="Invalid email address." data-val-required="Email required." id="EmailAddress" name="EmailAddress" placeholder="Email Address" type="text" value="" /> <span class="field-validation-valid help-block" data-valmsg-for="EmailAddress" data-valmsg-replace="true"></span> </div> </div> </div> <div class="row"> <div class="col-xs-12 resetButtons"> <button type="submit" id="passwordResetButton" class="btn btn-danger fnStart">Reset Password</button> <button type="button" class="btn btn-danger fnEnd" style="display: none">Processing...</button> <button data-dismiss="modal" type="button" class="btn btn-secondary">Cancel</button> </div> </div> </form> </div> </div> </div> </div> <div class="modal fade fnModalStack" tabindex="-1" role="dialog" id="exclusiveFeatureModal"> <div class="modal-dialog exclusiveModal" role="document"> <div class="modal-content"> <div class="modal-header"> <button class="close" data-dismiss="modal" type="button" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Sign In Required</h4> </div> <div class="modal-body"> <div class="container-fluid"> <div class="row"> <div class="col-xs-12"> <p class="exclusiveModalContent">This feature is exclusive to users of<span>MyLegislature</span></p> </div> <div class="col-xs-6"> <button type="button" onclick="switchModal('#loginModal')" class="btn btn-primary btn-lg btn-block">Sign In</button> </div> <div class="col-xs-6"> <button type="button" onclick="switchModal('#registrationModal')" class="btn btn-primary btn-lg btn-block">Register</button> </div> </div> </div> </div> </div> </div> </div> <div id="locationModal" class="modal fade fnModalRemoveData fnModalStack" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> </div> </div> </div> <div id="billModal" class="modal fade fnModalRemoveData modalFixedHeight" tabindex="-1" role="dialog"> <div class="modal-dialog printPreviewModal" role="document"> <div class="modal-content"> </div> </div> </div> <div id="amendmentModal" class="modal fade fnModalRemoveData modalFixedHeight" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> </div> </div> </div> <div id="downloadModal" class="modal fade fnModalRemoveData modalFixedHeight" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> </div> </div> </div> <div class="modal" id="mobileSearch" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Search The Legislature</h4> </div> <div class="modal-body"> <form action="/Search" class="container" method="get"> <h2 class="sr-only">Search</h2> <label class="sr-only" for="mobileFullSearch">Search the Legislature</label> <div class="typeahead-container"> <div class="typeahead-field"> <div class="input-group typeahead-query input-group-lg"> <input id="mobileFullSearch" name="SearchTerms" class="searchBox form-control" type="search" value="" data-tt-search-type="Bills, GeneralLaws, SessionLaws, Committees, Legislators, Events, Journals, Reports, Videos, Amendments" data-tt-search-reset="Bills, GeneralLaws, SessionLaws, Committees, Legislators, Events, Journals, Reports, Videos, Amendments" data-tt-url="/TypeAheadSearch" data-tt-branch="" data-tt-limit="7" aria-haspopup="true" aria-autocomplete="list" autocomplete="off" placeholder="Search the Legislature..."/> <div class="input-group-btn typeahead-button"> <button type="submit" class="btn btn-primary searchButton" aria-labelledby="mobileFullSearch"> <span class="fa fa-search"></span><span class="sr-only">Search</span> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> <div id="badgeModal" class="modal fade fnModalRemoveData fnModalStack" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> </div> </div> </div> <script src="/bundles/bootstrap?v=M4Nk6kIOwMFflsEKET0iPL9i5YBqbzMzvUOrd8gyCnw1"></script> <script src="/bundles/common?v=K2ffcNkQ0PfZaKbwF_GT0sq1kyeLA2C0tncdTlbbIAo1"></script> <script src="/bundles/validate?v=S3kD1lOwDYpGFma3pYezc1eM5lZqQPgYj__GN1KhoVo1"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="/assets/js/ie10-viewport-bug-workaround.js"></script> <script src="/assets/js/jquery-yammcessible.js"></script> <script> $("document").ready(function () { $('.yamm').accessibleMegaMenu(); }); </script> </body> </html>