About the ELHCCThe East Lansing Hannah Community Center houses event and meeting spaces, a fitness center, personal training, a 25-yard swimming pool, two gymnasiums and classes and programs.The pool is typically available for lap swim on a reservation-only basis. For information or to make a reservation, please call (517) 333-2580, ext. 0. View ELHCC hours and the ELHCC pool schedule here. About the ELHCC About the ELHCC About the ELHCCHelpful InformationView the 2026 Hannah Community Center Holiday Schedule (PDF)Call the inclement weather line at (517) 333-2580 ext. 6565 for up-to-date cancellations and closures.Sign Up for Classes and ProgramsDaily Open Gym ScheduleFitness Brochure (PDF)ELHCC Event Venue Brochure (PDF)Virtual TourAble Eyes Virtual Walk-Thru Tour

general

HAHarvey Walden

2 days ago

About East Lansing Hannah Community Center

general

HAHarvey Walden

2 days ago

Free Holiday Parking Available in East Lansing

FREE Holiday Parking The East Lansing City Council has authorized the Parking Administrator to offer free or promotional parking on the following holidays: Independence Day observed, July 3, 2026Independence Day, July 4, 2026                    Labor Day, Sept. 7, 2026                          Indigenous Peoples Day, Oct. 12, 2026   Veterans Day, Nov. 11, 2026                   Thanksgiving Day, Nov. 26, 2026                                                  Day after Thanksgiving, Nov. 27, 2026  Christmas Eve Day, Dec. 24, 2026          Christmas Day, Dec. 25, 2026                                               New Year’s Eve Day, Dec. 31, 2026New Year’s Day, Jan. 1, 2027    Martin Luther King Jr. Day, Jan. 18, 2027   Presidents Day, Feb. 15, 2027Memorial Day, May 31, 2027Juneteenth observed, June 18, 2027Juneteenth, June 19, 2027

Community Remembrances

Historic District Commission Public Hearing

3 days ago

