CINXE.COM
California State Payroll System (CSPS) Project
<!DOCTYPE html> <!-- page id = 927 --> <html lang="en"> <head> <meta charset="utf-8"> <title>California State Payroll System (CSPS) Project</title> <meta name="Author" content="State of California"> <meta name="Description" content="California State Payroll System (CSPS) Project SCO"> <meta name="Keywords" content="California, government, Project, CSPS, California State Payroll System, California Payroll"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="/Structural-Images/favicon2.ico" type="image/x-icon"> <link href="/css/cagov.core.min.css" rel="stylesheet"> <link href="/css/colortheme-oceanside.min.css" rel="stylesheet"> <script src="/js/cagov.core.js"></script> <link href="/fontawesome-pro6/css/fontawesome.min.css" rel="stylesheet"> <link href="/fontawesome-pro6/css/brands.min.css" rel="stylesheet"> <link href="/fontawesome-pro6/css/solid.min.css" rel="stylesheet"> <link href="/fontawesome-pro6/css/regular.min.css" rel="stylesheet"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5D5F2SV');</script> <!-- End Google Tag Manager --> <link href="/css/custom-v6.css" rel="stylesheet" /> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5D5F2SV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header role="banner" id="header" class="global-header fixed"> <div id="skip-to-content"> <a href="#main-content">Skip to Main Content</a> </div> <div class="utility-header"> <div class="container"> <div class="flex-row"> <div class="social-media-links"> <div class="header-cagov-logo"> <!--<a href="https://ca.gov" class="ps-3"> <span class="sr-only">CA.gov</span> <span class="ca-gov-logo-svg"> </span> </a> ---> <a href="https://www.facebook.com/CAController" class="ps-2" aria-label="California State Controller's Office facebook"> <span class="sr-only">California State Controller's Office facebook</span> <span class="ca-gov-icon-facebook"> </span> </a> <a href="https://www.instagram.com/californiacontroller/" class="ps-2" aria-label="California State Controller's Office instagram"> <span class="sr-only">California State Controller's Office instagram</span> <span class="ca-gov-icon-instagram"> </span> </a> <a href="https://www.linkedin.com/company/california-state-controllers" class="ps-2" aria-label="California State Controller's Office linked in"> <span class="sr-only">California State Controller's Office linked in</span> <span class="ca-gov-icon-linkedin"> </span> </a> <a href="https://twitter.com/CAController" class="ps-2" aria-label="California State Controller's Office twitter"> <span class="sr-only">California State Controller's Office twitter</span> <span class="ca-gov-icon-twitter"> </span> </a> <a href="/language.html" class="ps-2 text-decoration-none"> <span class="fas fa-globe"> </span> <span class="fs-6">Language</span> </a> </div> </div> <div class="settings-links"></div> </div> </div> </div> <!-- header branding with light gray background --> <div class="section-default"> <div class="branding"> <div class="header-organization-banner"> <a href="/index.html"> <div class="logo-assets"> <img src="/Structural-Images/sco_seal_110.PNG" class="logo-img" alt="State Controller Seal"> <div class="logo-text"> <span class="logo-state">California State Controller's Office</span> <span class="logo-dept">Malia M. Cohen</span> </div> </div> </a> </div> </div> </div> <!-- mobile navigation controls --> <div class="mobile-controls"> <span class="mobile-control-group mobile-header-icons"> <!-- Add more mobile controls here. These will be on the right side of the mobile page header section --> </span> <div class="mobile-control-group main-nav-icons"> <button id="nav-icon3" class="mobile-control toggle-menu" aria-expanded="false" aria-controls="navigation" title="menu"> <span></span> <span></span> <span></span> <span></span> <span class="sr-only">Menu</span> </button> </div> </div> <div class="navigation-search full-width-nav container"> <div id="head-search" class="search-container search-container featured-search"> <div class="container"> <form id="Search" class="pos-rel" action="/serp.html"> <label class="sr-only" id="SearchInput" for="q">Custom Google Search</label> <input type="text" id="q" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield" /> <button type="submit" class="gsc-search-button" title="Submit"> <span class="ca-gov-icon-search" aria-hidden="true"></span> <span class="visually-hidden" hidden>search</span> </button> <div class="close-search-btn"> <button class="close-search gsc-clear-button border-0 bg-transparent pos-rel" type="reset"> <span class="sr-only">Close</span> </button> </div> </form> </div> </div> <nav id="navigation" class="main-navigation dropdown" aria-label="Main navigation"> <ul id="nav_list" class="top-level-nav w-100"> <li class="nav-item"> <a class="first-level-link text-center" href="/index.html">Home</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/eo_about.html">About Us</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/public_services.html">Public Services</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/sl.html">State and Local</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/se.html">State Employees</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/pubs.html">Publications</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/eo_news.html">News</a> </li> <li class="nav-item"> <a class="first-level-link text-center" href="/eo_contactus.html">Contact Us</a> </li> </ul> </nav> </div> <div class="header-decoration"></div> </header> <div id="main-content" class="main-content bg-gray-lightest p-b"> <main class="main-primary" id="main"> <div class="container p-t-md"> <div class="row"> <nav aria-label="Breadcrumb" class="breadcrumbs"> <ol> <li><a href="/index.html">Home</a></li><li><a href="/se.html">State Employees</a></li> <li class="active">California State Payroll System (CSPS) Project</li> </ol> </nav> <h1>California State Payroll System (CSPS) Project</h1> <div><div class="pb-4 text-image-2col"> <div class="bg-gray-600 text-light"> <div class="row col"> <div class="col-lg-5 my-auto p-4"> <div class="m-b-lg"> <p>WHAT WE DO<br /> Lead the project that will modernize the human resource management, travel advance and expense management, and payroll systems used by approximately 300,000 state government employees.</p> <p>WHY WE DO IT<br /> To provide accurate and timely personnel and payroll services for the state of California with quality customer service.</p> </div> </div> <div class="col-lg-7 my-auto order-first"> <img class="img-fluid" src="/Content-Images/csps-banner.png" alt="A person tapping HR icon on a virtual screen"> </div> </div> </div> </div><div class="row p-t tile-icon-sub" > <div class="col-md-6 col-lg-3"> <div class="h-100 d-inline-block m-b w-100"> <a class="btn bg-info-success w-100 p-t" href="/about-the-csps-project.html" role="link"> <i class="fa-solid fa-circle-info fa-2xl"></i> <div class="font-size-20 text-middle lh-1 p-y">About the Project</div> </a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="h-100 d-inline-block m-b w-100"> <a class="btn bg-gray-light w-100 p-t" href="/csps_project_timeline.html" role="link"> <i class="fa-solid fa-chart-simple fa-2xl"></i> <div class="font-size-20 text-middle lh-1 p-y">Project Timeline</div> </a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="h-100 d-inline-block m-b w-100"> <a class="btn bg-info-success w-100 p-t" href="/Meet_the_Team.html" role="link"> <i class="fa-solid fa-people-group fa-2xl "></i> <div class="font-size-20 text-middle lh-1 p-y">Meet the Team</div> </a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="h-100 d-inline-block m-b w-100"> <a class="btn bg-gray-light w-100 p-t" href="/csps_faq.html" role="link"> <i class="fa-solid fa-clipboard-question fa-2xl "></i> <div class="font-size-20 text-middle lh-1 p-y">CSPS Project FAQ</div> </a> </div> </div> <!----start of section page#26748 ----> <div class="row"> <div class="col"> <h2>A Message from Controller Cohen</h2> <p><a href="https://youtu.be/M8nTHM72W9I?si=f1Ub9-hkK0cd37Y2" target="_blank"><img alt="Controller Malia S. Cohen explains the CSPS Project." src="/Files-CSPS/CSPS-video-thumbnail.jpg" /></a></p> <p><a href="https://youtu.be/M8nTHM72W9I?si=-zdgM5V3Kgsf_veX" target="_blank">Watch the Video on YouTube</a></p> <p> </p> </div> </div> <!----start of section page#26749 ----> <div class="row"> <div class="col"> <h2>Resources</h2> <ul> <li><a href="https://www.sco.ca.gov/csps_project_contact_us.html">Contact Us</a></li> <li><a href="https://www.calhr.ca.gov/Pages/home.aspx">California Department of Human Resource (CalHR)</a> </li> <li><a href="https://cdt.ca.gov/pal-it-project-proposal-tracking/">California Department of Technology (CDT)</a></li> <li><a href="https://www.sco.ca.gov/cec.html">Cal Employee Connect Project (CEC)</a></li> </ul> </div> </div> </div> </div> </div> </main> </div> <aside class="p-b-md p-t-sm section-standout site-footer"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="h5 w-100 brd-bottom brd-highlight p-b" role="heading" aria-level="2">Contacts</div> <a href="/eo_about_func.html" class="d-block no-underline m-y font-size-14">Divisions of the SCO</a><a href="/eo_about_email_directory.html" class="d-block no-underline m-y font-size-14">Email subscription directory</a><a href="/scocontactus/contactech" class="d-block no-underline m-y font-size-14">Contact the webmaster</a><a href="/eo_about_records.html" class="d-block no-underline m-y font-size-14">Accessing public records</a> </div> <div class="col-md-4"> <div class="h5 w-100 brd-bottom brd-highlight p-b" role="heading" aria-level="2">Assistance</div> <a href="/eo_privacy.html" class="d-block no-underline m-y font-size-14">Privacy policy</a><a href="/eo_accessibility.html" class="d-block no-underline m-y font-size-14">Accessibility</a><a href="/feedback.html" class="d-block no-underline m-y font-size-14">Feedback</a><a href="https://covid19.ca.gov/" class="d-block no-underline m-y font-size-14">COVID19.CA.gov</a> </div> <div class="col-md-4"> <div class="h5 w-100 brd-bottom brd-highlight p-b" role="heading" aria-level="2">Other links</div> <a href="https://registertovote.ca.gov/" class="d-block no-underline m-y font-size-14">Register to Vote</a><a href="https://get.adobe.com/reader/" class="d-block no-underline m-y font-size-14">Adobe Reader</a><a href="https://saveourwater.com/" class="d-block no-underline m-y font-size-14">Save Our Water</a><a href="/eo_about_jobs.html" class="d-block no-underline m-y font-size-14">Career Opportunities</a> </div> </div> </div> </aside> <!-- Global Footer --> <footer id="footer" class="global-footer"> <!-- Copyright Statement --> <div class="copyright"> <div class="container text-left font-size-14"> Copyright © <span id="thisyear"> <script> document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear())) </script> </span> State of California - State Controller's Office</div> </div> <button class="return-top"> <span class="sr-only">Back to top</span> </button> </footer> </body> </html>