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="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">Music Theory 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><span style="color: rgb(0, 0, 0);">Completion of this certificate provides students with an introductory foundation to the techniques and best practices of music in a variety of historical and cultural contexts. The certificate includes classes in tonal music practices as they originally developed in the Western world and have since expanded globally. Students pursuing an AA or AA-T in Music may complete this certificate as part of their coursework; please consult a counselor for more information.</span></p>                    </div><div class="d-flex ws-nowrap justify-content-flex-end">    <dt>Total Units:</dt>    <dd class="ml-2" data-name="Units-Container">13</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">4</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">					MUFHL&nbsp;400				</span>					<br />				<span class="">					Music Theory and Musicianship I				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>4</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Advisory: MUFHL 321 or MUIVI 340</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea291264947" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize291264947 = $(\'#footerArea291264947\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor291264947 = $(\'#footerArea291264947\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize291264947 = $(\'#footerArea291264947\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor291264947 = $(\'#footerArea291264947\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc291264947 = $(\'#footerArea291264947\').children(\'#ZTCFooter\')   ztc291264947.children(\'sup\').css("font-size", supfontsize291264947)   //ztc291264947.children(\'sup\').css("color", supcolor291264947)   ztc291264947.children(\'span\').css("font-size", spanfontsize291264947)   ztc291264947.children(\'span\').css("color", spancolor291264947)</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">					MUFHL&nbsp;404				</span>					<br />				<span class="">					Music Theory II				</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">MUFHL 400</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="footerArea726415446" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize726415446 = $(\'#footerArea726415446\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor726415446 = $(\'#footerArea726415446\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize726415446 = $(\'#footerArea726415446\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor726415446 = $(\'#footerArea726415446\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc726415446 = $(\'#footerArea726415446\').children(\'#ZTCFooter\')   ztc726415446.children(\'sup\').css("font-size", supfontsize726415446)   //ztc726415446.children(\'sup\').css("color", supcolor726415446)   ztc726415446.children(\'span\').css("font-size", spanfontsize726415446)   ztc726415446.children(\'span\').css("color", spancolor726415446)</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">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">					MUFHL&nbsp;412				</span>					<br />				<span class="">					Music Theory III				</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">MUFHL 404</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea605106913" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize605106913 = $(\'#footerArea605106913\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor605106913 = $(\'#footerArea605106913\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize605106913 = $(\'#footerArea605106913\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor605106913 = $(\'#footerArea605106913\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc605106913 = $(\'#footerArea605106913\').children(\'#ZTCFooter\')   ztc605106913.children(\'sup\').css("font-size", supfontsize605106913)   //ztc605106913.children(\'sup\').css("color", supcolor605106913)   ztc605106913.children(\'span\').css("font-size", spanfontsize605106913)   ztc605106913.children(\'span\').css("color", spancolor605106913)</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">					MUFHL&nbsp;414				</span>					<br />				<span class="">					Music Theory IV				</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">MUFHL 412</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="footerArea1305202699" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1305202699 = $(\'#footerArea1305202699\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1305202699 = $(\'#footerArea1305202699\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1305202699 = $(\'#footerArea1305202699\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1305202699 = $(\'#footerArea1305202699\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1305202699 = $(\'#footerArea1305202699\').children(\'#ZTCFooter\')   ztc1305202699.children(\'sup\').css("font-size", supfontsize1305202699)   //ztc1305202699.children(\'sup\').css("color", supcolor1305202699)   ztc1305202699.children(\'span\').css("font-size", spanfontsize1305202699)   ztc1305202699.children(\'span\').css("color", spancolor1305202699)</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="font-size: 1.6rem;">There are diverse career opportunities with a degree in music.&nbsp;&nbsp;For example, Secondary School Music Teachers teach students in one or more subjects, such as English, mathematics, or social studies at the secondary level in public or private schools. May be designated according to subject matter specialty. Play one or more musical instruments in recital, in accompaniment, or as members of an orchestra, band, or other musical groups. Career opportunities require more than an associate degree or certificate.</span></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>Music teacher, Cellist, English Horn Player, Horn Player, Musician, Oboist, Orchestra Musician, Percussionist, Timpanist, Violinist, Violist</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>1,360</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>25% growth</p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Median Salary in California with advaced degree (2021):</h4>            <div data-property="BodyCopy"><p>$40.61/hr</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-2042.02" target="_blank" style="font-size: 1.6rem; color: purple; background-color: rgb(255, 255, 255);">O-Net Online</a></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">About this map:</h4>            <div data-property="BodyCopy"><p>This program map represents one possible pathway to complete the program. Please see a counselor to create an education plan that is customized to meet your needs. This map is not a guarantee of course availability or financial aid applicability.</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: 2026-2027</p>                        <p class="mb-0">Published August 24, 2026</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: Maxwell Kiesner</span></p>            </div>        </div>    <div>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/8030/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);