"Create a Website Account - Manage notification subscriptions, save form progress and more.    Search autocomplete is currently not responding. Please try again later. Choose Select a Calendar to view a specific calendar and click the magnifying glass button to apply your preferences.View All CalendarsSubscribe to calendar notifications by clicking on the Notify Me button, and you will automatically be alerted about the latest events in our community. Agenda Facility Submit Event Print Email Event Subscription View RSS Feeds Select on Calendar Expand Collapse Previous Next Down Up Map Share Show more Agenda $(window).on("load", function () { $('.icalDescription').urlToLink({ target: '_blank' }); }); var currentTextBox = null; var currentDatePicker = null; function hidePopup() { return currentDatePicker && currentDatePicker.hidePopup(); } //This method is called to handle the onclick and onfocus client side events for the texbox function showPopup(sender, e) { //this is a reference to the texbox which raised the event //see the methods exposed through the $telerik static client library here - http://www.telerik.com/help/aspnet-ajax/telerik-static-client-library.html var textBox = sender.tagName === "INPUT" ? sender : $telerik.getPreviousHtmlNode(sender); // hide previous pop-up if open textBox !== currentTextBox && hidePopup(); currentTextBox = textBox; } function dismissHook(e) { return (e.keyCode === 27 || e.keyCode === 9) && hidePopup(); } function handleKeydown(e) { dismissHook(e) || searchTextHook(e); } //this handler is used to set the text of the TextBox to the value of selected from the popup function dateSelected(sender, args) { if (currentTextBox != null) { //currentTextBox is the currently selected TextBox. Its value is set to the newly selected //value of the picker currentTextBox.value = args.get_newValue(); } } //this function is used to parse the date entered or selected by the user function parseDate(sender, e) { if (currentDatePicker != null) { var date = currentDatePicker.get_dateInput().parseDate(sender.value); var dateInput = currentDatePicker.get_dateInput(); if (date == null) { date = currentDatePicker.get_selectedDate(); } var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat()); sender.value = formattedDate; } } function clearPostBack() { Sys.WebForms.PageRequestManager.getInstance().remove_endRequest(clearPostBack); $('.icalDescription').urlToLink({ target: '_blank' }); } function redrawContentCalendar() { Sys.WebForms.PageRequestManager.getInstance().add_endRequest(clearPostBack); if (document.aspnetForm.calendarView.value == 'list' || document.aspnetForm.calendarView.value == '') raiseAsyncPostbackCalendar('ctl00_ctl00_MainContent_ModuleContent_ctl00_contentUpdatePanelListView', 0, ''); else raiseAsyncPostbackCalendar('ctl00_ctl00_MainContent_ModuleContent_ctl00_contentUpdatePanel', 0, ''); blockMenuSpawn = false; } function previousFeaturedItem(view) { document.aspnetForm.calendarView.value = view; raiseAsyncPostbackCalendar('featured', 0, 'drawFeaturedPrev'); } function nextFeaturedItem(view) { document.aspnetForm.calendarView.value = view; raiseAsyncPostbackCalendar('featured', 0, 'drawFeaturedNext'); } order+='ModuleContent\n' Live Edit // Meet City CouncilLearn MoreLearn More .fancyButton1607.fancyButton:link,.fancyButton1607.fancyButton:visited, .fancyButton1607div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16330'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1607 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1607.fancyButton:hover,.fancyButton1607.fancyButton:focus,.fancyButton1607.fancyButton:active,.fancyButton1607.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1607.fancyButton:link > span,.fancyButton1607.fancyButton:visited > span, .fancyButton1607div.fancyButton > span{ } .fancyButton1607.fancyButton:hover > span,.fancyButton1607.fancyButton:focus > span,.fancyButton1607.fancyButton:active > span,.fancyButton1607.fancyButton.hover > span{ } .fancyButton1607.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1607.fancyButton:hover .text,.fancyButton1607.fancyButton:focus .text,.fancyButton1607.fancyButton:active .text,.fancyButton1607.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1607.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1607 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1607.fancyButton:hover .textStyle1, .fancyButton1607.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1607:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1607.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1607.fancyButton:hover .textStyle2, .fancyButton1607.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1607:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1607.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1607.fancyButton:hover .textStyle3, .fancyButton1607.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1607:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1607 .textStyle3:hover, .fancyButton1607:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Parks, Recreation & ArtsLearn MoreLearn More .fancyButton1608.fancyButton:link,.fancyButton1608.fancyButton:visited, .fancyButton1608div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16327'); background-repeat: no-repeat; background-position: center top; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1608 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1608.fancyButton:hover,.fancyButton1608.fancyButton:focus,.fancyButton1608.fancyButton:active,.fancyButton1608.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton1608.fancyButton:link > span,.fancyButton1608.fancyButton:visited > span, .fancyButton1608div.fancyButton > span{ } .fancyButton1608.fancyButton:hover > span,.fancyButton1608.fancyButton:focus > span,.fancyButton1608.fancyButton:active > span,.fancyButton1608.fancyButton.hover > span{ } .fancyButton1608.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1608.fancyButton:hover .text,.fancyButton1608.fancyButton:focus .text,.fancyButton1608.fancyButton:active .text,.fancyButton1608.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1608.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1608 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1608.fancyButton:hover .textStyle1, .fancyButton1608.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1608:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1608.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1608.fancyButton:hover .textStyle2, .fancyButton1608.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1608:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1608.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1608.fancyButton:hover .textStyle3, .fancyButton1608.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1608:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1608 .textStyle3:hover, .fancyButton1608:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Pay OnlineView online payment optionsLearn More .fancyButton1609.fancyButton:link,.fancyButton1609.fancyButton:visited, .fancyButton1609div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16326'); background-repeat: no-repeat; background-position: center top; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1609 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1609.fancyButton:hover,.fancyButton1609.fancyButton:focus,.fancyButton1609.fancyButton:active,.fancyButton1609.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton1609.fancyButton:link > span,.fancyButton1609.fancyButton:visited > span, .fancyButton1609div.fancyButton > span{ } .fancyButton1609.fancyButton:hover > span,.fancyButton1609.fancyButton:focus > span,.fancyButton1609.fancyButton:active > span,.fancyButton1609.fancyButton.hover > span{ } .fancyButton1609.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1609.fancyButton:hover .text,.fancyButton1609.fancyButton:focus .text,.fancyButton1609.fancyButton:active .text,.fancyButton1609.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1609.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1609 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1609.fancyButton:hover .textStyle1, .fancyButton1609.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1609:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1609.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1609.fancyButton:hover .textStyle2, .fancyButton1609.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1609:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1609.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1609.fancyButton:hover .textStyle3, .fancyButton1609.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1609:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1609 .textStyle3:hover, .fancyButton1609:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Career OpportunitiesLearn MoreLearn More .fancyButton1624.fancyButton:link,.fancyButton1624.fancyButton:visited, .fancyButton1624div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16325'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1624 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1624.fancyButton:hover,.fancyButton1624.fancyButton:focus,.fancyButton1624.fancyButton:active,.fancyButton1624.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1624.fancyButton:link > span,.fancyButton1624.fancyButton:visited > span, .fancyButton1624div.fancyButton > span{ } .fancyButton1624.fancyButton:hover > span,.fancyButton1624.fancyButton:focus > span,.fancyButton1624.fancyButton:active > span,.fancyButton1624.fancyButton.hover > span{ } .fancyButton1624.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1624.fancyButton:hover .text,.fancyButton1624.fancyButton:focus .text,.fancyButton1624.fancyButton:active .text,.fancyButton1624.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1624.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1624 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1624.fancyButton:hover .textStyle1, .fancyButton1624.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1624:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1624.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1624.fancyButton:hover .textStyle2, .fancyButton1624.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1624:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1624.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1624.fancyButton:hover .textStyle3, .fancyButton1624.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1624:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1624 .textStyle3:hover, .fancyButton1624:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Community & Economic DevelopmentLearn MoreLearn More .fancyButton1625.fancyButton:link,.fancyButton1625.fancyButton:visited, .fancyButton1625div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16329'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1625 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1625.fancyButton:hover,.fancyButton1625.fancyButton:focus,.fancyButton1625.fancyButton:active,.fancyButton1625.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1625.fancyButton:link > span,.fancyButton1625.fancyButton:visited > span, .fancyButton1625div.fancyButton > span{ } .fancyButton1625.fancyButton:hover > span,.fancyButton1625.fancyButton:focus > span,.fancyButton1625.fancyButton:active > span,.fancyButton1625.fancyButton.hover > span{ } .fancyButton1625.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1625.fancyButton:hover .text,.fancyButton1625.fancyButton:focus .text,.fancyButton1625.fancyButton:active .text,.fancyButton1625.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1625.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1625 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1625.fancyButton:hover .textStyle1, .fancyButton1625.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1625:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1625.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1625.fancyButton:hover .textStyle2, .fancyButton1625.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1625:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1625.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1625.fancyButton:hover .textStyle3, .fancyButton1625.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1625:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1625 .textStyle3:hover, .fancyButton1625:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} District CourtLearn MoreLearn More .fancyButton1626.fancyButton:link,.fancyButton1626.fancyButton:visited, .fancyButton1626div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16328'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1626 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1626.fancyButton:hover,.fancyButton1626.fancyButton:focus,.fancyButton1626.fancyButton:active,.fancyButton1626.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1626.fancyButton:link > span,.fancyButton1626.fancyButton:visited > span, .fancyButton1626div.fancyButton > span{ } .fancyButton1626.fancyButton:hover > span,.fancyButton1626.fancyButton:focus > span,.fancyButton1626.fancyButton:active > span,.fancyButton1626.fancyButton.hover > span{ } .fancyButton1626.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1626.fancyButton:hover .text,.fancyButton1626.fancyButton:focus .text,.fancyButton1626.fancyButton:active .text,.fancyButton1626.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1626.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1626 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1626.fancyButton:hover .textStyle1, .fancyButton1626.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1626:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1626.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1626.fancyButton:hover .textStyle2, .fancyButton1626.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1626:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1626.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1626.fancyButton:hover .textStyle3, .fancyButton1626.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1626:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1626 .textStyle3:hover, .fancyButton1626:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} After Hours Phone: (517) 351-4220 Monday through Friday, 8 am to 5 pm"

