var scriptNodes = Array.prototype.slice.call(document.querySelectorAll("script"));
var scriptNode = scriptNodes[scriptNodes.length - 1];
scriptNode.parentNode.insertBefore($('<div><link rel="stylesheet" href="https://mapmaker.losrios.edu/css/atomics.css?v=2u3mdwda679" /><link rel="stylesheet" href="https://mapmaker.losrios.edu/css/site.css?v=2u3mdwda679" /><div class="document" role="document">' + '<div class="ARC roadmap">    <div class="bg-arc-primary text-white px-5 py-3 d-flex flex-column flex-row-md align-items-center">        <img src="https://mapmaker.losrios.edu/images/ARC_Logo.png" alt="American River College logo" class="my-2 my-0-sm roadmap-arc-logo" style="display: block" />            <div data-is-read-only="true">                <h2 class="mb-0 ml-4-sm bold text-center text-left-sm my-2 my-0-sm text-white">CIS: Computer Programming A.S. Degree                         - C&#x2B;&#x2B; concentration                </h2>            </div>            <div class="flex-grow-1"></div>            <div class="bg-arc-secondary p-3 ml-4 my-2 my-0-sm" style="border-radius: 1rem">                    <div data-is-read-only="true">                        <span class="uppercase bold ws-nowrap text-white">Part Time</span>                    </div>            </div>    </div>    <div class="px-5 py-3 mb-4" style="background: rgb(237, 238, 238) !important;">            <div class="row d-flex-print">                <div class="col-sm-8 mb-3 mb-0-sm">                        <p class="mb-0">                            This program roadmap represents one possible pathway to complete                            the program. <strong>Please see a counselor</strong> to create an education plan that                            is customized to meet your needs. This roadmap is not a guarantee of                            course availability or financial aid applicability.                        </p>                </div>                <div class="col-sm-4 d-flex">                    <div class="flex-grow-1-sm"></div>                        <div data-is-read-only="true">                            <dl class="mb-0 d-flex d-block-sm flex-wrap">                                <div class="d-flex ws-nowrap mr-4">                                    <dt>Catalog:</dt>                                    <dd class="ml-2" data-property="Catalog.Name">2024-25</dd>                                </div>                                    <div class="d-flex ws-nowrap mr-4" data-name="GeneralEducationPatternPropertyElementContainer">                                        <dt>GE Pattern:</dt>                                        <dd class="ml-2" data-property="GeneralEducationPattern.Name">local AA/AS</dd>                                    </div><div class="d-flex ws-nowrap mr-4">    <dt>Total Units:</dt>    <dd class="ml-2" data-name="Units-Container">60</dd></div>                            </dl>                        </div>                </div>            </div>    </div>    <div class="row align-items-stretch d-flex-md">        <div class="col-md-8 col-xs-12">            <div data-name="YearsList-Container"><div class="YearListItem">    <div class="bg-arc-primary py-2">        <div data-is-read-only="true">            <h3 class="text-center text-white bold mb-0" data-property="Name">First Year</h3>        </div>    </div>    <div class="p-4 border">        <div data-name="SemestersList-Container"><div class="mb-4">    <div class="d-flex align-items-center mb-2">        <div data-is-read-only="true">            <h4 class="bold mb-0" data-property="Name">Semester 1</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">9</span> Units            </strong>    </div>    <div class="overflow-auto overflow-visible-sm mobile-scrollbar">        <table class="mb-0" data-name="CourseSlotsList-Container" style="height: 1px">            <thead>                <tr>                        <th class="text-white">CAT.</th>                        <th class="text-white">COURSE</th>                        <th class="text-white">TITLE</th>                        <th class="text-white">UNIT</th>                                <th class="text-white" data-name="GeneralEducationAreaColumnHeader">GE AREA</th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    CISC 310                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Introduction to Computer Information Science                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    CISP 300                        <sup>1</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Algorithm Design/Problem Solving                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    HCD 310                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            College Success                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">IIIb</span>        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea887996952" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize887996952 = $(\'#footerArea887996952\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor887996952 = $(\'#footerArea887996952\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize887996952 = $(\'#footerArea887996952\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor887996952 = $(\'#footerArea887996952\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc887996952 = $(\'#footerArea887996952\').children(\'#ZTCFooter\')   ztc887996952.children(\'sup\').css("font-size", supfontsize887996952)   //ztc887996952.children(\'sup\').css("color", supcolor887996952)   ztc887996952.children(\'span\').css("font-size", spanfontsize887996952)   ztc887996952.children(\'span\').css("color", spancolor887996952)</script><div class="mb-4">    <div class="d-flex align-items-center mb-2">        <div data-is-read-only="true">            <h4 class="bold mb-0" data-property="Name">Semester 2</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">6</span> Units            </strong>    </div>    <div class="overflow-auto overflow-visible-sm mobile-scrollbar">        <table class="mb-0" data-name="CourseSlotsList-Container" style="height: 1px">            <thead>                <tr>                        <th class="text-white">CAT.</th>                        <th class="text-white">COURSE</th>                        <th class="text-white">TITLE</th>                        <th class="text-white">UNIT</th>                                <th class="text-white" data-name="GeneralEducationAreaColumnHeader">GE AREA</th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    MATH 300                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Introduction to Mathematical Ideas                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">IIb</span>                <div class="d-flex">    <div class="d-flex">        <span class="badge">MC</span>    </div>                </div>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="3" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    ENGWR 300                        /                </span>                <span class="ws-nowrap">                    480                        <sup>H</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            College Composition                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="3" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">IIa</span>                <div class="d-flex">    <div class="d-flex">        <span class="badge">WC</span>    </div>                </div>        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea592442852" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize592442852 = $(\'#footerArea592442852\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor592442852 = $(\'#footerArea592442852\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize592442852 = $(\'#footerArea592442852\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor592442852 = $(\'#footerArea592442852\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc592442852 = $(\'#footerArea592442852\').children(\'#ZTCFooter\')   ztc592442852.children(\'sup\').css("font-size", supfontsize592442852)   //ztc592442852.children(\'sup\').css("color", supcolor592442852)   ztc592442852.children(\'span\').css("font-size", spanfontsize592442852)   ztc592442852.children(\'span\').css("color", spancolor592442852)</script>        </div>    </div></div><div class="YearListItem">    <div class="bg-arc-primary py-2">        <div data-is-read-only="true">            <h3 class="text-center text-white bold mb-0" data-property="Name">Second Year</h3>        </div>    </div>    <div class="p-4 border">        <div data-name="SemestersList-Container"><div class="mb-4">    <div class="d-flex align-items-center mb-2">        <div data-is-read-only="true">            <h4 class="bold mb-0" data-property="Name">Semester 3</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">7</span> Units            </strong>    </div>    <div class="overflow-auto overflow-visible-sm mobile-scrollbar">        <table class="mb-0" data-name="CourseSlotsList-Container" style="height: 1px">            <thead>                <tr>                        <th class="text-white">CAT.</th>                        <th class="text-white">COURSE</th>                        <th class="text-white">TITLE</th>                        <th class="text-white">UNIT</th>                                <th class="text-white" data-name="GeneralEducationAreaColumnHeader">GE AREA</th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    CISP 360                        <sup>1</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Introduction to Structured Programming                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>4</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Elec</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    CISW 300                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Web Publishing                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea212836203" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><sup>1 </sup>CISP 480 can be taken in place of CISP 300 and 360.</p></div>    </div></div><script>   var supfontsize212836203 = $(\'#footerArea212836203\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor212836203 = $(\'#footerArea212836203\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize212836203 = $(\'#footerArea212836203\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor212836203 = $(\'#footerArea212836203\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc212836203 = $(\'#footerArea212836203\').children(\'#ZTCFooter\')   ztc212836203.children(\'sup\').css("font-size", supfontsize212836203)   //ztc212836203.children(\'sup\').css("color", supcolor212836203)   ztc212836203.children(\'span\').css("font-size", spanfontsize212836203)   ztc212836203.children(\'span\').css("color", spancolor212836203)</script><div class="mb-4">    <div class="d-flex align-items-center mb-2">        <div data-is-read-only="true">            <h4 class="bold mb-0" data-property="Name">Semester 4</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">7</span> Units            </strong>    </div>    <div class="overflow-auto overflow-visible-sm mobile-scrollbar">        <table class="mb-0" data-name="CourseSlotsList-Container" style="height: 1px">            <thead>                <tr>                        <th class="text-white">CAT.</th>                        <th class="text-white">COURSE</th>                        <th class="text-white">TITLE</th>                        <th class="text-white">UNIT</th>                                <th class="text-white" data-name="GeneralEducationAreaColumnHeader">GE AREA</th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    CISP 350                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Database Programming                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    MUFHL 308                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Introduction to Music: Rock &amp; Roll                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">I</span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            any PE activity course                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>1</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">IIIa</span>        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1422525763" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1422525763 = $(\'#footerArea1422525763\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1422525763 = $(\'#footerArea1422525763\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1422525763 = $(\'#footerArea1422525763\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1422525763 = $(\'#footerArea1422525763\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1422525763 = $(\'#footerArea1422525763\').children(\'#ZTCFooter\')   ztc1422525763.children(\'sup\').css("font-size", supfontsize1422525763)   //ztc1422525763.children(\'sup\').css("color", supcolor1422525763)   ztc1422525763.children(\'span\').css("font-size", spanfontsize1422525763)   ztc1422525763.children(\'span\').css("color", spancolor1422525763)</script>        </div>    </div></div><div class="YearListItem">    <div class="bg-arc-primary py-2">        <div data-is-read-only="true">            <h3 class="text-center text-white bold mb-0" data-property="Name">Third Year</h3>        </div>    </div>    <div class="p-4 border">        <div data-name="SemestersList-Container"><div class="mb-4">    <div class="d-flex align-items-center mb-2">        <div data-is-read-only="true">            <h4 class="bold mb-0" data-property="Name">Semester 5</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">7</span> Units            </strong>    </div>    <div class="overflow-auto overflow-visible-sm mobile-scrollbar">        <table class="mb-0" data-name="CourseSlotsList-Container" style="height: 1px">            <thead>                <tr>                        <th class="text-white">CAT.</th>                        <th class="text-white">COURSE</th>                        <th class="text-white">TITLE</th>                        <th class="text-white">UNIT</th>                                <th class="text-white" data-name="GeneralEducationAreaColumnHeader">GE AREA</th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    CISP 400                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Object Oriented Programming with C&#x2B;&#x2B;                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>4</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="3" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    POLS 301                        /                </span>                <span class="ws-nowrap">                    481                        <sup>H</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Introduction to Government: United States                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="3" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">Va</span>        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1251208989" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1251208989 = $(\'#footerArea1251208989\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1251208989 = $(\'#footerArea1251208989\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1251208989 = $(\'#footerArea1251208989\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1251208989 = $(\'#footerArea1251208989\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1251208989 = $(\'#footerArea1251208989\').children(\'#ZTCFooter\')   ztc1251208989.children(\'sup\').css("font-size", supfontsize1251208989)   //ztc1251208989.children(\'sup\').css("color", supcolor1251208989)   ztc1251208989.children(\'span\').css("font-size", spanfontsize1251208989)   ztc1251208989.children(\'span\').css("color", spancolor1251208989)</script><div class="mb-4">    <div class="d-flex align-items-center mb-2">        <div data-is-read-only="true">            <h4 class="bold mb-0" data-property="Name">Semester 6</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">8</span> Units            </strong>    </div>    <div class="overflow-auto overflow-visible-sm mobile-scrollbar">        <table class="mb-0" data-name="CourseSlotsList-Container" style="height: 1px">            <thead>                <tr>                        <th class="text-white">CAT.</th>                        <th class="text-white">COURSE</th>                        <th class="text-white">TITLE</th>                        <th class="text-white">UNIT</th>                                <th class="text-white" data-name="GeneralEducationAreaColumnHeader">GE AREA</th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Elec</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    RUSS 401                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Elementary Russian                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>4</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Elec</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    CISW 310                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Advanced Web Publishing                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>4</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1583838165" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1583838165 = $(\'#footerArea1583838165\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1583838165 = $(\'#footerArea1583838165\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1583838165 = $(\'#footerArea1583838165\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1583838165 = $(\'#footerArea1583838165\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1583838165 = $(\'#footerArea1583838165\').children(\'#ZTCFooter\')   ztc1583838165.children(\'sup\').css("font-size", supfontsize1583838165)   //ztc1583838165.children(\'sup\').css("color", supcolor1583838165)   ztc1583838165.children(\'span\').css("font-size", spanfontsize1583838165)   ztc1583838165.children(\'span\').css("color", spancolor1583838165)</script>        </div>    </div></div><div class="YearListItem">    <div class="bg-arc-primary py-2">        <div data-is-read-only="true">            <h3 class="text-center text-white bold mb-0" data-property="Name">Fourth Year</h3>        </div>    </div>    <div class="p-4 border">        <div data-name="SemestersList-Container"><div class="mb-4">    <div class="d-flex align-items-center mb-2">        <div data-is-read-only="true">            <h4 class="bold mb-0" data-property="Name">Semester 7</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">7</span> Units            </strong>    </div>    <div class="overflow-auto overflow-visible-sm mobile-scrollbar">        <table class="mb-0" data-name="CourseSlotsList-Container" style="height: 1px">            <thead>                <tr>                        <th class="text-white">CAT.</th>                        <th class="text-white">COURSE</th>                        <th class="text-white">TITLE</th>                        <th class="text-white">UNIT</th>                                <th class="text-white" data-name="GeneralEducationAreaColumnHeader">GE AREA</th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    CISP 430                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Data Structures                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>4</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    HIST 308                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            History of World Civilizations, 1500 to Present                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">VI</span>        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea632841101" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize632841101 = $(\'#footerArea632841101\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor632841101 = $(\'#footerArea632841101\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize632841101 = $(\'#footerArea632841101\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor632841101 = $(\'#footerArea632841101\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc632841101 = $(\'#footerArea632841101\').children(\'#ZTCFooter\')   ztc632841101.children(\'sup\').css("font-size", supfontsize632841101)   //ztc632841101.children(\'sup\').css("color", supcolor632841101)   ztc632841101.children(\'span\').css("font-size", spanfontsize632841101)   ztc632841101.children(\'span\').css("color", spancolor632841101)</script><div class="mb-4">    <div class="d-flex align-items-center mb-2">        <div data-is-read-only="true">            <h4 class="bold mb-0" data-property="Name">Semester 8</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">9</span> Units            </strong>    </div>    <div class="overflow-auto overflow-visible-sm mobile-scrollbar">        <table class="mb-0" data-name="CourseSlotsList-Container" style="height: 1px">            <thead>                <tr>                        <th class="text-white">CAT.</th>                        <th class="text-white">COURSE</th>                        <th class="text-white">TITLE</th>                        <th class="text-white">UNIT</th>                                <th class="text-white" data-name="GeneralEducationAreaColumnHeader">GE AREA</th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    PHYS 310                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Conceptual Physics                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">IV</span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="3" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    PSYC 300                        /                </span>                <span class="ws-nowrap">                    480                        <sup>H</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            General Principles                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="3" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">Vb</span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Elec</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    ARTNM 322                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Beginning Digital Art                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1408958587" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><sup>H</sup> honors courses</p></div>    </div></div><script>   var supfontsize1408958587 = $(\'#footerArea1408958587\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1408958587 = $(\'#footerArea1408958587\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1408958587 = $(\'#footerArea1408958587\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1408958587 = $(\'#footerArea1408958587\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1408958587 = $(\'#footerArea1408958587\').children(\'#ZTCFooter\')   ztc1408958587.children(\'sup\').css("font-size", supfontsize1408958587)   //ztc1408958587.children(\'sup\').css("color", supcolor1408958587)   ztc1408958587.children(\'span\').css("font-size", spanfontsize1408958587)   ztc1408958587.children(\'span\').css("color", spancolor1408958587)</script>        </div>    </div></div>            </div>    <div style="border: 4px solid #003058" class="mt-4">        <div class="px-5 py-4">            <table class="mb-0">                <thead>                    <tr>                        <th colspan="3" class="uppercase text-center text-white">Explanation of Categories</th>                    </tr>                </thead>                <tbody>                            <tr>                                <td class="bold vertical-align-middle">Req</td>                                <td class="ws-nowrap-sm vertical-align-middle">Required Core</td>                                <td>A course that is required for this&#xD;&#xA;program</td>                            </tr>                            <tr>                                <td class="bold vertical-align-middle">GE</td>                                <td class="ws-nowrap-sm vertical-align-middle">General Education</td>                                <td>A course that fulfills a specific general&#xD;&#xA;education requirement for a degree,&#xD;&#xA;which can be replaced with another&#xD;&#xA;course that meets the same&#xD;&#xA;requirement</td>                            </tr>                            <tr>                                <td class="bold vertical-align-middle">Elec</td>                                <td class="ws-nowrap-sm vertical-align-middle">Degree Elective</td>                                <td>A degree-applicable course that is part&#xD;&#xA;of a degree roadmap to ensure that&#xD;&#xA;there is a total of at least 60 units,&#xD;&#xA;which is a requirement for an associate&#xD;&#xA;degree</td>                            </tr>                </tbody>            </table>                <h4 class="mt-4"><strong>Graduation Requirement</strong></h4>                <div class="d-flex-sm">                    <p class="mb-3-xs mb-0-sm mr-3">                        A course that fulfills a specific graduation requirement                        which can be replaced by another course that meets                        the same graduation requirement.                    </p>                    <div class="d-flex flex-column">                            <div class="ws-nowrap">                                <span class="badge">MC</span> = Math Competency                            </div>                            <div class="ws-nowrap">                                <span class="badge">WC</span> = Writing Competency                            </div>                    </div>                </div>        </div>    </div>        </div>        <div class="col-md-4 col-xs-12 aside-content-container">                    <div data-is-read-only="true" class="mb-4">                        <h4 class="text-center">                            <strong class="uppercase bold text-arc-secondary">Career path</strong>                        </h4>                    </div>            <div data-name="SidenotesList-Container" style=""><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Career Options:</h4>            <div data-property="BodyCopy"><p>Upon completion of this degree, students have the minimum qualifications for an entry-level programmer/developer.</p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Advising Notes:</h4>            <div data-property="BodyCopy"><ul><li><span style="color: black;">Students can substitute ESLW 340 for ENGWR 300/480</span>.</li></ul></div>        </div></div>            </div>        </div>    </div>    <div>                <p class="mb-0 mt-3">Published April 12, 2024</p>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/4948/PublishedPdf" class="button-lg" style="display: table; margin: 5rem auto;" target="_blank">Download PDF<span class="caret"><i class="fa fa-download" aria-hidden="true"></i></span></a></div>').get()[0], scriptNode.nextSibling);