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="CRC roadmap">    <div class="bg-crc-primary text-white px-5 py-3 d-flex flex-column flex-row-md align-items-center">        <img src="https://mapmaker.losrios.edu/images/CRC_Logo.png" alt="Cosumnes 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">Fine Art Photography Certificate                </h2>            </div>            <div class="flex-grow-1"></div>    </div>    <div class="px-5 py-3 mb-4" style="background: #edf2f7 !important;">                    <div class="roadmap-overview">                        <p>The fine art photography program is designed for students who want to enter a career path in fine art photography.&nbsp;&nbsp;Students will use a variety of cameras and formats to produce images in both color and black and white.&nbsp;&nbsp;Personal expression and creativity, history and contemporary issues in photography, and visual communication will also be emphasized.&nbsp;&nbsp;&nbsp;</p>                    </div><div class="d-flex ws-nowrap justify-content-flex-end">    <dt>Total Units:</dt>    <dd class="ml-2" data-name="Units-Container">24</dd></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-crc-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 text-center">Course</th>                        <th class="text-white text-center">Units</th>                        <th class="text-white text-center">Pre-Reqs^</th>                        <th class="text-white text-center" style="white-space: normal">Semesters Offered*</th>                </tr>            </thead><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;301				</span>					<br />				<span class="">					Beginning 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" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;400				</span>					<br />				<span class="">					Digital Imaging				</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" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1810186879" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p></p></div>    </div></div><script>   var supfontsize1810186879 = $(\'#footerArea1810186879\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1810186879 = $(\'#footerArea1810186879\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1810186879 = $(\'#footerArea1810186879\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1810186879 = $(\'#footerArea1810186879\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1810186879 = $(\'#footerArea1810186879\').children(\'#ZTCFooter\')   ztc1810186879.children(\'sup\').css("font-size", supfontsize1810186879)   //ztc1810186879.children(\'sup\').css("color", supcolor1810186879)   ztc1810186879.children(\'span\').css("font-size", spanfontsize1810186879)   ztc1810186879.children(\'span\').css("color", spancolor1810186879)</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 text-center">Course</th>                        <th class="text-white text-center">Units</th>                        <th class="text-white text-center">Pre-Reqs^</th>                        <th class="text-white text-center" style="white-space: normal">Semesters Offered*</th>                </tr>            </thead><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;310				</span>					<br />				<span class="">					Intermediate Photography				</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">PHOTO 301</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F</span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;364				</span>					<br />				<span class="">					Advanced Black and White 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">PHOTO 310 or 312</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;320				</span>					<br />				<span class="">					Color 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">PHOTO 302</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1971846676" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1971846676 = $(\'#footerArea1971846676\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1971846676 = $(\'#footerArea1971846676\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1971846676 = $(\'#footerArea1971846676\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1971846676 = $(\'#footerArea1971846676\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1971846676 = $(\'#footerArea1971846676\').children(\'#ZTCFooter\')   ztc1971846676.children(\'sup\').css("font-size", supfontsize1971846676)   //ztc1971846676.children(\'sup\').css("color", supcolor1971846676)   ztc1971846676.children(\'span\').css("font-size", spanfontsize1971846676)   ztc1971846676.children(\'span\').css("color", spancolor1971846676)</script>        </div>    </div></div><div class="YearListItem">    <div class="bg-crc-primary py-2">        <div data-is-read-only="true">            <h3 class="text-center text-white bold mb-0" data-property="Name">Year 2</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">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 text-center">Course</th>                        <th class="text-white text-center">Units</th>                        <th class="text-white text-center">Pre-Reqs^</th>                        <th class="text-white text-center" style="white-space: normal">Semesters Offered*</th>                </tr>            </thead><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					3 units from List A				</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">See List A</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">See List A</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;420				</span>					<br />				<span class="">					History 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" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1326848413" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1326848413 = $(\'#footerArea1326848413\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1326848413 = $(\'#footerArea1326848413\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1326848413 = $(\'#footerArea1326848413\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1326848413 = $(\'#footerArea1326848413\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1326848413 = $(\'#footerArea1326848413\').children(\'#ZTCFooter\')   ztc1326848413.children(\'sup\').css("font-size", supfontsize1326848413)   //ztc1326848413.children(\'sup\').css("color", supcolor1326848413)   ztc1326848413.children(\'span\').css("font-size", spanfontsize1326848413)   ztc1326848413.children(\'span\').css("color", spancolor1326848413)</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">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 text-center">Course</th>                        <th class="text-white text-center">Units</th>                        <th class="text-white text-center">Pre-Reqs^</th>                        <th class="text-white text-center" style="white-space: normal">Semesters Offered*</th>                </tr>            </thead><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;360				</span>					<br />				<span class="">					Large Format 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">PHOTO 310 or 312</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">S</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;365						<sup>1</sup>				</span>					<br />				<span class="">					Alternative Process Photography				</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">PHOTO 301</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Check Class Schedule for offering</span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;366				</span>					<br />				<span class="">					Advanced Alternative Process 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">PHOTO 365</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Check Class Scheduled for offering</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea7601360" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><sup style="font-size: 1.4rem;">1</sup><span style="font-size: 1.4rem;">  Also listed as ARTH 340.</span></p><p><span style="font-size: 1.4rem;"><span class="ql-cursor"></span>^You must have passed the prerequisite course(s) with a “C” or better; Corequisite must be taken during the same semester; Advisory means it is recommended but not required to enroll in the course.</span></p><p><span style="font-size: 1.4rem;">*(O) = online available  (P) = partially online</span></p></div>    </div></div><script>   var supfontsize7601360 = $(\'#footerArea7601360\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor7601360 = $(\'#footerArea7601360\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize7601360 = $(\'#footerArea7601360\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor7601360 = $(\'#footerArea7601360\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc7601360 = $(\'#footerArea7601360\').children(\'#ZTCFooter\')   ztc7601360.children(\'sup\').css("font-size", supfontsize7601360)   //ztc7601360.children(\'sup\').css("color", supcolor7601360)   ztc7601360.children(\'span\').css("font-size", spanfontsize7601360)   ztc7601360.children(\'span\').css("color", spancolor7601360)</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">List A-a minimum of 3 units from the following:</h4>        </div>        <div class="flex-grow-1"></div>    </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 text-center">Course</th>                        <th class="text-white text-center">Units</th>                        <th class="text-white text-center">Pre-Reqs^</th>                        <th class="text-white text-center" style="white-space: normal">Semesters Offered*</th>                </tr>            </thead><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;260				</span>					<br />				<span class="">					The Eastern Sierra Landscape, Yosemite Valley				</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" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">S</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;272				</span>					<br />				<span class="">					Lightroom				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1.5</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">PHOTO 302 or 400</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(even year)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;273				</span>					<br />				<span class="">					Video Capture with DSLRs				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1.5</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">PHOTO 302 or 400</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S, Su</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;275				</span>					<br />				<span class="">					Digital Applications for Alternative Processes				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1.5</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">PHOTO 302 or 400</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">S(even year)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;277				</span>					<br />				<span class="">					Creating a Digital Portfolio 				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1.5</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">PHOTO 302 or 400</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(even year)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;278				</span>					<br />				<span class="">					Flash Photography				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1.5</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" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Check Class Schedule for offering</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;350				</span>					<br />				<span class="">					Photojournalism				</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" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Check Class Schedule for offering</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea346701627" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize346701627 = $(\'#footerArea346701627\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor346701627 = $(\'#footerArea346701627\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize346701627 = $(\'#footerArea346701627\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor346701627 = $(\'#footerArea346701627\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc346701627 = $(\'#footerArea346701627\').children(\'#ZTCFooter\')   ztc346701627.children(\'sup\').css("font-size", supfontsize346701627)   //ztc346701627.children(\'sup\').css("color", supcolor346701627)   ztc346701627.children(\'span\').css("font-size", spanfontsize346701627)   ztc346701627.children(\'span\').css("color", spancolor346701627)</script>        </div>    </div></div>            </div>        </div>        <div class="col-md-4 col-xs-12 aside-content-container">            <div data-name="SidenotesList-Container" style=""><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Career Options/Outlook:</h4>            <div data-property="BodyCopy"><p><span style="color: black; font-size: 1.6rem;">Photographers use digital or film cameras and equipment to photograph people, landscapes, merchandise, or other subjects</span><span style="color: black; background-color: white; font-size: 1.6rem;">. May develop negatives or use computer software to produce finished images and prints. Includes scientific photographers, aerial photographers, and photojournalists.&nbsp;&nbsp;</span><strong style="color: rgb(0, 0, 0); font-size: 1.6rem;">Career opportunities require more than an associate degree.</strong></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">A sample of reported job titles:</h4>            <div data-property="BodyCopy"><p><span style="background-color: white; font-size: 1.6rem;">Advertising Photographer, Commercial Photographer, Newspaper Photographer, Owner/Photographer, Photo Editor, Photographer, Photojournalist, Portrait Photographer, Sports Photographer, Studio Owner</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Projected job openings in California (2020-2030): </h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">1,810</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Projected growth in California (2020-2030):</h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">27%</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Median Salary in California (2021):</h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">$46,630/yr</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Source:</h4>            <div data-property="BodyCopy"><p><a href="https://www.onetonline.org/link/summary/27-4021.00" target="_blank" style="color: purple; font-size: 1.6rem;">https://www.onetonline.org/link/summary/27-4021.00</a></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Transfer notes:</h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">Please meet with a counselor for specific transfer course evaluation or transferring to a specific 4-year institution.</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">About this program map:</h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">This program map represents one possible pathway to complete the program. Please see a counselor to create an education plan customized to meet your needs. This map is not a guarantee of course availability or financial aid applicability.</span></p></div>        </div></div>                    <div class="mb-4">                        <div>                            <h4 class="bold" data-property="Header">                                Zero Textbook Costs (ZTC):                            </h4>                            <p>                                <span style="font-size: 1.6rem">                                    The Zero Textbook Costs designation and logo are added to any course that provides free access to all required instructional materials. These are typically shared with students through Canvas. Courses that are designated as ZTC may still require students to purchase supplemental materials such as lab coats, a calculator, art supplies, etc.                                     See full definitions and searching tips on the                                         <a style="word-break: break-word" href="https://crc.losrios.edu/admissions/enroll-in-classes/zero-textbook-costs">Zero Textbook Costs page</a>                                     of the college website.                                </span>                            </p>                        </div>                    </div>            </div>        </div>    </div>        <div class="row d-flex-print mt-4">                <div class="col-sm-12 col-md-3">                    <p class="mb-0">Catalog Year: 2025-2026</p>                        <p class="mb-0">Published May 17, 2025</p>                </div>            <div class="col-sm-12 col-md-9 roadmap-footer"><p><span style="color: rgb(0, 32, 96);">Counselor Contact: Mike Chappell&nbsp;   |    Faculty Contact: Kathryn Mayo</span></p>            </div>        </div>    <div>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/6437/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);