Zoning Board of Appeals Public Hearing Announced

3 days ago

"Create a Website Account - Manage notification subscriptions, save form progress and more.    Search autocomplete is currently not responding. Please try again later. Choose Select a Calendar to view a specific calendar and click the magnifying glass button to apply your preferences.View All CalendarsSubscribe to calendar notifications by clicking on the Notify Me button, and you will automatically be alerted about the latest events in our community. A public hearing will be held to consider an application from Kayla Owen, property owner of 970 and 962 Lilac Ave for a lot line adjustment. The request is for the following dimensional variances: •    Sec 50-816(4) to have a setback less than the minimum of 3 ft required from a side lot line for a parking area on both 970 and 962 Lilac Ave. •    Sec 816 (3) to exceed the maximum permitted front yard paving of 25% on 970 Lilac Ave. •    Sec 50-301 to have less than the required lot width of 60 ft. •    Sec 50-301 to have less than the required side yard setback for a principal building of 5 ft. Agenda Facility Submit Event Print Email Event Subscription View RSS Feeds Select on Calendar Expand Collapse Previous Next Down Up Map Share Show more Agenda $(window).on("load", function () { $('.icalDescription').urlToLink({ target: '_blank' }); }); var currentTextBox = null; var currentDatePicker = null; function hidePopup() { return currentDatePicker && currentDatePicker.hidePopup(); } //This method is called to handle the onclick and onfocus client side events for the texbox function showPopup(sender, e) { //this is a reference to the texbox which raised the event //see the methods exposed through the $telerik static client library here - http://www.telerik.com/help/aspnet-ajax/telerik-static-client-library.html var textBox = sender.tagName === "INPUT" ? sender : $telerik.getPreviousHtmlNode(sender); // hide previous pop-up if open textBox !== currentTextBox && hidePopup(); currentTextBox = textBox; } function dismissHook(e) { return (e.keyCode === 27 || e.keyCode === 9) && hidePopup(); } function handleKeydown(e) { dismissHook(e) || searchTextHook(e); } //this handler is used to set the text of the TextBox to the value of selected from the popup function dateSelected(sender, args) { if (currentTextBox != null) { //currentTextBox is the currently selected TextBox. Its value is set to the newly selected //value of the picker currentTextBox.value = args.get_newValue(); } } //this function is used to parse the date entered or selected by the user function parseDate(sender, e) { if (currentDatePicker != null) { var date = currentDatePicker.get_dateInput().parseDate(sender.value); var dateInput = currentDatePicker.get_dateInput(); if (date == null) { date = currentDatePicker.get_selectedDate(); } var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat()); sender.value = formattedDate; } } function clearPostBack() { Sys.WebForms.PageRequestManager.getInstance().remove_endRequest(clearPostBack); $('.icalDescription').urlToLink({ target: '_blank' }); } function redrawContentCalendar() { Sys.WebForms.PageRequestManager.getInstance().add_endRequest(clearPostBack); if (document.aspnetForm.calendarView.value == 'list' || document.aspnetForm.calendarView.value == '') raiseAsyncPostbackCalendar('ctl00_ctl00_MainContent_ModuleContent_ctl00_contentUpdatePanelListView', 0, ''); else raiseAsyncPostbackCalendar('ctl00_ctl00_MainContent_ModuleContent_ctl00_contentUpdatePanel', 0, ''); blockMenuSpawn = false; } function previousFeaturedItem(view) { document.aspnetForm.calendarView.value = view; raiseAsyncPostbackCalendar('featured', 0, 'drawFeaturedPrev'); } function nextFeaturedItem(view) { document.aspnetForm.calendarView.value = view; raiseAsyncPostbackCalendar('featured', 0, 'drawFeaturedNext'); } order+='ModuleContent\n' Live Edit // Meet City CouncilLearn MoreLearn More .fancyButton1607.fancyButton:link,.fancyButton1607.fancyButton:visited, .fancyButton1607div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16330'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1607 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1607.fancyButton:hover,.fancyButton1607.fancyButton:focus,.fancyButton1607.fancyButton:active,.fancyButton1607.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1607.fancyButton:link > span,.fancyButton1607.fancyButton:visited > span, .fancyButton1607div.fancyButton > span{ } .fancyButton1607.fancyButton:hover > span,.fancyButton1607.fancyButton:focus > span,.fancyButton1607.fancyButton:active > span,.fancyButton1607.fancyButton.hover > span{ } .fancyButton1607.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1607.fancyButton:hover .text,.fancyButton1607.fancyButton:focus .text,.fancyButton1607.fancyButton:active .text,.fancyButton1607.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1607.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1607 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1607.fancyButton:hover .textStyle1, .fancyButton1607.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1607:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1607.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1607.fancyButton:hover .textStyle2, .fancyButton1607.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1607:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1607.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1607.fancyButton:hover .textStyle3, .fancyButton1607.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1607:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1607 .textStyle3:hover, .fancyButton1607:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Parks, Recreation & ArtsLearn MoreLearn More .fancyButton1608.fancyButton:link,.fancyButton1608.fancyButton:visited, .fancyButton1608div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16327'); background-repeat: no-repeat; background-position: center top; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1608 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1608.fancyButton:hover,.fancyButton1608.fancyButton:focus,.fancyButton1608.fancyButton:active,.fancyButton1608.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton1608.fancyButton:link > span,.fancyButton1608.fancyButton:visited > span, .fancyButton1608div.fancyButton > span{ } .fancyButton1608.fancyButton:hover > span,.fancyButton1608.fancyButton:focus > span,.fancyButton1608.fancyButton:active > span,.fancyButton1608.fancyButton.hover > span{ } .fancyButton1608.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1608.fancyButton:hover .text,.fancyButton1608.fancyButton:focus .text,.fancyButton1608.fancyButton:active .text,.fancyButton1608.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1608.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1608 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1608.fancyButton:hover .textStyle1, .fancyButton1608.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1608:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1608.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1608.fancyButton:hover .textStyle2, .fancyButton1608.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1608:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1608.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1608.fancyButton:hover .textStyle3, .fancyButton1608.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1608:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1608 .textStyle3:hover, .fancyButton1608:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Pay OnlineView online payment optionsLearn More .fancyButton1609.fancyButton:link,.fancyButton1609.fancyButton:visited, .fancyButton1609div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16326'); background-repeat: no-repeat; background-position: center top; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1609 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1609.fancyButton:hover,.fancyButton1609.fancyButton:focus,.fancyButton1609.fancyButton:active,.fancyButton1609.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton1609.fancyButton:link > span,.fancyButton1609.fancyButton:visited > span, .fancyButton1609div.fancyButton > span{ } .fancyButton1609.fancyButton:hover > span,.fancyButton1609.fancyButton:focus > span,.fancyButton1609.fancyButton:active > span,.fancyButton1609.fancyButton.hover > span{ } .fancyButton1609.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1609.fancyButton:hover .text,.fancyButton1609.fancyButton:focus .text,.fancyButton1609.fancyButton:active .text,.fancyButton1609.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1609.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1609 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1609.fancyButton:hover .textStyle1, .fancyButton1609.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1609:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1609.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1609.fancyButton:hover .textStyle2, .fancyButton1609.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1609:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1609.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1609.fancyButton:hover .textStyle3, .fancyButton1609.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1609:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1609 .textStyle3:hover, .fancyButton1609:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Career OpportunitiesLearn MoreLearn More .fancyButton1624.fancyButton:link,.fancyButton1624.fancyButton:visited, .fancyButton1624div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16325'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1624 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1624.fancyButton:hover,.fancyButton1624.fancyButton:focus,.fancyButton1624.fancyButton:active,.fancyButton1624.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1624.fancyButton:link > span,.fancyButton1624.fancyButton:visited > span, .fancyButton1624div.fancyButton > span{ } .fancyButton1624.fancyButton:hover > span,.fancyButton1624.fancyButton:focus > span,.fancyButton1624.fancyButton:active > span,.fancyButton1624.fancyButton.hover > span{ } .fancyButton1624.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1624.fancyButton:hover .text,.fancyButton1624.fancyButton:focus .text,.fancyButton1624.fancyButton:active .text,.fancyButton1624.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1624.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1624 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1624.fancyButton:hover .textStyle1, .fancyButton1624.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1624:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1624.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1624.fancyButton:hover .textStyle2, .fancyButton1624.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1624:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1624.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1624.fancyButton:hover .textStyle3, .fancyButton1624.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1624:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1624 .textStyle3:hover, .fancyButton1624:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Community & Economic DevelopmentLearn MoreLearn More .fancyButton1625.fancyButton:link,.fancyButton1625.fancyButton:visited, .fancyButton1625div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16329'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1625 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1625.fancyButton:hover,.fancyButton1625.fancyButton:focus,.fancyButton1625.fancyButton:active,.fancyButton1625.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1625.fancyButton:link > span,.fancyButton1625.fancyButton:visited > span, .fancyButton1625div.fancyButton > span{ } .fancyButton1625.fancyButton:hover > span,.fancyButton1625.fancyButton:focus > span,.fancyButton1625.fancyButton:active > span,.fancyButton1625.fancyButton.hover > span{ } .fancyButton1625.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1625.fancyButton:hover .text,.fancyButton1625.fancyButton:focus .text,.fancyButton1625.fancyButton:active .text,.fancyButton1625.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1625.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1625 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1625.fancyButton:hover .textStyle1, .fancyButton1625.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1625:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1625.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1625.fancyButton:hover .textStyle2, .fancyButton1625.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1625:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1625.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1625.fancyButton:hover .textStyle3, .fancyButton1625.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1625:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1625 .textStyle3:hover, .fancyButton1625:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} District CourtLearn MoreLearn More .fancyButton1626.fancyButton:link,.fancyButton1626.fancyButton:visited, .fancyButton1626div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16328'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1626 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1626.fancyButton:hover,.fancyButton1626.fancyButton:focus,.fancyButton1626.fancyButton:active,.fancyButton1626.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1626.fancyButton:link > span,.fancyButton1626.fancyButton:visited > span, .fancyButton1626div.fancyButton > span{ } .fancyButton1626.fancyButton:hover > span,.fancyButton1626.fancyButton:focus > span,.fancyButton1626.fancyButton:active > span,.fancyButton1626.fancyButton.hover > span{ } .fancyButton1626.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1626.fancyButton:hover .text,.fancyButton1626.fancyButton:focus .text,.fancyButton1626.fancyButton:active .text,.fancyButton1626.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1626.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1626 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1626.fancyButton:hover .textStyle1, .fancyButton1626.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1626:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1626.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1626.fancyButton:hover .textStyle2, .fancyButton1626.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1626:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1626.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1626.fancyButton:hover .textStyle3, .fancyButton1626.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1626:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1626 .textStyle3:hover, .fancyButton1626:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} After Hours Phone: (517) 351-4220 Monday through Friday, 8 am to 5 pm"

