CINXE.COM
Contact | Imperial County Transportation Commission
<!doctype html> <html lang="en" prefix="og:https://ogp.me/ns#"> <head> <meta charset="utf-8"> <title>Contact | Imperial County Transportation Commission</title> <meta name="description" content="Imperial County Transportation Commission"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Imperial County Transportation Commission"> <meta property="og:locale" content="en_US"> <meta property="og:site_name" content="Imperial County Transportation Commission"> <meta property="og:title" content="Contact"> <meta property="og:type" content="website"> <link href="https://www.imperialctc.org/contact" rel="canonical"> <link href="/img/asset/dGhlbWUvZmF2aWNvbi5wbmc=/favicon.png?fit=crop&fm=png&w=192&h=192&s=feaf91b9cb9b83235b9a081904fe4eaa" rel="icon" sizes="192x192"> <link href="/img/asset/dGhlbWUvZmF2aWNvbi5wbmc=/favicon.png?fit=crop&fm=png&w=96&h=96&s=21b46974e3e452b71899448bf025f356" rel="icon" sizes="96x96"> <link href="/img/asset/dGhlbWUvZmF2aWNvbi5wbmc=/favicon.png?fit=crop&fm=png&w=32&h=32&s=0ed707410fab8fcbea839912035d8fff" rel="icon" sizes="32x32"> <link href="/img/asset/dGhlbWUvZmF2aWNvbi5wbmc=/favicon.png?fit=crop&fm=png&w=16&h=16&s=cbebbc8204691f676e0ab143d85a27a4" rel="icon" sizes="16x16"> <link href="/img/asset/dGhlbWUvZmF2aWNvbi5wbmc=/favicon.png?fit=crop&fm=png&w=180&h=180&s=30caf5330648921d1301a81ab81d5939" rel="apple-touch-icon" sizes="180x180"> <link href="/css/app.css?id=89d42ea21cf653e1d7a2eb7ffbabb617" rel="stylesheet"> </head> <body> <div class="bg-gray-100 font-open-sans leading-relaxed min-h-screen text-gray-900 layout layout--default layout--is-motionless" id="app"> <a class="absolute bg-gray-900 flex h-16 inset-x-0 items-center justify-center focus:opacity-100 focus:outline-none focus:ring-gray-900 focus:ring-opacity-50 text-white -top-16 focus:top-0 z-50" href="#main"> Skip to main content <span class="ml-2 fa-solid fa-level-down" aria-hidden="true"></span> </a> <header class="bg-brand-blue-500 lg:bottom-0 fixed inset-x-0 lg:right-auto shadow-md text-white top-0 lg:w-64 xl:w-72 z-40" role="banner"> <div class="lg:hidden"> <div class="py-4"> <div class="container"> <div class="flex flex-wrap items-center justify-center -mx-4"> <div class="px-4 w-auto"> <h1> <a class="block ring-opacity-50 ring-white" href="/" title="Return to homepage"> <img class="h-16 md:h-20" alt="Imperial County Transportation Commission" src="/theme/logo.svg"> </a> </h1> </div> </div> </div> </div> <div class="bg-brand-blue-600 border-brand-blue-700 border-t leading-none py-2 text-sm"> <div class="container"> <div class="flex flex-row flex-wrap gap-y-6 justify-between -mx-3"> <div class="px-3 w-auto"> <div class="relative"> <button class="flex items-center peer px-3 py-2 no-underline space-x-2 text-white"> <span class="fa-regular fa-language leading-none text-xl" aria-hidden="true"></span> <span class="leading-none underline">Language</span> </button> <div class="absolute duration-300 ease-out invisible focus-within:visible hover:visible peer-focus:visible peer-hover:visible left-0 opacity-0 focus-within:opacity-100 hover:opacity-100 peer-focus:opacity-100 peer-hover:opacity-100 top-[calc(100%-0.5rem)] focus-within:top-full hover:top-full peer-focus:top-full peer-hover:top-full transition-all w-32 z-[-1] focus-within:z-10 hover:z-10 peer-focus:z-10 peer-hover:z-10"> <div class="bg-white p-1 rounded shadow-md"> <a class="focus:bg-brand-blue-100 hover:bg-brand-blue-100 block leading-snug px-3 py-2 text-brand-blue-600 focus:text-brand-blue-700 hover:text-brand-blue-700 text-left text-sm w-full" href="https://www.imperialctc.org/contact"> English </a> <a class="focus:bg-brand-blue-100 hover:bg-brand-blue-100 block leading-snug px-3 py-2 text-brand-blue-600 focus:text-brand-blue-700 hover:text-brand-blue-700 text-left text-sm w-full" href="https://www.imperialctc.org/es/contact"> Espa帽ol </a> </div> </div> </div> </div> <div class="px-3 w-auto" id="navigation-mobile"> <button class="flex items-center px-3 py-2 no-underline space-x-2 text-white" id="navigation-mobile-open" type="button" v-bind:aria-expanded="navigation.mobile.isOpen ? 'true' : 'false'" aria-haspopup="true" v-on:click="navigationMobileOpen"> <span class="leading-none underline">Navigation</span> <span class="fa-solid fa-bars leading-none text-xl" aria-hidden="true"></span> </button> <div class="bg-gray-900 bg-opacity-75 duration-300 ease-out fixed inset-0 transition-all" v-bind:class="{ 'opacity-100 visible z-10':navigation.mobile.isOpen, 'invisible opacity-0 z-0':!navigation.mobile.isOpen }" v-cloak> <div class="absolute bg-white duration-300 ease-out flex flex-col inset-4 rounded shadow-md transform-gpu transition-all" id="navigation-mobile-trap" v-bind:class="{ 'opacity-100 scale-100 visible':navigation.mobile.isOpen, 'invisible opacity-0 scale-95':!navigation.mobile.isOpen }"> <div class="bg-brand-blue-500 flex items-center justify-between p-4 rounded-t text-white"> <h2> <img class="h-16 md:h-20" alt="Imperial County Transportation Commission" src="/theme/logo.svg"> </h2> <button class="flex items-center px-3 py-2 no-underline space-x-2 text-white" id="navigation-mobile-close" type="button" v-on:click="navigationMobileClose"> <span class="leading-none underline">Close</span> <span class="fa-solid fa-times leading-none text-xl" aria-hidden="true"></span> </button> </div> <div class="flex-1 overflow-y-scroll"> <nav role="navigation" aria-label="Main"> <ul class="list-none m-0 p-4" role="menubar"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/">Home</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/message-from-the-executive-director">Message from the Executive Director</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/doing-business-with-ictc">Doing Business with ICTC</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc">About ICTC</a> <div> <ul class="list-none ml-4 p-0" aria-label="About ICTC" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/commission">Commission</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/our-team">ICTC Team</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/committees">Committees</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/owp-and-budget">OWP and Budget</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/employment-opportunities">Employment Opportunities</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/general-assembly-and-economic-summit">General Assembly & Economic Summit</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/ridership-data">Ridership Data</a> </li> </ul> </div> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/news-and-announcements">Press Releases & Announcements</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/commission">Meetings & Agendas</a> <div> <ul class="list-none ml-4 p-0" aria-label="Meetings & Agendas" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/commission">Commission</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/management-committee">Management Committee</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/tac">TAC</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/sstac">SSTAC</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/imperial-mexicali-binational-alliance">Imperial/Mexicali Binational Alliance</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/calvans">CALVANS</a> </li> </ul> </div> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/transit-and-non-motorized">Publications & Reports</a> <div> <ul class="list-none ml-4 p-0" aria-label="Publications & Reports" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/transit-and-non-motorized">Transit & Non-Motorized</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/transportation-plans-and-studies">Transportation Plans & Studies</a> <div> <ul class="list-none ml-4 p-0" aria-label="Transportation Plans & Studies" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/transportation-plans-and-studies/regional-climate-action-plan">Regional Climate Action Plan</a> </li> </ul> </div> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/financial-reports">Financial Reports</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/programs-and-projects">Programs & Projects</a> </li> </ul> </div> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/projects">Projects</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/transit-services">Transit Services</a> <div> <ul class="list-none ml-4 p-0" aria-label="Transit Services" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/transit-services/ada-compliant-procedures">ADA Complaint Procedures</a> </li> </ul> </div> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="https://www.ltaimperial.com">About LTA</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="http://www.ivrma.org">About IVRMA</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/contact">Contact</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </div> <div class="divide-brand-blue-600 divide-y-2 h-full hidden lg:flex lg:flex-col"> <div class="p-6"> <h1> <a class="block ring-opacity-50 ring-white" href="/" title="Return to homepage"> <img class="w-full" alt="Imperial County Transportation Commission" src="/theme/logo.svg"> </a> </h1> </div> <div class="divide-brand-blue-600 divide-y-2 leading-none p-6 text-center text-sm"> <div class="flex justify-start"> <div class="relative"> <button class="flex items-center peer no-underline space-x-2 text-white"> <span class="fa-regular fa-language leading-none text-xl" aria-hidden="true"></span> <span class="leading-none underline">Language</span> </button> <div class="absolute duration-300 ease-out invisible focus-within:visible hover:visible peer-focus:visible peer-hover:visible left-0 opacity-0 focus-within:opacity-100 hover:opacity-100 peer-focus:opacity-100 peer-hover:opacity-100 pt-1 shadow-md top-[calc(100%-0.5rem)] focus-within:top-full hover:top-full peer-focus:top-full peer-hover:top-full transition-all w-32 z-[-1] focus-within:z-10 hover:z-10 peer-focus:z-10 peer-hover:z-10"> <div class="bg-white p-1 rounded shadow-md"> <a class="focus:bg-brand-blue-100 hover:bg-brand-blue-100 block leading-snug px-3 py-2 text-brand-blue-600 focus:text-brand-blue-700 hover:text-brand-blue-700 text-left text-sm w-full" href="https://www.imperialctc.org/contact"> English </a> <a class="focus:bg-brand-blue-100 hover:bg-brand-blue-100 block leading-snug px-3 py-2 text-brand-blue-600 focus:text-brand-blue-700 hover:text-brand-blue-700 text-left text-sm w-full" href="https://www.imperialctc.org/es/contact"> Espa帽ol </a> </div> </div> </div> </div> <div class="gap-4 grid grid-cols-3 mt-4 pt-4"> <div class="flex items-center justify-center space-x-2"> <div class="leading-none text-2xl"> <span class="fa-solid " title="Current Conditions" aria-hidden="true"></span> <span class="sr-only">Current Conditions: Clear</span> </div> <div> 67° </div> </div> <div class="flex items-center justify-center space-x-2"> <div class="leading-none text-2xl"> <span class="fa-solid fa-temperature-full" title="High Temperature" aria-hidden="true"></span> <span class="sr-only">High Temperature</span> </div> <div> 68° </div> </div> <div class="flex items-center justify-center space-x-2"> <div class="leading-none text-2xl"> <span class="fa-solid fa-temperature-quarter" title="Low Temperature" aria-hidden="true"></span> <span class="sr-only">Low Temperature</span> </div> <div> 66° </div> </div> </div> </div> <div class="bg-brand-blue-700 flex-1 overflow-y-scroll" id="navigation-desktop"> <nav aria-label="Main" role="navigation"> <ul class="list-none m-0 p-0" role="menubar"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/"> Home </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/message-from-the-executive-director"> Message from the Executive Director </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/doing-business-with-ictc"> Doing Business with ICTC </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/about-ictc"> About ICTC </a> <button class="absolute peer-focus:text-brand-blue-700 peer-hover:text-brand-blue-700 top-4 z-10 left-6 " type="button" aria-expanded="false" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-plus" aria-hidden="true"></span> <span class="sr-only">About ICTC</span> </button> <ul class="list-none m-0 p-0 hidden" aria-label="About ICTC" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/commission"> Commission </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/our-team"> ICTC Team </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/committees"> Committees </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/owp-and-budget"> OWP and Budget </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/employment-opportunities"> Employment Opportunities </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/general-assembly-and-economic-summit"> General Assembly & Economic Summit </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/ridership-data"> Ridership Data </a> </li> </ul> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/news-and-announcements"> Press Releases & Announcements </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/meetings-and-agendas/commission"> Meetings & Agendas </a> <button class="absolute peer-focus:text-brand-blue-700 peer-hover:text-brand-blue-700 top-4 z-10 left-6 " type="button" aria-expanded="false" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-plus" aria-hidden="true"></span> <span class="sr-only">Meetings & Agendas</span> </button> <ul class="list-none m-0 p-0 hidden" aria-label="Meetings & Agendas" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/commission"> Commission </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/management-committee"> Management Committee </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/tac"> TAC </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/sstac"> SSTAC </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/imperial-mexicali-binational-alliance"> Imperial/Mexicali Binational Alliance </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/calvans"> CALVANS </a> </li> </ul> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/publications-and-reports/transit-and-non-motorized"> Publications & Reports </a> <button class="absolute peer-focus:text-brand-blue-700 peer-hover:text-brand-blue-700 top-4 z-10 left-6 " type="button" aria-expanded="false" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-plus" aria-hidden="true"></span> <span class="sr-only">Publications & Reports</span> </button> <ul class="list-none m-0 p-0 hidden" aria-label="Publications & Reports" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/publications-and-reports/transit-and-non-motorized"> Transit & Non-Motorized </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/publications-and-reports/transportation-plans-and-studies"> Transportation Plans & Studies </a> <button class="absolute peer-focus:text-brand-blue-700 peer-hover:text-brand-blue-700 top-4 z-10 left-12 " type="button" aria-expanded="false" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-plus" aria-hidden="true"></span> <span class="sr-only">Transportation Plans & Studies</span> </button> <ul class="list-none m-0 p-0 hidden" aria-label="Transportation Plans & Studies" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-24 " href="/publications-and-reports/transportation-plans-and-studies/regional-climate-action-plan"> Regional Climate Action Plan </a> </li> </ul> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/publications-and-reports/financial-reports"> Financial Reports </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/publications-and-reports/programs-and-projects"> Programs & Projects </a> </li> </ul> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/projects"> Projects </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/transit-services"> Transit Services </a> <button class="absolute peer-focus:text-brand-blue-700 peer-hover:text-brand-blue-700 top-4 z-10 left-6 " type="button" aria-expanded="false" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-plus" aria-hidden="true"></span> <span class="sr-only">Transit Services</span> </button> <ul class="list-none m-0 p-0 hidden" aria-label="Transit Services" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/transit-services/ada-compliant-procedures"> ADA Complaint Procedures </a> </li> </ul> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="https://www.ltaimperial.com"> About LTA </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="http://www.ivrma.org"> About IVRMA </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 bg-white text-brand-blue-700" href="/contact"> Contact </a> </li> </ul> </nav> </div> </div> </header> <div class="flex flex-col min-h-screen lg:pl-64 xl:pl-72 pt-24 md:pt-28 lg:pt-0"> <main class="flex-1" id="main" role="main"> <div class="template template--contact"> <section class="bg-gray-900 h-96 relative"> <div class="absolute bottom-0 inset-x-0 translate-y-1/2 z-10"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full md:w-11/12 xl:w-10/12"> <h2 class="bg-brand-green-600 inline-block leading-none p-6 rounded text-4xl text-white"> Contact </h2> </div> </div> </div> </div> <v-fieldset-map :markers='[{"color":"brand-green","coordinates":{"lat":32.80693550100348,"lng":-115.56913683113136}}]'></v-fieldset-map> </section> <section class="pb-12 pt-22"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 space-y-12 w-full md:w-11/12 xl:w-10/12"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 space-y-4 w-full xl:w-6/12 2xl:w-6/12"> <h3 class="leading-tight text-brand-green-500 text-2xl"> Imperial County Transportation Commission </h3> <div class="!mb-8 space-y-4"> <div class="space-y-2"> <div class=""> <div class=""> Maria Gamez, <span class="italic">Office Technician</span> </div> <div class="text-sm"> <div class=""> <a class="font-normal no-underline" href="mailto:mariagamez@imperialctc.org"> mariagamez@imperialctc.org </a> </div> </div> </div> </div> </div> <div class="flex space-x-2"> <div class="text-brand-green-400"> <span class="fa-fw fa-solid fa-location-dot" aria-hidden="true"></span> </div> <div> 1503 N Imperial Ave, Ste 104<br /> El Centro, CA 92243 </div> </div> <div class="flex space-x-2"> <div class="text-brand-green-400"> <span class="fa-fw fa-solid fa-phone-office" aria-hidden="true"></span> </div> <div> P: 760-592-4494 </div> </div> <div class="flex space-x-2"> <div class="text-brand-green-400"> <span class="fa-fw fa-solid fa-fax" aria-hidden="true"></span> </div> <div> F: 760-592-4410 </div> </div> <div class="flex space-x-2"> <div class="text-brand-green-400"> <span class="fa-fw fa-solid fa-envelope" aria-hidden="true"></span> </div> <div> mariagamez@imperialctc.org </div> </div> <div class="flex space-x-2"> <div class="text-brand-green-400"> <span class="fa-fw fa-solid fa-clock" aria-hidden="true"></span> </div> <div> Monday through Friday, 8:00am to 5:00pm </div> </div> </div> <div class="mt-12 xl:mt-0 px-4 w-full xl:w-6/12 2xl:w-6/12" id="form"> <div class="bg-white border p-6 rounded space-y-4"> <h3 class="leading-tight text-brand-green-500 text-2xl"> Send Us A Message </h3> <form method="POST" action="https://www.imperialctc.org/!/forms/contact" class="space-y-6"><input type="hidden" name="_token" value="1lSVN7ROazWJRCOCy3wh1A4vT7vvDYVPIGUOkGCR" autocomplete="off"><input type="hidden" name="_redirect" value="https://www.imperialctc.org/contact#form" /> <input type="hidden" name="_error_redirect" value="https://www.imperialctc.org/contact#form" /> <div class="hidden"> <input name="my_name_zAuytLlyvqJLwIsV" type="text" value="" aria-label="my_name_zAuytLlyvqJLwIsV"> <input name="valid_from" type="text" value="eyJpdiI6IkgyZEp4YU5BaS9qeFJhU0dqNWVtNXc9PSIsInZhbHVlIjoiRkJIdzdxam0xNkhPOUZaMThDUEVUdz09IiwibWFjIjoiNzE2ZWJjYTlmNmU1NjcwYTY2NGE5MWUyMTYzZWQxOWRlYjJmZDdmZTU5ZDkxMDBkNDFlOGEyYjQzNGY4NWJlNSIsInRhZyI6IiJ9" aria-label="valid_from"> </div> <div class="gap-6 grid grid-cols-2"> <div class="col-span-2 space-y-2"> <label class="block leading-none" for="recipient"> Recipient <span class="text-red-600">*</span> </label> <div> <select class="border-gray-200 px-3 py-2 rounded text-gray-900 w-full" id="recipient" name="recipient" required><option value>Please select...</option><option value="cristilerma@imperialctc.org">Cristi Lerma, Secretary to the Commission</option><option value="davidaguirre@imperialctc.org">David Aguirre, Executive Director</option><option value="michellebastidas@imperialctc.org">Michelle Bastidas, Administrative Financial Analyst II</option><option value="marleneflores@imperialctc.org">Marlene Flores, Associate Transportation Planner</option><option value="gustavogomez@imperialctc.org">Gustavo Gomez, Transit Planner / Regional Mobility Coordinator</option><option value="maricelagalarza@imperialctc.org">Maricela Galarza, IVRMA Project Manager</option><option value="reception@imperialctc.org">Maria Gamez, Office Technician</option><option value="assistant@imperialctc.org">Espy Avila, Office Technician</option></select> </div> </div> <div class="col-span-2 sm:col-span-1 xl:col-span-2 2xl:col-span-1 space-y-2"> <label class="block leading-none" for="name"> Name <span class="text-red-600">*</span> </label> <div> <input class="border-gray-200 px-3 py-2 rounded text-gray-900 w-full" id="name" name="name" required type="text" > </div> </div> <div class="col-span-2 sm:col-span-1 xl:col-span-2 2xl:col-span-1 space-y-2"> <label class="block leading-none" for="email"> Email <span class="text-red-600">*</span> </label> <div> <input class="border-gray-200 px-3 py-2 rounded text-gray-900 w-full" id="email" name="email" required type="email" > </div> </div> <div class="col-span-2 space-y-2"> <label class="block leading-none" for="message"> Message <span class="text-red-600">*</span> </label> <div> <textarea class="border-gray-200 px-3 py-2 rounded text-gray-900 w-full" id="message" name="message" rows="3" required></textarea> </div> </div> <div class="col-span-2"> <div class="gap-6 grid grid-cols-2"> <div class="col-span-2 sm:col-span-1 xl:col-span-2 2xl:col-span-1"> <button class="bg-brand-green-600 hover:bg-brand-green-700 flex items-center justify-center leading-none focus:opacity-100 hover:opacity-100 px-6 py-3 focus:ring-brand-green-600 focus:ring-opacity-50 rounded space-x-2 text-center text-base text-white w-full" type="submit"> <div> Submit </div> <div> <span class="fa-solid fa-paper-plane" aria-hidden="true"></span> </div> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> </section> </div> </main> <footer class="bg-brand-blue-900 py-12 text-sm text-white" role="contentinfo"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full md:w-11/12 xl:w-10/12"> <div class="gap-8 grid grid-cols-1 md:grid-cols-3"> <div class="flex flex-col h-full space-y-4"> <div class="flex-1 space-y-4"> <div class="font-black font-merriweather leading-none text-lg"> Imperial County Transportation Commission </div> <div> <p>1503 N Imperial Ave, Ste 104<br>El Centro, CA 92243<br>760-592-4494</p> </div> <div> <nav aria-label="Policies" role="navigation"> <ul class="flex items-center list-none m-0 p-0 space-x-1" role="menu"> <li role="none"> <a href="/policies/privacy" role="menuitem">Privacy</a> </li> <li class="my-0" aria-hidden="true" role="none"> / </li> <li role="none"> <a href="/policies/accessibility" role="menuitem">Accessibility</a> </li> <li class="my-0" aria-hidden="true" role="none"> / </li> <li role="none"> <a href="/policies/title-vi" role="menuitem">Title VI</a> </li> </ul> </nav> </div> </div> <div class="text-gray-300 text-xs"> Website crafted by <a href="https://www.conveyorgroup.com">Conveyor Group</a> </div> </div> <div class="space-y-4"> <div class="font-black font-merriweather leading-none text-lg"> Transportation Services </div> <div> <nav aria-label="Transportation Services" role="navigation"> <ul class="list-none m-0 p-0" role="menu"> <li role="none"> <a href="https://www.ivtransit.com" role="menuitem">Imperial Valley Transit</a> </li> <li role="none"> <a href="https://www.ivtaccess.org" role="menuitem">IVT Access</a> </li> <li role="none"> <a href="https://www.ivtmedtrans.com" role="menuitem">IVT MedTrans</a> </li> <li role="none"> <a href="http://www.ivtride.com" role="menuitem">IVT Ride</a> </li> <li role="none"> <a href="https://www.ycipta.org" role="menuitem">Yuma County Area Transit</a> </li> </ul> </nav> </div> </div> <div class="space-y-4"> <div class="font-black font-merriweather leading-none text-lg"> Projects </div> <div> <nav aria-label="Projects" role="navigation"> <ul class="list-none m-0 p-0" role="menu"> <li role="none"> <a href="/projects/calexico-east-port-of-entry-intermodal-transportation-center" role="menuitem">Calexico East Port of Entry Intermodal Transportation Center</a> </li> <li role="none"> <a href="/projects/calexico-intermodal-transportation-center" role="menuitem">Calexico Intermodal Transportation Center (ITC)</a> </li> <li role="none"> <a href="/projects/forrester-road-improvements" role="menuitem">Forrester Road Improvements</a> </li> <li role="none"> <a href="/projects/imperial-valley-transit-ivt-comprehensive-operations-analysis-coa" role="menuitem">Imperial Valley Transit (IVT) Comprehensive Operations Analysis (COA)</a> </li> <li role="none"> <a href="/projects/sr-86-border-patrol-checkpoint-expansion-project" role="menuitem">SR-86 Border Patrol Checkpoint Expansion</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </footer> </div> <v-component-sweet-alert :alerts='[{"heading":"Call for Projects","content":"<p>Federal Fiscal Year 2026-2027 & 2027-2028 Surface Transportation Block Grant Program (STBG) and Congestion Mitigation and Air Quality Improvement Program (CMAQ).<\/p><p>Visit our <a href=\"https:\/\/www.imperialctc.org\/doing-business-with-ictc\">Doing Business with ICTC<\/a> page for more details!<\/p>","id":"m72lkrle","type":"alert"}]' hash="dcf99dfb1081b760c0348b6ed199b060"></v-component-sweet-alert> </div> <script defer src="/js/app.js?id=1bf60fe8fa013cf7830f798da2a76149"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-03BFHBEGT7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-03BFHBEGT7', { 'anonymize_ip':true }); </script> </body> </html>