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=4u3dhdth3rgfdfgdg4gt4s79" /><link rel="stylesheet" href="https://mapmaker.losrios.edu/css/site.css?v=4u3dhdth3rgfdfgdg4gt4s79" /><div class="document" role="document">' + '<div class="FLC roadmap">    <div class="bg-flc-primary text-white px-5 py-3 d-flex flex-column flex-row-md align-items-center">        <img src="https://mapmaker.losrios.edu/images/FLC_Logo.png" alt="Folsom Lake 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">Clay Arts Certificate                </h2>            </div>            <div class="flex-grow-1"></div>    </div>    <div class="px-5 py-3 mb-4" style="background: rgb(237, 238, 238) !important;">                    <div class="roadmap-overview">                        <p>This program roadmap represents one possible pathway to complete the program. <strong><em>Please see a counselor</em></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. For counseling appointments call 916.608.6510.&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">15</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-flc-secondary 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">					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" 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">					ART&nbsp;372				</span>					<br />				<span class="">					Sculpture				</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" 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">					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" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">S</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea255156220" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize255156220 = $(\'#footerArea255156220\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor255156220 = $(\'#footerArea255156220\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize255156220 = $(\'#footerArea255156220\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor255156220 = $(\'#footerArea255156220\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc255156220 = $(\'#footerArea255156220\').children(\'#ZTCFooter\')   ztc255156220.children(\'sup\').css("font-size", supfontsize255156220)   //ztc255156220.children(\'sup\').css("color", supcolor255156220)   ztc255156220.children(\'span\').css("font-size", spanfontsize255156220)   ztc255156220.children(\'span\').css("color", spancolor255156220)</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">3</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">					ART&nbsp;402				</span>					<br />				<span class="">					Beginning Clay Sculpture				</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="footerArea1892132726" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1892132726 = $(\'#footerArea1892132726\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1892132726 = $(\'#footerArea1892132726\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1892132726 = $(\'#footerArea1892132726\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1892132726 = $(\'#footerArea1892132726\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1892132726 = $(\'#footerArea1892132726\').children(\'#ZTCFooter\')   ztc1892132726.children(\'sup\').css("font-size", supfontsize1892132726)   //ztc1892132726.children(\'sup\').css("color", supcolor1892132726)   ztc1892132726.children(\'span\').css("font-size", spanfontsize1892132726)   ztc1892132726.children(\'span\').css("color", spancolor1892132726)</script>        </div>    </div></div><div class="YearListItem">    <div class="bg-flc-secondary 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">3</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">					ART&nbsp;391				</span>					<br />				<span class="">					Intermediate 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">ART 390</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="footerArea952064699" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize952064699 = $(\'#footerArea952064699\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor952064699 = $(\'#footerArea952064699\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize952064699 = $(\'#footerArea952064699\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor952064699 = $(\'#footerArea952064699\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc952064699 = $(\'#footerArea952064699\').children(\'#ZTCFooter\')   ztc952064699.children(\'sup\').css("font-size", supfontsize952064699)   //ztc952064699.children(\'sup\').css("color", supcolor952064699)   ztc952064699.children(\'span\').css("font-size", spanfontsize952064699)   ztc952064699.children(\'span\').css("color", spancolor952064699)</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">3</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">					ART&nbsp;404				</span>					<br />				<span class="">					Intermediate Clay Sculpture				</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 402</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="footerArea1081492906" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1081492906 = $(\'#footerArea1081492906\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1081492906 = $(\'#footerArea1081492906\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1081492906 = $(\'#footerArea1081492906\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1081492906 = $(\'#footerArea1081492906\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1081492906 = $(\'#footerArea1081492906\').children(\'#ZTCFooter\')   ztc1081492906.children(\'sup\').css("font-size", supfontsize1081492906)   //ztc1081492906.children(\'sup\').css("color", supcolor1081492906)   ztc1081492906.children(\'span\').css("font-size", spanfontsize1081492906)   ztc1081492906.children(\'span\').css("color", spancolor1081492906)</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">Notes</h4>            <div data-property="BodyCopy"><p>Upon completion of this program, the student will be able to:&nbsp;</p><ul><li>analyze compositional principles as they apply to three-dimensional form and space.&nbsp;</li><li>create ceramic and clay sculpture utilizing basic traditional and contemporary techniques.&nbsp;</li><li>demonstrate the proper and safe use of kilns and other clay related equipment.&nbsp;</li><li><strong>Art 372 offered only in fall&nbsp;</strong></li><li><strong>Art 370 offered only in spring</strong></li></ul></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://flc.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: 2026-2027</p>                        <p class="mb-0">Published April 01, 2026</p>                </div>            <div class="col-sm-12 col-md-9 roadmap-footer">            </div>        </div>    <div>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/7116/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);