var scriptNodes = Array.prototype.slice.call(document.querySelectorAll("script[src*='mapmaker.losrios.edu']"));
var scriptNode = scriptNodes[scriptNodes.length - 1];
scriptNode.parentNode.insertBefore($('<div><link rel="stylesheet" href="https://mapmaker.losrios.edu/css/atomics.css?v=4u3dhdth3rgf4gt4s79" /><link rel="stylesheet" href="https://mapmaker.losrios.edu/css/site.css?v=4u3dhdth3rgf4gt4s79" /><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">Art A.A. Degree                </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">2025-26</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">Cal-GETC</dd>                                    </div><div class="d-flex ws-nowrap mr-4">    <dt>Total Units:</dt>    <dd class="ml-2" data-name="Units-Container">63</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">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">UNIT</th>                            <th class="text-white">Prerequisites</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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Req</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ART&nbsp;300				</span>					<br />				<span class="">					Drawing and Composition I				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" 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" style="">		<div style="padding: 5px 10px">				<span class="bold">					ENGL&nbsp;C1000				</span>					<br />				<span class="">					Academic Reading and Writing				</span>					<strong class="bold">or</strong>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></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">1A</span>        </div></td>                </tr>                <tr>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ENGL&nbsp;C1000H						<sup>H</sup>				</span>					<br />				<span class="">					Academic Reading and Writing - Honors				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td>                </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1863818171" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1863818171 = $(\'#footerArea1863818171\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1863818171 = $(\'#footerArea1863818171\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1863818171 = $(\'#footerArea1863818171\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1863818171 = $(\'#footerArea1863818171\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1863818171 = $(\'#footerArea1863818171\').children(\'#ZTCFooter\')   ztc1863818171.children(\'sup\').css("font-size", supfontsize1863818171)   //ztc1863818171.children(\'sup\').css("color", supcolor1863818171)   ztc1863818171.children(\'span\').css("font-size", spanfontsize1863818171)   ztc1863818171.children(\'span\').css("color", spancolor1863818171)</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">UNIT</th>                            <th class="text-white">Prerequisites</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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Req</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ART&nbsp;320				</span>					<br />				<span class="">					Design: Fundamentals				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" 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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MATH&nbsp;300				</span>					<br />				<span class="">					Introduction to Mathematical Ideas				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">2</span>        </div></td>                </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea56536826" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize56536826 = $(\'#footerArea56536826\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor56536826 = $(\'#footerArea56536826\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize56536826 = $(\'#footerArea56536826\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor56536826 = $(\'#footerArea56536826\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc56536826 = $(\'#footerArea56536826\').children(\'#ZTCFooter\')   ztc56536826.children(\'sup\').css("font-size", supfontsize56536826)   //ztc56536826.children(\'sup\').css("color", supcolor56536826)   ztc56536826.children(\'span\').css("font-size", spanfontsize56536826)   ztc56536826.children(\'span\').css("color", spancolor56536826)</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">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">UNIT</th>                            <th class="text-white">Prerequisites</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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Req</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ART&nbsp;370				</span>					<br />				<span class="">					Three Dimensional Design				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" 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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>RE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ART&nbsp;304				</span>					<br />				<span class="">					Figure Drawing I				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">ART 300</span>        </div></td><td class="p-0 h-100" rowspan="1" 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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any Area 1B (Critical Thinking and Composition) course				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">1B</span>        </div></td>                </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1647987814" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1647987814 = $(\'#footerArea1647987814\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1647987814 = $(\'#footerArea1647987814\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1647987814 = $(\'#footerArea1647987814\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1647987814 = $(\'#footerArea1647987814\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1647987814 = $(\'#footerArea1647987814\').children(\'#ZTCFooter\')   ztc1647987814.children(\'sup\').css("font-size", supfontsize1647987814)   //ztc1647987814.children(\'sup\').css("color", supcolor1647987814)   ztc1647987814.children(\'span\').css("font-size", spanfontsize1647987814)   ztc1647987814.children(\'span\').css("color", spancolor1647987814)</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">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">UNIT</th>                            <th class="text-white">Prerequisites</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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>RE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ART&nbsp;390				</span>					<br />				<span class="">					Ceramics				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" 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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>RE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ARTPH&nbsp;305				</span>					<br />				<span class="">					Digital Photography				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" 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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any Area 1C (Oral Communication) course				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">1C</span>        </div></td>                </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1758980844" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1758980844 = $(\'#footerArea1758980844\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1758980844 = $(\'#footerArea1758980844\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1758980844 = $(\'#footerArea1758980844\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1758980844 = $(\'#footerArea1758980844\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1758980844 = $(\'#footerArea1758980844\').children(\'#ZTCFooter\')   ztc1758980844.children(\'sup\').css("font-size", supfontsize1758980844)   //ztc1758980844.children(\'sup\').css("color", supcolor1758980844)   ztc1758980844.children(\'span\').css("font-size", spanfontsize1758980844)   ztc1758980844.children(\'span\').css("color", spancolor1758980844)</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">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">UNIT</th>                            <th class="text-white">Prerequisites</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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Req</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ARTH&nbsp;302				</span>					<br />				<span class="">					Art: Stone Age Through the Middle Ages				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">3A</span>        </div></td>                </tr></tbody><tbody data-name="CoursesList-Container">                <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any Area 3B (Humanities) course				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">3B</span>        </div></td>                </tr></tbody><tbody data-name="CoursesList-Container">                <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any Area 4 (Social &amp; Behavioral Sciences) course (from 2 academic disciplines)				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">4</span>        </div></td>                </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea937268009" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize937268009 = $(\'#footerArea937268009\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor937268009 = $(\'#footerArea937268009\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize937268009 = $(\'#footerArea937268009\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor937268009 = $(\'#footerArea937268009\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc937268009 = $(\'#footerArea937268009\').children(\'#ZTCFooter\')   ztc937268009.children(\'sup\').css("font-size", supfontsize937268009)   //ztc937268009.children(\'sup\').css("color", supcolor937268009)   ztc937268009.children(\'span\').css("font-size", spanfontsize937268009)   ztc937268009.children(\'span\').css("color", spancolor937268009)</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">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">UNIT</th>                            <th class="text-white">Prerequisites</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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>RE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ARTH&nbsp;308				</span>					<br />				<span class="">					Renaissance Tradition in Art				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" 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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>RE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ART&nbsp;327				</span>					<br />				<span class="">					Painting I				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">ART 300 or 320</span>        </div></td><td class="p-0 h-100" rowspan="1" 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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any Area 5A (Physical Sciences) course				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">5A</span>        </div></td>                </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea64496232" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize64496232 = $(\'#footerArea64496232\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor64496232 = $(\'#footerArea64496232\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize64496232 = $(\'#footerArea64496232\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor64496232 = $(\'#footerArea64496232\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc64496232 = $(\'#footerArea64496232\').children(\'#ZTCFooter\')   ztc64496232.children(\'sup\').css("font-size", supfontsize64496232)   //ztc64496232.children(\'sup\').css("color", supcolor64496232)   ztc64496232.children(\'span\').css("font-size", spanfontsize64496232)   ztc64496232.children(\'span\').css("color", spancolor64496232)</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">UNIT</th>                            <th class="text-white">Prerequisites</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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any Area 5B (Biological Sciences) course				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">5B</span>        </div></td>                </tr></tbody><tbody data-name="CoursesList-Container">                <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any Area 5C (Science Lab) course						<sup>1</sup>				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">5C</span>        </div></td>                </tr></tbody><tbody data-name="CoursesList-Container">                <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any Area 6 (Ethnic Studies) course				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">6</span>        </div></td>                </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1555578619" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><sup>1</sup> The Area 5C (Science Lab) course must correspond with either the Area 5A (Physical Sciences) or Area 5B (Biological Sciences) course.</p></div>    </div></div><script>   var supfontsize1555578619 = $(\'#footerArea1555578619\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1555578619 = $(\'#footerArea1555578619\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1555578619 = $(\'#footerArea1555578619\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1555578619 = $(\'#footerArea1555578619\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1555578619 = $(\'#footerArea1555578619\').children(\'#ZTCFooter\')   ztc1555578619.children(\'sup\').css("font-size", supfontsize1555578619)   //ztc1555578619.children(\'sup\').css("color", supcolor1555578619)   ztc1555578619.children(\'span\').css("font-size", spanfontsize1555578619)   ztc1555578619.children(\'span\').css("color", spancolor1555578619)</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">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">UNIT</th>                            <th class="text-white">Prerequisites</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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>RE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ART&nbsp;442				</span>					<br />				<span class="">					Introduction to Art Gallery Operations				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>2</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">(see below)</span>        </div></td><td class="p-0 h-100" rowspan="1" 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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>RE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ART&nbsp;361				</span>					<br />				<span class="">					Printmaking: Survey				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" 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="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any Area 4 (Social &amp; Behavioral Sciences) course (from 2 academic disciplines)				</span>		</div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td>                    <td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0 h-100" rowspan="1" data-name="GeneralEducationAreaTableCell" style="width: 1px">        <div class="d-flex space-kids-x-2" style="padding: 5px 10px">                <span class="ws-nowrap">4</span>        </div></td>                </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1276421544" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><strong>ART 442 prerequisite: </strong>Successful completion of two studio courses from ART, ARTNM, or ARTPH</p></div>    </div></div><script>   var supfontsize1276421544 = $(\'#footerArea1276421544\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1276421544 = $(\'#footerArea1276421544\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1276421544 = $(\'#footerArea1276421544\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1276421544 = $(\'#footerArea1276421544\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1276421544 = $(\'#footerArea1276421544\').children(\'#ZTCFooter\')   ztc1276421544.children(\'sup\').css("font-size", supfontsize1276421544)   //ztc1276421544.children(\'sup\').css("color", supcolor1276421544)   ztc1276421544.children(\'span\').css("font-size", spanfontsize1276421544)   ztc1276421544.children(\'span\').css("color", spancolor1276421544)</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">RE</td>                                <td class="ws-nowrap-sm vertical-align-middle">Restricted Elective</td>                                <td>A course selected from a list of elective&#xD;&#xA;courses specified for this program in&#xD;&#xA;the course list in the catalog, which can&#xD;&#xA;be replaced with another course from&#xD;&#xA;the same list</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">                        <h3 class="text-center h4">                            <strong class="uppercase bold text-arc-secondary">Transfer path</strong>                        </h3>                    </div>            <div data-name="SidenotesList-Container" style=""><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Potential Transfer Majors:</h4>            <div data-property="BodyCopy"><ul><li>Art B.A.</li></ul></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Potential Career/Options After Completing a Bachelor&#x27;s Degree:</h4>            <div data-property="BodyCopy"><p>A degree in Art prepares students for a career in art, illustration, art administration, and many other art fields, as well as providing many transferable skills like creativity, problem solving, flexibility, and patience.</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>This degree can be completed using either the local AA/AS general education (GE) pattern or the Cal-GETC transfer GE pattern.&nbsp;<a href="https://arc.losrios.edu/student-resources/counseling " target="_blank">See a counselor</a> to determine which pattern is best for you based on your academic goals.</li><li>Students can substitute ESLW 340 for ENGL C1000/C1000H (formerly known as ENGWR 300/480).</li></ul></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Other Notes to Students Preparing to Transfer:</h4>            <div data-property="BodyCopy"><ul><li>Students will want to use work created in all of the art courses to build a portfolio, which is often a requirement for transfer into an art program.</li><li>See <a href="http://www.assist.org/" target="_blank">ASSIST.ORG</a> for the transfer requirements of the institution to which you plan to transfer.</li><li>The CSU system requires every student receiving a bachelor\'s degree to be knowledgeable about the Constitution of the United States, American history, and state and local government. This requirement is generally known as the American Institutions requirement.&nbsp;Students can complete this requirement at ARC before transferring.&nbsp;The list of approved courses can be found on the ARC website.</li></ul></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Honors Courses (H):</h4>            <div data-property="BodyCopy"><p>Students with a cumulative GPA of 3.2 or better who complete 15 or more units of Honors coursework earn an <a href="https://arc.losrios.edu/academics/honors-program-office" target="_blank" style="background-color: rgb(255, 255, 255);">Honors</a> Transfer Certificate and can take advantage of honors-to-honors transfer agreements with highly selective colleges and universities, both public and private.</p></div>        </div></div>            </div>        </div>    </div>    <div>                <p class="mb-0 mt-3">Published April 11, 2025</p>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/6091/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);