Planning Commission to Hold Public Hearing

3 days ago

"Create a Website Account - Manage notification subscriptions, save form progress and more.    Search autocomplete is currently not responding. Please try again later. Choose Select a Calendar to view a specific calendar and click the magnifying glass button to apply your preferences.View All CalendarsSubscribe to calendar notifications by clicking on the Notify Me button, and you will automatically be alerted about the latest events in our community. East Lansing Hannah Community Center Agenda Facility Submit Event Print Email Event Subscription View RSS Feeds Select on Calendar Expand Collapse Previous Next Down Up Map Share Show more Agenda $(window).on("load", function () { $('.icalDescription').urlToLink({ target: '_blank' }); }); var currentTextBox = null; var currentDatePicker = null; function hidePopup() { return currentDatePicker && currentDatePicker.hidePopup(); } //This method is called to handle the onclick and onfocus client side events for the texbox function showPopup(sender, e) { //this is a reference to the texbox which raised the event //see the methods exposed through the $telerik static client library here - http://www.telerik.com/help/aspnet-ajax/telerik-static-client-library.html var textBox = sender.tagName === "INPUT" ? sender : $telerik.getPreviousHtmlNode(sender); // hide previous pop-up if open textBox !== currentTextBox && hidePopup(); currentTextBox = textBox; } function dismissHook(e) { return (e.keyCode === 27 || e.keyCode === 9) && hidePopup(); } function handleKeydown(e) { dismissHook(e) || searchTextHook(e); } //this handler is used to set the text of the TextBox to the value of selected from the popup function dateSelected(sender, args) { if (currentTextBox != null) { //currentTextBox is the currently selected TextBox. Its value is set to the newly selected //value of the picker currentTextBox.value = args.get_newValue(); } } //this function is used to parse the date entered or selected by the user function parseDate(sender, e) { if (currentDatePicker != null) { var date = currentDatePicker.get_dateInput().parseDate(sender.value); var dateInput = currentDatePicker.get_dateInput(); if (date == null) { date = currentDatePicker.get_selectedDate(); } var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat()); sender.value = formattedDate; } } function clearPostBack() { Sys.WebForms.PageRequestManager.getInstance().remove_endRequest(clearPostBack); $('.icalDescription').urlToLink({ target: '_blank' }); } function redrawContentCalendar() { Sys.WebForms.PageRequestManager.getInstance().add_endRequest(clearPostBack); if (document.aspnetForm.calendarView.value == 'list' || document.aspnetForm.calendarView.value == '') raiseAsyncPostbackCalendar('ctl00_ctl00_MainContent_ModuleContent_ctl00_contentUpdatePanelListView', 0, ''); else raiseAsyncPostbackCalendar('ctl00_ctl00_MainContent_ModuleContent_ctl00_contentUpdatePanel', 0, ''); blockMenuSpawn = false; } function previousFeaturedItem(view) { document.aspnetForm.calendarView.value = view; raiseAsyncPostbackCalendar('featured', 0, 'drawFeaturedPrev'); } function nextFeaturedItem(view) { document.aspnetForm.calendarView.value = view; raiseAsyncPostbackCalendar('featured', 0, 'drawFeaturedNext'); } order+='ModuleContent\n' Live Edit // Meet City CouncilLearn MoreLearn More .fancyButton1607.fancyButton:link,.fancyButton1607.fancyButton:visited, .fancyButton1607div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16330'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1607 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1607.fancyButton:hover,.fancyButton1607.fancyButton:focus,.fancyButton1607.fancyButton:active,.fancyButton1607.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1607.fancyButton:link > span,.fancyButton1607.fancyButton:visited > span, .fancyButton1607div.fancyButton > span{ } .fancyButton1607.fancyButton:hover > span,.fancyButton1607.fancyButton:focus > span,.fancyButton1607.fancyButton:active > span,.fancyButton1607.fancyButton.hover > span{ } .fancyButton1607.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1607.fancyButton:hover .text,.fancyButton1607.fancyButton:focus .text,.fancyButton1607.fancyButton:active .text,.fancyButton1607.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1607.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1607 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1607.fancyButton:hover .textStyle1, .fancyButton1607.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1607:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1607.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1607.fancyButton:hover .textStyle2, .fancyButton1607.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1607:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1607.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1607.fancyButton:hover .textStyle3, .fancyButton1607.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1607:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1607 .textStyle3:hover, .fancyButton1607:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Parks, Recreation & ArtsLearn MoreLearn More .fancyButton1608.fancyButton:link,.fancyButton1608.fancyButton:visited, .fancyButton1608div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16327'); background-repeat: no-repeat; background-position: center top; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1608 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1608.fancyButton:hover,.fancyButton1608.fancyButton:focus,.fancyButton1608.fancyButton:active,.fancyButton1608.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton1608.fancyButton:link > span,.fancyButton1608.fancyButton:visited > span, .fancyButton1608div.fancyButton > span{ } .fancyButton1608.fancyButton:hover > span,.fancyButton1608.fancyButton:focus > span,.fancyButton1608.fancyButton:active > span,.fancyButton1608.fancyButton.hover > span{ } .fancyButton1608.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1608.fancyButton:hover .text,.fancyButton1608.fancyButton:focus .text,.fancyButton1608.fancyButton:active .text,.fancyButton1608.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1608.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1608 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1608.fancyButton:hover .textStyle1, .fancyButton1608.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1608:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1608.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1608.fancyButton:hover .textStyle2, .fancyButton1608.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1608:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1608.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1608.fancyButton:hover .textStyle3, .fancyButton1608.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1608:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1608 .textStyle3:hover, .fancyButton1608:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Pay OnlineView online payment optionsLearn More .fancyButton1609.fancyButton:link,.fancyButton1609.fancyButton:visited, .fancyButton1609div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16326'); background-repeat: no-repeat; background-position: center top; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1609 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1609.fancyButton:hover,.fancyButton1609.fancyButton:focus,.fancyButton1609.fancyButton:active,.fancyButton1609.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton1609.fancyButton:link > span,.fancyButton1609.fancyButton:visited > span, .fancyButton1609div.fancyButton > span{ } .fancyButton1609.fancyButton:hover > span,.fancyButton1609.fancyButton:focus > span,.fancyButton1609.fancyButton:active > span,.fancyButton1609.fancyButton.hover > span{ } .fancyButton1609.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1609.fancyButton:hover .text,.fancyButton1609.fancyButton:focus .text,.fancyButton1609.fancyButton:active .text,.fancyButton1609.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1609.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1609 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1609.fancyButton:hover .textStyle1, .fancyButton1609.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1609:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1609.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1609.fancyButton:hover .textStyle2, .fancyButton1609.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1609:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1609.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1609.fancyButton:hover .textStyle3, .fancyButton1609.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1609:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1609 .textStyle3:hover, .fancyButton1609:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Career OpportunitiesLearn MoreLearn More .fancyButton1624.fancyButton:link,.fancyButton1624.fancyButton:visited, .fancyButton1624div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16325'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1624 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1624.fancyButton:hover,.fancyButton1624.fancyButton:focus,.fancyButton1624.fancyButton:active,.fancyButton1624.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1624.fancyButton:link > span,.fancyButton1624.fancyButton:visited > span, .fancyButton1624div.fancyButton > span{ } .fancyButton1624.fancyButton:hover > span,.fancyButton1624.fancyButton:focus > span,.fancyButton1624.fancyButton:active > span,.fancyButton1624.fancyButton.hover > span{ } .fancyButton1624.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1624.fancyButton:hover .text,.fancyButton1624.fancyButton:focus .text,.fancyButton1624.fancyButton:active .text,.fancyButton1624.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1624.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1624 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1624.fancyButton:hover .textStyle1, .fancyButton1624.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1624:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1624.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1624.fancyButton:hover .textStyle2, .fancyButton1624.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1624:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1624.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1624.fancyButton:hover .textStyle3, .fancyButton1624.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1624:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1624 .textStyle3:hover, .fancyButton1624:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} Community & Economic DevelopmentLearn MoreLearn More .fancyButton1625.fancyButton:link,.fancyButton1625.fancyButton:visited, .fancyButton1625div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16329'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1625 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1625.fancyButton:hover,.fancyButton1625.fancyButton:focus,.fancyButton1625.fancyButton:active,.fancyButton1625.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1625.fancyButton:link > span,.fancyButton1625.fancyButton:visited > span, .fancyButton1625div.fancyButton > span{ } .fancyButton1625.fancyButton:hover > span,.fancyButton1625.fancyButton:focus > span,.fancyButton1625.fancyButton:active > span,.fancyButton1625.fancyButton.hover > span{ } .fancyButton1625.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1625.fancyButton:hover .text,.fancyButton1625.fancyButton:focus .text,.fancyButton1625.fancyButton:active .text,.fancyButton1625.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1625.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1625 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1625.fancyButton:hover .textStyle1, .fancyButton1625.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1625:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1625.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1625.fancyButton:hover .textStyle2, .fancyButton1625.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1625:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1625.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1625.fancyButton:hover .textStyle3, .fancyButton1625.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1625:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1625 .textStyle3:hover, .fancyButton1625:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} District CourtLearn MoreLearn More .fancyButton1626.fancyButton:link,.fancyButton1626.fancyButton:visited, .fancyButton1626div.fancyButton{ -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=16328'); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1626 > span > span { display: flex; min-height: 250px; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(22, 51, 66, 0.00) 0%, #163342 80.77%); } .fancyButton1626.fancyButton:hover,.fancyButton1626.fancyButton:focus,.fancyButton1626.fancyButton:active,.fancyButton1626.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton1626.fancyButton:link > span,.fancyButton1626.fancyButton:visited > span, .fancyButton1626div.fancyButton > span{ } .fancyButton1626.fancyButton:hover > span,.fancyButton1626.fancyButton:focus > span,.fancyButton1626.fancyButton:active > span,.fancyButton1626.fancyButton.hover > span{ } .fancyButton1626.fancyButton .text{ color: rgb(255, 255, 255); text-align: left; padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; text-decoration: none; background-color: rgba(22, 51, 66, 0); padding-top: 1.25em; padding-bottom: 1.25em; padding-right: 1.25em; padding-left: 1.25em; background-repeat: no-repeat; background-position: left top; display: flex; flex-direction: column; justify-content: flex-end; flex: 0; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1626.fancyButton:hover .text,.fancyButton1626.fancyButton:focus .text,.fancyButton1626.fancyButton:active .text,.fancyButton1626.fancyButton.hover .text{ text-decoration: none; background-color: rgb(22, 51, 66); background-repeat: no-repeat; background-position: left top; flex: 1; transition: all .35s cubic-bezier(0, 0, 0.58, 1.0); } .fancyButton1626.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.375em; font-family: Roboto Condensed; font-weight: 700; text-decoration: none; display: block; line-height: 1.3; text-transform: uppercase; } .fancyButton1626 .textStyle1::after { content: ""; display: block; border-bottom: 2px solid #4DAAAB; border-radius: 2px; width: 100%; max-width: 120px; margin: .25em 0; transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1626.fancyButton:hover .textStyle1, .fancyButton1626.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton1626:where(:hover, :focus, :active) .textStyle1::after { max-width: 180px;} .fancyButton1626.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 1em; font-family: Roboto; font-style: normal; text-decoration: none; display: block; line-height: 0; opacity: 0; transition: all .1s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1626.fancyButton:hover .textStyle2, .fancyButton1626.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton1626:is(:hover, :focus, :active) .textStyle2 { line-height: 1.5; opacity: 1; transition: line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .25s cubic-bezier(0, 0, 0.58, 1.0) .5s;} .fancyButton1626.fancyButton .textStyle3{ color: rgb(255, 255, 255); font-family: Roboto Condensed; font-style: normal; text-decoration: none; display: inline-flex; align-self: flex-start; padding: 0em 2em; background-color: #307E4D; border: 0px solid #307E4D; border-radius: 5px; margin-top: 0em; line-height: 0; opacity: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); transition: all .25s cubic-bezier(0, 0, 0.58, 1.0);} .fancyButton1626.fancyButton:hover .textStyle3, .fancyButton1626.fancyButton.hover .textStyle3{ text-decoration: none; } .fancyButton1626:is(:hover, :focus, :active) .textStyle3 { padding: .5em 2em; margin-top: 1em; line-height: 1.5; opacity: 1; transition: padding .35s cubic-bezier(0, 0, 0.58, 1.0), line-height .35s cubic-bezier(0, 0, 0.58, 1.0), opacity .35s cubic-bezier(0, 0, 0.58, 1.0) .5s; } .fancyButton1626 .textStyle3:hover, .fancyButton1626:focus .textStyle3 { text-decoration: underline !important; background-color: #FFFFFF; color: #163342;} After Hours Phone: (517) 351-4220 Monday through Friday, 8 am to 5 pm"

