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 History  AA-T 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">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">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="footerArea1000738120" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1000738120 = $(\'#footerArea1000738120\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1000738120 = $(\'#footerArea1000738120\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1000738120 = $(\'#footerArea1000738120\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1000738120 = $(\'#footerArea1000738120\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1000738120 = $(\'#footerArea1000738120\').children(\'#ZTCFooter\')   ztc1000738120.children(\'sup\').css("font-size", supfontsize1000738120)   //ztc1000738120.children(\'sup\').css("color", supcolor1000738120)   ztc1000738120.children(\'span\').css("font-size", spanfontsize1000738120)   ztc1000738120.children(\'span\').css("color", spancolor1000738120)</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>RE</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">					PSYC&nbsp;330				</span>					<br />				<span class="">					Introductory Statistics for the Behavioral Sciences				</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="footerArea275078250" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize275078250 = $(\'#footerArea275078250\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor275078250 = $(\'#footerArea275078250\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize275078250 = $(\'#footerArea275078250\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor275078250 = $(\'#footerArea275078250\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc275078250 = $(\'#footerArea275078250\').children(\'#ZTCFooter\')   ztc275078250.children(\'sup\').css("font-size", supfontsize275078250)   //ztc275078250.children(\'sup\').css("color", supcolor275078250)   ztc275078250.children(\'span\').css("font-size", spanfontsize275078250)   ztc275078250.children(\'span\').css("color", spancolor275078250)</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">					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 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><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="footerArea2041785119" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize2041785119 = $(\'#footerArea2041785119\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor2041785119 = $(\'#footerArea2041785119\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize2041785119 = $(\'#footerArea2041785119\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor2041785119 = $(\'#footerArea2041785119\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc2041785119 = $(\'#footerArea2041785119\').children(\'#ZTCFooter\')   ztc2041785119.children(\'sup\').css("font-size", supfontsize2041785119)   //ztc2041785119.children(\'sup\').css("color", supcolor2041785119)   ztc2041785119.children(\'span\').css("font-size", spanfontsize2041785119)   ztc2041785119.children(\'span\').css("color", spancolor2041785119)</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>Req</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>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><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="footerArea254529116" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize254529116 = $(\'#footerArea254529116\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor254529116 = $(\'#footerArea254529116\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize254529116 = $(\'#footerArea254529116\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor254529116 = $(\'#footerArea254529116\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc254529116 = $(\'#footerArea254529116\').children(\'#ZTCFooter\')   ztc254529116.children(\'sup\').css("font-size", supfontsize254529116)   //ztc254529116.children(\'sup\').css("color", supcolor254529116)   ztc254529116.children(\'span\').css("font-size", spanfontsize254529116)   ztc254529116.children(\'span\').css("color", spancolor254529116)</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">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">					ARTH&nbsp;310				</span>					<br />				<span class="">					Modern 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>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="footerArea854639779" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize854639779 = $(\'#footerArea854639779\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor854639779 = $(\'#footerArea854639779\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize854639779 = $(\'#footerArea854639779\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor854639779 = $(\'#footerArea854639779\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc854639779 = $(\'#footerArea854639779\').children(\'#ZTCFooter\')   ztc854639779.children(\'sup\').css("font-size", supfontsize854639779)   //ztc854639779.children(\'sup\').css("color", supcolor854639779)   ztc854639779.children(\'span\').css("font-size", spanfontsize854639779)   ztc854639779.children(\'span\').css("color", spancolor854639779)</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">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>RE</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ARTH&nbsp;333				</span>					<br />				<span class="">					Introduction to Islamic 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>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>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea833490723" 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 supfontsize833490723 = $(\'#footerArea833490723\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor833490723 = $(\'#footerArea833490723\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize833490723 = $(\'#footerArea833490723\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor833490723 = $(\'#footerArea833490723\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc833490723 = $(\'#footerArea833490723\').children(\'#ZTCFooter\')   ztc833490723.children(\'sup\').css("font-size", supfontsize833490723)   //ztc833490723.children(\'sup\').css("color", supcolor833490723)   ztc833490723.children(\'span\').css("font-size", spanfontsize833490723)   ztc833490723.children(\'span\').css("color", spancolor833490723)</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">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;335				</span>					<br />				<span class="">					Survey of 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 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>Elec</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any transferable elective 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">        </div></td>                </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea685970966" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize685970966 = $(\'#footerArea685970966\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor685970966 = $(\'#footerArea685970966\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize685970966 = $(\'#footerArea685970966\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor685970966 = $(\'#footerArea685970966\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc685970966 = $(\'#footerArea685970966\').children(\'#ZTCFooter\')   ztc685970966.children(\'sup\').css("font-size", supfontsize685970966)   //ztc685970966.children(\'sup\').css("color", supcolor685970966)   ztc685970966.children(\'span\').css("font-size", spanfontsize685970966)   ztc685970966.children(\'span\').css("color", spancolor685970966)</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>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><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>Elec</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any transferable elective 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">        </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>Elec</span>        </div></td>                                        <td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					any transferable elective course 				</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"></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>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea98069908" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize98069908 = $(\'#footerArea98069908\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor98069908 = $(\'#footerArea98069908\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize98069908 = $(\'#footerArea98069908\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor98069908 = $(\'#footerArea98069908\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc98069908 = $(\'#footerArea98069908\').children(\'#ZTCFooter\')   ztc98069908.children(\'sup\').css("font-size", supfontsize98069908)   //ztc98069908.children(\'sup\').css("color", supcolor98069908)   ztc98069908.children(\'span\').css("font-size", spanfontsize98069908)   ztc98069908.children(\'span\').css("color", spancolor98069908)</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>                            <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>        </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 History 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>Students with bachelor’s degrees in Art History work in museum careers such as education, outreach, development, and registration. They also work in galleries, in sales, management, as an art preparator, or a curator. Additionally, they may work writing art criticism for newspapers and magazines, or in the field of estate sales and art auctions. Many further options are available for art historians with training at the M.A. and Ph.D. level.</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>Students can substitute ESLW 340 for ENGL C1000/C1000H (formerly known as ENGWR 300/480).</li><li><strong>Transferable Elective Courses:</strong> any elective courses numbered 300-499, or having a 4-digit number starting with C.</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>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/6174/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);