{"id":6988,"date":"2025-10-03T13:40:55","date_gmt":"2025-10-03T20:40:55","guid":{"rendered":"https:\/\/oceansideusdbond.maasco.com\/?page_id=6988"},"modified":"2025-10-19T13:32:56","modified_gmt":"2025-10-19T20:32:56","slug":"oceanside-high-school","status":"publish","type":"page","link":"https:\/\/oceansideusdbond.maasco.com\/es\/projects\/transforming-our-campuses\/oceanside-high-school\/","title":{"rendered":"Escuela secundaria de Oceanside"},"content":{"rendered":"<h1>\n\t\t\tOCEANSIDE HIGH SCHOOL\t<\/h1>\n\t\t\t\t<a href=\"https:\/\/ohs.oside.us\/\"  target=\"_blank\" rel=\"noopener\"  itemprop=\"url\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/Oceanside_Transparent.webp\" alt=\"Oceanside_Transparent\" itemprop=\"image\" height=\"496\" width=\"512\" title=\"Oceanside_Transparent\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t\t\t\t<\/a>\n<h2>\n\t\t\tProyectos completados\t<\/h2>\n\t\t\t<a href=\"https:\/\/oceansideusdbond.maasco.com\/es\/projects\/transforming-our-campuses\/\" target=\"_self\">\n\t\t\t\t\t\tBack to Projects\n\t\t\t\t\t<\/a>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #BDBDBD;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n<h2>MEASURE W<\/h2>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2023\/07\/20231009_071426.jpg\" alt=\"OHS Field\" itemprop=\"image\" height=\"6120\" width=\"8160\" title=\"20231009_071426\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li><h3>OHS &#8211; Track &#038; Field Replacement<\/h3>\n        \n          Actual Start: Jul 2022\n          Bond: Measure W\n        \n        \n          Actual Finish: Sep 2024\n          Budget: $1,861,605.74\n        \n        Brand new field turf replaced the existing, aging field. The track surface was grinded down to an even grade, and broadcast in the school colors and striped to standards. The long jump pit covers and pole vault footings were replaced and runways also received the refurbished surfacing. \n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2022\/09\/20231128_112743.jpg\" alt=\"20231128_112743\" itemprop=\"image\" height=\"6120\" width=\"8160\" title=\"20231128_112743\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li>\n              <h3>OHS &#8211; Shade Structure<\/h3>\n        \n          Actual Start: Jul 2022\n          Bond: Measure W\n        \n        \n          Actual Finish: Mar 2024\n          Budget: $194,402.00\n        \n        This project brought the addition of two new 20&#8242; x 30&#8242; fabric shade structures at the center of the campus lunch pavillion.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #BDBDBD;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n<h2>PROPOSITION H<\/h2>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/20230803_121435.jpg\" alt=\"20230803_121435\" itemprop=\"image\" height=\"6120\" width=\"8160\" title=\"20230803_121435\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li>\n              <h3>OHS &#8211; Gym Bleachers<\/h3>\n        \n          Actual Start: Dec 2022\n          Bond: Proposition H\n        \n        \n          Actual Finish: Mar 2024\n          Budget: $510,061.79\n        \n        The scope of work consisted of the removal of the aging bleachers from the gymnasium and the replacement with new telescoping bleachers including necessary electrical upgrades. Additional improvements for ADA compliance were made in the surrounding areas.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2022\/09\/IMG_0784-scaled.jpg\" alt=\"IMG_0784\" itemprop=\"image\" height=\"2560\" width=\"1920\" title=\"IMG_0784\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li>\n              <h3>OHS &#8211; Gym Windows &#038; Fans<\/h3>\n        \n          Actual Start: Jan 2022\n          Bond: Proposition H\n        \n        \n          Actual Finish: Feb 2023\n          Budget: $426,512.93\n        \n        The project involved the removal and replacement the existing clerestory windows on the saw-tooth roof and installation of two big fans inside of gym.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/IMG_0544.jpeg\" alt=\"IMG_0544\" itemprop=\"image\" height=\"2048\" width=\"1536\" title=\"IMG_0544\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li><h3>OHS &#8211; Gym Roof &#038; HVAC Repairs<\/h3>\n        \n          Actual Start: Mar 2020\n          Bond: Proposition H\n        \n        \n          Actual Finish: Jan 2022\n          Budget: $1,526,461.31\n        \n        This project consisted of the replacement the existing roof with a new membrane over the main gym and the stage areas. Additionally, two HVAC units were replaced at the lobby, as well as three non-functioning exhaust fans for heat capable fans.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/OHS_PArts-1536x1024-1.jpg\" alt=\"OHS_PArts-1536x1024\" itemprop=\"image\" height=\"1024\" width=\"1536\" title=\"OHS_PArts-1536x1024\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li>\n              <h3>OHS &#8211; Performing Arts Center<\/h3>\n        \n          Actual Start: Dec 2013\n          Bond: Proposition H\n        \n        \n          Actual Finish: Feb 2019\n          Budget: $24,198,462.04\n        \n        In addition to a 502-seat main theater, the PAC includes a black box theater, drama classrooms, recording studio, scene shop, and green room.  The indoor-outdoor lobby with its concession area doubles as an event venue, as does the new plaza on the west side of the building.  The main theater is equipped with sophisticated audio\/visual, lighting and acoustical systems that can facilitate a wide variety of performances and events.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/ohs-music-bldg.jpg\" alt=\"ohs-music-bldg\" itemprop=\"image\" height=\"1127\" width=\"1504\" title=\"ohs-music-bldg\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li><h3>OHS &#8211; Modernization, Music<\/h3>\n        \n          Actual Start: Feb 2010\n          Bond: Proposition H\n        \n        \n          Actual Finish: Feb 2013\n          Budget: $3,848,715.00\n        \n        The existing music building, built in 1955, was replaced with a new, larger two-classroom, acoustically improved building to accommodate both the band and choir programs. The new music building also provides practice and instrument storage areas, student and staff restrooms and office space.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/ohs-career.jpg\" alt=\"ohs-career\" itemprop=\"image\" height=\"1350\" width=\"1800\" title=\"ohs-career\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li><h3>OHS &#8211; New, Career Tech<\/h3>\n        \n          Actual Start: Jun 2009\n          Bond: Proposition H\n        \n        \n          Actual Finish: Aug 2012\n          Budget: $4,648,005.08\n        \n          Two classroom buildings were added to the campus to allow for expansion of the career technology educational program. The new facilities were designed specifically for students to receive health sciences and building trades career and technical training. A new 141-space parking lot was added adjacent to the buildings to provide parking in the southwest corner of the campus.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/875-701_track1.jpg\" alt=\"OHS Athletic Field 2009\" itemprop=\"image\" height=\"1200\" width=\"1600\" title=\"OHS Athletic Field 2009\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li><h3>OHS &#8211; Athletic Field<\/h3>\n        \n          Actual Start: Apr 2009\n          Bond: Proposition H\n        \n        \n          Actual Finish: Sep 2010\n          Budget: $8,062,883.48\n        \n        The high school&#8217;s stadium received major upgrades during the short time span between the end of the 2009 and the beginning of the 2010 football season, including a new synthetic turf athletic field and 9-lane track, the addition of over 2,500 grandstand seats on the home side with relocation of over 1,000 bleacher seats and a restroom building to the visitors&#8217; side, a new fitness center with restrooms and locker room, a new ticket booth, and field lighting.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #BDBDBD;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n<h2>PROPOSITION G<\/h2>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/ohs-gym-new-3.jpg\" alt=\"\" itemprop=\"image\" height=\"480\" width=\"640\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li>\n              <h3>OHS &#8211; Modernization, Gymnasium<\/h3>\n        \n          Actual Start: Aug 2002\n          Bond: Proposition G\n        \n        \n          Actual Finish: Mar 2008\n          Budget: $7,092,711.00\n        \n        The renovation of the gymnasium, also included the conversion of the stage to PE classrooms and reconstruction of the girls&#8217; shower\/locker area into department offices. New construction included a one-story front entrance addition and demolition of the existing boys&#8217; shower\/locker area, replacing it with a two-story gymnasium addition.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/OHS_S-T-southwest.jpg\" alt=\"OLYMPUS DIGITAL CAMERA\" itemprop=\"image\" height=\"480\" width=\"640\" title=\"OLYMPUS DIGITAL CAMERA\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li><h3>OHS &#8211; New, Science &#038; Tech Bldg<\/h3>\n        \n          Actual Start: Dec 2000\n          Bond: Proposition G\n        \n        \n          Actual Finish: Jun 2004\n          Budget: $13,633,075.05\n        \n        The new three-story Science and Technology building houses 30 classrooms and labs, four study rooms, rooftop astronomy viewing deck and two greenhouses.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/2004_OHS_I-J.jpg\" alt=\"OLYMPUS DIGITAL CAMERA\" itemprop=\"image\" height=\"480\" width=\"640\" title=\"OLYMPUS DIGITAL CAMERA\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li><h3>OHS &#8211; Modernization, Phase D<\/h3>\n        \n          Actual Start: Mar 2002\n          Bond: Proposition G\n        \n        \n          Actual Finish: Feb 2004\n          Budget: $3,436,575.44\n        \n        Aging classroom buildings built in 1956, 1959, and 1965 housing 26 classrooms were modernized, providing students with an up-to-date learning environment.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/OHS-E-north.jpg\" alt=\"OLYMPUS DIGITAL CAMERA\" itemprop=\"image\" height=\"480\" width=\"640\" title=\"OLYMPUS DIGITAL CAMERA\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li><h3>OHS &#8211; Modernization, Phase C<\/h3>\n        \n          Actual Start: Oct 2001\n          Bond: Proposition G\n        \n        \n          Actual Finish: Jan 2003\n          Budget: $3,264,734.17\n        \n        Aging facilities including classroom buildings built in 1937, 1939, and 1970, housing 21 classrooms, were modernized providing students with an up-to-date learning environment.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/2002_BldgT_Office_Rm103.jpg\" alt=\"OLYMPUS DIGITAL CAMERA\" itemprop=\"image\" height=\"1200\" width=\"1600\" title=\"OLYMPUS DIGITAL CAMERA\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-h {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li><h3>OHS &#8211; Modernization, Phase B<\/h3>\n        \n          Actual Start: Feb 2001\n          Bond: Proposition G\n        \n        \n          Actual Finish: Sep 2002\n          Budget: $4,096,597.61\n        \n        Aging facilities including classroom buildings built in 1954, 1955, and 1959, housing 18 classrooms, the school library (1955) and the administration building (1956) were completely renovated.\n      <\/li>\n          <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/10\/OHS-I-electrical-room-doors.jpg\" alt=\"OLYMPUS DIGITAL CAMERA\" itemprop=\"image\" height=\"480\" width=\"640\" title=\"OLYMPUS DIGITAL CAMERA\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #115431;\n    padding: 10px 15px;\n    border-left: 5px solid #BDBDBD;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #115431;\n    margin-bottom: 20px;\n    margin-top: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 10px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #115431;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #BDBDBD;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #BDBDBD;\n    color: #115431;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-funding {\n    background-color: #BDBDBD;\n    color: #115431;\n  }\n  .project-bond {\n    background-color: #115431;\n    color: #BDBDBD;\n    font-size: 16px;\n    white-space: nowrap;\n  }\n  .project-bond.proposition-g {\n    background-color: #115431;\n    color: #BDBDBD;\n  }\n        .project-description {\n            text-align: justify;\n            padding: 25px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.25;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .date-label {\n    font-size: 16px;\n  }\n  @media (max-width: 480px) {\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 0;\n      margin-top: 5px;\n    }\n  }\n<\/style> \n  <section id=\"completed-projects\">\n    <ul>\n      <li><h3>OHS &#8211; Modernization, Phase A<\/h3>\n        \n          Actual Start: Dec 2000\n          Bond: Proposition G\n        \n        \n          Actual Finish: May 2002\n          Budget: $1,105,373.00\n        \n        Reconstruction and rehabilitation of main electrical power system. Alteration to existing buildings.\n      <\/li>\n          <\/ul>\n  <\/section>","protected":false},"excerpt":{"rendered":"<p>OCEANSIDE HIGH SCHOOL Completed Projects Back to Projects MEASURE W OHS &#8211; Track &#038; Field Replacement Actual Start: Jul 2022 Bond: Measure W Actual Finish: Sep 2024 Budget: $1,861,605.74 Brand new field turf replaced the existing, aging field. The track surface was grinded down to an even grade, and broadcast in the school colors and [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":6350,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6988","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/pages\/6988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/comments?post=6988"}],"version-history":[{"count":0,"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/pages\/6988\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/pages\/6350"}],"wp:attachment":[{"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/media?parent=6988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}