East Lansing Hosts Fifth Annual PRIDE Celebration June 13

5 days ago

"EAST LANSING, Mich. — Community members are invited to attend the City of East Lansing’s PRIDE celebration of the LGBTQIA+ community from 4-9 p.m. Saturday, June 13, in Downtown East Lansing.East Lansing PRIDE will be hosted by the Downtown Management Board in collaboration with the Spartan Housing Cooperative. It is sponsored by Dave’s Hot Chicken, the Dr. Martin Luther King Jr. Commission of Mid-Michigan, Consumers Energy, MSU Federal Credit Union, Raising Cane’s Chicken Fingers and Splash of Color Tattoo & Piercing Studio.The event will take place along Albert Avenue between Abbot Road and M.A.C. Avenue, with more than 50 local vendors, drag story time hosted by the East Lansing Public Library, live music and an open floor drag show. This year’s PRIDE celebration will feature giveaways of T-shirts and tote bags.Bobby Hoffman will give a keynote address at 6 p.m., followed by the Open Floor Drag Show until 9 p.m., with breaks between rounds. Voting will take place both during and following the open floor round; the top two most popular acts will then compete for the crown in a lip sync battle at 8:45 p.m.Live music performances will include alternative rock band Home Grown Homunculus from 4-5:30 p.m. and award-winning Detroit-based R&B soul artist Alise King between Drag Show rounds from approximately 7:15-7:45 p.m.This year’s East Lansing PRIDE will feature an interactive public art display for individuals to add testimonials honoring someone in their lives who have helped define or realize their identity as an LGBTQIA+ individual in the Greater Lansing area.For the latest information about the event, follow @DowntownEastLansing on Facebook and Instagram."

