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">Design Technology Certificate                </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">    <dt>Total Units:</dt>    <dd class="ml-2" data-name="Units-Container">37</dd></div>                                    <div class="d-flex ws-nowrap mr-4" data-name="StartTermPropertyElementContainer">                                        <dt>Start Term:</dt>                                        <dd class="ml-2" data-property="StartTerm.Name">Fall</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 (Fall)</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>                </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">                    DESGN 300                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Introduction to Design Resources                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</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>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    DESGN 301                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Introduction to Computer Aided Drafting and Design (CADD)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</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>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    DESGN 320                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Three Dimensional Graphics and Design                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1876603588" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1876603588 = $(\'#footerArea1876603588\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1876603588 = $(\'#footerArea1876603588\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1876603588 = $(\'#footerArea1876603588\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1876603588 = $(\'#footerArea1876603588\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1876603588 = $(\'#footerArea1876603588\').children(\'#ZTCFooter\')   ztc1876603588.children(\'sup\').css("font-size", supfontsize1876603588)   //ztc1876603588.children(\'sup\').css("color", supcolor1876603588)   ztc1876603588.children(\'span\').css("font-size", spanfontsize1876603588)   ztc1876603588.children(\'span\').css("color", spancolor1876603588)</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 (Spring)</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>                </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">                    DESGN 302                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Technical Documentation with CADD                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</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>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    DESGN 328                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Engineering Modeling and Design                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea441584045" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize441584045 = $(\'#footerArea441584045\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor441584045 = $(\'#footerArea441584045\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize441584045 = $(\'#footerArea441584045\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor441584045 = $(\'#footerArea441584045\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc441584045 = $(\'#footerArea441584045\').children(\'#ZTCFooter\')   ztc441584045.children(\'sup\').css("font-size", supfontsize441584045)   //ztc441584045.children(\'sup\').css("color", supcolor441584045)   ztc441584045.children(\'span\').css("font-size", spanfontsize441584045)   ztc441584045.children(\'span\').css("color", spancolor441584045)</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 (Fall)</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>                </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">                    DESGN 310                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Graphic Analysis and Documentation                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</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>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    DESGN 325                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Architectural Modeling and Design                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea812740324" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize812740324 = $(\'#footerArea812740324\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor812740324 = $(\'#footerArea812740324\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize812740324 = $(\'#footerArea812740324\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor812740324 = $(\'#footerArea812740324\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc812740324 = $(\'#footerArea812740324\').children(\'#ZTCFooter\')   ztc812740324.children(\'sup\').css("font-size", supfontsize812740324)   //ztc812740324.children(\'sup\').css("color", supcolor812740324)   ztc812740324.children(\'span\').css("font-size", spanfontsize812740324)   ztc812740324.children(\'span\').css("color", spancolor812740324)</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 (Spring)</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>                </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">                    DESGN 331                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Machine Design                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>2</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>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    DESGN 360                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Commercial Engineering Design and Drafting                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>4</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>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    DESGN 361                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Commercial MEP Design                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>2</span>                    </div>                </td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea407617897" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize407617897 = $(\'#footerArea407617897\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor407617897 = $(\'#footerArea407617897\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize407617897 = $(\'#footerArea407617897\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor407617897 = $(\'#footerArea407617897\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc407617897 = $(\'#footerArea407617897\').children(\'#ZTCFooter\')   ztc407617897.children(\'sup\').css("font-size", supfontsize407617897)   //ztc407617897.children(\'sup\').css("color", supcolor407617897)   ztc407617897.children(\'span\').css("font-size", spanfontsize407617897)   ztc407617897.children(\'span\').css("color", spancolor407617897)</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 (Fall)</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>                </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">                    DESGN 340                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Architecture and Construction                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>4</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>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    DESGN 351                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Surveying For Architectural Design                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>2</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>Req</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    DESGN 352                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Land Planning For Architectural Design                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>2</span>                    </div>                </td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea561077704" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize561077704 = $(\'#footerArea561077704\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor561077704 = $(\'#footerArea561077704\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize561077704 = $(\'#footerArea561077704\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor561077704 = $(\'#footerArea561077704\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc561077704 = $(\'#footerArea561077704\').children(\'#ZTCFooter\')   ztc561077704.children(\'sup\').css("font-size", supfontsize561077704)   //ztc561077704.children(\'sup\').css("color", supcolor561077704)   ztc561077704.children(\'span\').css("font-size", spanfontsize561077704)   ztc561077704.children(\'span\').css("color", spancolor561077704)</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>                </tbody>            </table>        </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><span style="color: rgb(34, 30, 31);">Holders of a Design Technology certificate are capable of working under a large number of job titles requiring the skills provided by this certificate, including </span></p><ul><li><span style="color: rgb(34, 30, 31);">CADD </span></li><li><span style="color: rgb(34, 30, 31);">Computer Aided Drafting/Design </span></li><li><span style="color: rgb(34, 30, 31);">Revit / BIM </span></li><li><span style="color: rgb(34, 30, 31);">AutoCad, Inventor, Revit, Navisworks, Sketch-Up (software packages) </span></li><li><span style="color: rgb(34, 30, 31);">Designer, Drafter, Detailer, Specialist (job descriptions) </span></li></ul><p><a href="https://docs.google.com/spreadsheets/d/1x3zn3cuN26syRywiP2Qd-QYR4YaekHTO2NmIe_zrVQA/edit?usp=sharing" target="_blank" style="color: rgb(34, 30, 31);">Link to local employment information</a></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Scheduling Notes:</h4>            <div data-property="BodyCopy"><ul><li><span style="color: rgb(34, 30, 31);">DESGN 310, 325, 340, 351, and 352 are offered in the fall. </span></li><li><span style="color: rgb(34, 30, 31);">DESGN 328, 331, 360, and 361 are offered in the spring. </span></li></ul></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Other Notes:</h4>            <div data-property="BodyCopy"><ul><li>This certificate can be started in the spring as well.  <a href="https://arc.losrios.edu/student-resources/counseling" target="_blank">See a counselor</a> to adjust the course work.</li></ul></div>        </div></div>            </div>        </div>    </div>    <div>                <p class="mb-0 mt-3">Published April 13, 2024</p>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/5209/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);