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">Music AA-T Degree                </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 AA-T program is designed for students who plan to transfer to a California State University (CSU) or Univ of California (UC) campus.&nbsp;&nbsp;Other than the required core, the courses you choose to complete this degree will depend to some extent on the selected CSU/UC for transfer.&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">60-62</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">16</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>                            <th class="text-white text-center" data-name="GeneralEducationAreaColumnHeader">GE Area</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">Co-req: 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><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>3A                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUIVI&nbsp;410						<sup>1</sup>				</span>					<br />				<span class="">					Applied Music				</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">Co-req: MUFHL 402, 404, 412, or 414 &amp; MUP 310, 312, 330 335, 357, 358, 360 or 362</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					2 units from List A				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>2</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">See 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><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CalGETC Area 1A-English Competency				</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">Recommend meeting with a counselor</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><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>1A                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CalGETC Area 2-Mathematics &amp; Quantitative Reasoning				</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">Recommend meeting with a counselor</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><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>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">					CalGETC Area 3B-Humanities				</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, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>3B                </span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea342422927" 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;"> Students must enroll in MUIVI 410 each semester for 4 semesters.</span></p></div>    </div></div><script>   var supfontsize342422927 = $(\'#footerArea342422927\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor342422927 = $(\'#footerArea342422927\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize342422927 = $(\'#footerArea342422927\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor342422927 = $(\'#footerArea342422927\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc342422927 = $(\'#footerArea342422927\').children(\'#ZTCFooter\')   ztc342422927.children(\'sup\').css("font-size", supfontsize342422927)   //ztc342422927.children(\'sup\').css("color", supcolor342422927)   ztc342422927.children(\'span\').css("font-size", spanfontsize342422927)   ztc342422927.children(\'span\').css("color", spancolor342422927)</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">16</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>                            <th class="text-white text-center" data-name="GeneralEducationAreaColumnHeader">GE Area</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 402</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" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUFHL&nbsp;405				</span>					<br />				<span class="">					Musicianship II				</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">MUFHL 402 &amp; 403; Advisory: co-req  of MUFHL 404 &amp; MUIVI 341</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">S</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUIVI&nbsp;410						<sup>1</sup>				</span>					<br />				<span class="">					Applied Music				</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">Co-req: MUFHL 402, 404, 412, or 414 &amp; MUP 310, 312, 330 335, 357, 358, 360 or 362</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					2 units from List A				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>2</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">See 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><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CalGETC Area 1B-Critical Thinking				</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, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>1B                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CalGETC Area 5A-Physical Science				</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, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>5A                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					Elective				</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, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea21417715" 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;"> Students must enroll in MUIVI 410 each semester for 4 semesters.</span></p></div>    </div></div><script>   var supfontsize21417715 = $(\'#footerArea21417715\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor21417715 = $(\'#footerArea21417715\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize21417715 = $(\'#footerArea21417715\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor21417715 = $(\'#footerArea21417715\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc21417715 = $(\'#footerArea21417715\').children(\'#ZTCFooter\')   ztc21417715.children(\'sup\').css("font-size", supfontsize21417715)   //ztc21417715.children(\'sup\').css("color", supcolor21417715)   ztc21417715.children(\'span\').css("font-size", spanfontsize21417715)   ztc21417715.children(\'span\').css("color", spancolor21417715)</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">15</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>                            <th class="text-white text-center" data-name="GeneralEducationAreaColumnHeader">GE Area</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><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUFHL&nbsp;413				</span>					<br />				<span class="">					Musicianship III				</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">MUFHL 404 &amp; 405; Advisory: co-req MUFHL 412</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUIVI&nbsp;410						<sup>1</sup>				</span>					<br />				<span class="">					Applied Music				</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">Co-req: MUFHL 402, 404, 412, or 414 &amp; MUP 310, 312, 330 335, 357, 358, 360 or 362</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					2 units from List A				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>2</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">See 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><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CalGETC Area 1C-Oral Communication				</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, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>1C                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CalGETC Area 4-Social &amp; Behavioral Sciences 						<sup>2</sup>				</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, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>4                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					Elective				</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">F,  S, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1362287472" 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;"> Students must enroll in MUIVI 410 each semester for 4 semesters.</span></p><p><sup style="font-size: 1.4rem;">2 </sup><span style="font-size: 1.4rem;">A total of 6 units from 2 disciplines is required to meet IGETC Area 4.</span></p></div>    </div></div><script>   var supfontsize1362287472 = $(\'#footerArea1362287472\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1362287472 = $(\'#footerArea1362287472\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1362287472 = $(\'#footerArea1362287472\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1362287472 = $(\'#footerArea1362287472\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1362287472 = $(\'#footerArea1362287472\').children(\'#ZTCFooter\')   ztc1362287472.children(\'sup\').css("font-size", supfontsize1362287472)   //ztc1362287472.children(\'sup\').css("color", supcolor1362287472)   ztc1362287472.children(\'span\').css("font-size", spanfontsize1362287472)   ztc1362287472.children(\'span\').css("color", spancolor1362287472)</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">13-15</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>                            <th class="text-white text-center" data-name="GeneralEducationAreaColumnHeader">GE Area</th>                </tr>            </thead><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUFHL&nbsp;310						<sup>1</sup>				</span>					<br />				<span class="">					Survey of Music History and Literature (Greek Antiquity to 1750)				</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">S</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUFHL&nbsp;311						<sup>1</sup>				</span>					<br />				<span class="">					Survey of Music History and Literature (1750 to the present)				</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUFHL&nbsp;414						<sup>1</sup>				</span>					<br />				<span class="">					Music Theory IV				</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">MUFHL 412</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" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUFHL&nbsp;415						<sup>1</sup>				</span>					<br />				<span class="">					Musicianship IV				</span>					<strong class="bold">or</strong>		</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">MUFHL 412; Advisory: co-req MUFHL 414</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" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUIVI&nbsp;340						<sup>1</sup>				</span>					<br />				<span class="">					Beginning Piano				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUIVI&nbsp;341						<sup>1</sup>				</span>					<br />				<span class="">					Piano II				</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">MUIVI 340 or determined by Professor</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" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUIVI&nbsp;410						<sup>2</sup>				</span>					<br />				<span class="">					Applied Music				</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">Co-req: MUFHL 402, 404, 412, or 414 &amp; MUP 310, 312, 330 335, 357, 358, 360 or 362</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					1 unit from List A				</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">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><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CalGETC Area 4-Social &amp; Behavioral Sciences 						<sup>3</sup>				</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, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>4                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CalGETC Area 5B-Biological 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" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>5B                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CalGETC Area 5C-Biol/Phys Lab				</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" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>5C                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CalGETC Area 6-Ethnic Studies				</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, Su</span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                    Cal-GETC Area                </span>                <span>6                </span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1440374734" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><span style="font-size: 1.4rem;">^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&nbsp;&nbsp;(P) = partially online</span></p><p><sup style="font-size: 1.4rem;">1</sup><span style="font-size: 1.4rem;"> A minimum of 3 units from these courses.</span></p><p><sup style="font-size: 1.4rem;">2</sup><span style="font-size: 1.4rem;"> Students must enroll in MUIVI 410 each semester for 4 semesters.</span></p><p><sup style="font-size: 1.4rem;">3</sup><span style="font-size: 1.4rem;"> A total of 6 units from 2 disciplines is required to meet IGETC Area 4.</span></p></div>    </div></div><script>   var supfontsize1440374734 = $(\'#footerArea1440374734\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1440374734 = $(\'#footerArea1440374734\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1440374734 = $(\'#footerArea1440374734\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1440374734 = $(\'#footerArea1440374734\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1440374734 = $(\'#footerArea1440374734\').children(\'#ZTCFooter\')   ztc1440374734.children(\'sup\').css("font-size", supfontsize1440374734)   //ztc1440374734.children(\'sup\').css("color", supcolor1440374734)   ztc1440374734.children(\'span\').css("font-size", spanfontsize1440374734)   ztc1440374734.children(\'span\').css("color", spancolor1440374734)</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 8 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>                            <th class="text-white text-center" data-name="GeneralEducationAreaColumnHeader">GE Area</th>                </tr>            </thead><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					GUITARISTS/PIANISTS/COMPOSERS				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>0</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;310				</span>					<br />				<span class="">					Orchestra				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;311				</span>					<br />				<span class="">					Advanced Orchestra				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1-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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;320				</span>					<br />				<span class="">					Jazz Band				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;321				</span>					<br />				<span class="">					Advanced Jazz Band				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1-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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;330				</span>					<br />				<span class="">					Concert Band				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;331				</span>					<br />				<span class="">					Advanced Concert Band				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1-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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;353				</span>					<br />				<span class="">					Contemporary Gospel Choir				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;357				</span>					<br />				<span class="">					College Chorus				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;360				</span>					<br />				<span class="">					Chamber Singers				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;424				</span>					<br />				<span class="">					Commercial Music Ensemble				</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					INSTRUMENTALISTS				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>0</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;310				</span>					<br />				<span class="">					Orchestra				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;311				</span>					<br />				<span class="">					Advanced Orchestra				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1-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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;320				</span>					<br />				<span class="">					Jazz Band				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;321				</span>					<br />				<span class="">					Advanced Jazz Band				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1-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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;330				</span>					<br />				<span class="">					Concert Band				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;331				</span>					<br />				<span class="">					Advanced Concert Band				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1-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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					VOCALISTS				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>0</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;353				</span>					<br />				<span class="">					Contemporary Gospel Choir				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;357				</span>					<br />				<span class="">					College Chorus				</span>					<strong class="bold">or</strong>		</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					MUP&nbsp;360				</span>					<br />				<span class="">					Chamber Singers				</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"></span>        </div></td><td class="p-0" style="width: 1px" data-name="GeneralEducationAreaTableCell">        <div class="" style="padding: 5px 10px">                <span class="ws-nowrap">                                    </span>                <span>                </span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea2004127921" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><span style="color: rgb(0, 0, 0); font-size: 1.4rem;">*Students can take any of these List A courses, despite how many are listed, a maximum of 4 times to gain the total amount of credits listed in this section.</span></p></div>    </div></div><script>   var supfontsize2004127921 = $(\'#footerArea2004127921\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor2004127921 = $(\'#footerArea2004127921\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize2004127921 = $(\'#footerArea2004127921\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor2004127921 = $(\'#footerArea2004127921\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc2004127921 = $(\'#footerArea2004127921\').children(\'#ZTCFooter\')   ztc2004127921.children(\'sup\').css("font-size", supfontsize2004127921)   //ztc2004127921.children(\'sup\').css("color", supcolor2004127921)   ztc2004127921.children(\'span\').css("font-size", spanfontsize2004127921)   ztc2004127921.children(\'span\').css("color", spancolor2004127921)</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&nbsp;</span><span style="background-color: white; font-size: 1.6rem;">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 the subject matter&nbsp;specialty.</span><span style="font-size: 1.6rem;">&nbsp;</span><span style="background-color: white; font-size: 1.6rem;">Play one or more musical instruments in recital, in accompaniment, or as members of an orchestra, band, or other musical groups.</span><span style="font-size: 1.6rem;">&nbsp;</span><strong style="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;">Music teacher, Cellist, English Horn Player, Horn Player, Musician, Oboist, Orchestra Musician, Percussionist, Timpanist, Violinist, Violist</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,360</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;">25% growth</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 with advanced degree (2021):</h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">$40.61/hr</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-2042.02" target="_blank" style="color: purple; font-size: 1.6rem;">https://www.onetonline.org/link/summary/27-2042.02</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">General Education (GE):</h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">Non-specified GE courses identified by CRC  or CalGETC Area without pre- or co-requisite can be taken at any semester.</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Honors option:</h4>            <div data-property="BodyCopy"><p><span style="background-color: white; font-size: 1.6rem;">The CRC Honors Program is designed specifically for academically accomplished students and for students with the potential for high achievement.&nbsp;Students who complete 15 units or more in honors-designated courses will earn special recognition as an Honors Scholar, a distinction that may entitle the student to guaranteed transfer and scholarship opportunities at select transfer colleges and universities.</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: Maxwell Kiesner</span></p>            </div>        </div>    <div>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/6422/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);