East Lansing HRC Seeks Community Input on Human Rights Ordinance Amendments

1 week ago

"The East Lansing Human Rights Commission (HRC) will host a public forum regarding proposed amendments to the City’s Human Relations Ordinance at 7 p.m. Monday, June 8 at the East Lansing Hannah Community Center, 819 Abbot Road.Residents, community members, students, business owners, community organizations and other stakeholders are invited to participate in the forum.Participants will be able to learn more about the proposed ordinance changes, ask questions and share their feedback with the HRC. Public input gathered during the forum will help inform the Commission’s recommendations and ensure that community perspectives are considered as discussions move forward. The forum is open to all members of the public, in particular those individuals and groups who may be directly affected by the ordinance, including students, renters, workers, business owners and members of communities protected under the Human Rights Ordinance.The HRC values community participation and believes that meaningful public engagement is essential to maintaining a strong and effective framework for protecting civil and human rights in the City of East Lansing.Learn more at https://www.cityofeastlansing.com/hrc."

Community Guidelines

Share local celebrations and life transitions.
Maintain a respectful and supportive tone.
Verify event details before posting.
No commercial advertising in announcements.

Upcoming Local Events

Jun14

Echoes of Pink Floyd

Local Venue

Jun14

Lansing Lugnuts vs. Cedar Rapids Kernels

Local Venue

Jun19

Juneteenth Celebration

Sanford Campground

Jun23

Lansing Lugnuts vs. Great Lakes Loons

Local Venue

Jun23

& Juliet (Touring)

Local Venue

Celebrate Together

Sharing announcements helps build a stronger, more connected community.

Post Yours

Have a milestone to share with your community? Let everyone know.

Create Announcement