body {
	margin: 0;
	font-family: "skolar-sans-latin", "Skolar Sans Latin", sans-serif;
	font-size: 20px;
	color: #3a3e3f;
	background-color: #f9f9f9;
}
h2, h3 { font-family: "skolar-sans-latin", "Skolar Sans Latin", sans-serif; }
h2 { font-size: 1.3em; color: #1d1d1b; margin-top:1em; margin-bottom:.25em; }
h3 { font-size: 1.1em; color: #494949; text-transform: uppercase;  margin-top:1em; margin-bottom:.5em; }
h4 { font-size: 1em; color: #000000;  margin-top:1em; margin-bottom:.5em; font-family:"skolar-sans-latin", "Skolar Sans Latin", sans-serif; }
a img { border: 0; }

.wrap {
	max-width: 1036px;
	margin: 0 auto;
	position: relative;
}
main > article > .wrap {
	overflow: auto;
}
.noshow {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
	overflow: hidden;
	width: 1px;
	height: 1px;
}
.lauLogoLink {
	float: left;
	margin: 34px 0 0 66px;
}
.lauLogo {
	width: 132px;
	height: auto;
}

.headBtns {
	float: right;
}
.headBtnArchive,
.headBtnSearch {
	border-left: 1px solid #d3d3d3;
}
.headTop {
	overflow: auto;
	background-color: #FFFFFF;
}
.headTop h1 {
	color: #000000;
	text-transform: uppercase;
	font-size: 0.875em;
	font-weight: normal;
	float: left;
	margin: 46px 0 0 25px;
	padding: 0 0 5px 18px;
	border-left: 1px solid #d3d3d3;
}
.headBtnNav,
.headBtnArchive,
.headBtnSearch {
	float: left;
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: 50% 50%;
	height: 115px;
	width: 126px;
}
.headBtnArchive {
	background-image: url('../_imagesui/archive.png');
}
.lt-ie9 .headBtnArchive {
	background-image: url('../_imagesui/ie-archive.png');
}
.headBtnSearch {
	background-image: url('../_imagesui/search.png');
}
.lt-ie9 .headBtnSearch {
	background-image: url('../_imagesui/ie-search.png');
}
.headBtnNav {
	background-image: url('../_imagesui/burger.png');
	width: 1px;
	height: 1px;
}

.headImg {
	background-image: url('../_imagesui/catalog-2025-2026-banner.jpg'); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	width: 100%;
    height: 0;
	padding-top: 19%;
	margin-bottom: 45px;
}
.headImg h1 {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 15px 30px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #FFF;
	font-size: 2.4em;
	font-weight: 700;
	line-height: 1.2;
}
.lt-ie9 .headImg h1 {
	background-image: url('../_imagesui/pixel-black-opacity50.png');
	background-color: transparent;
}
.headImg .wrap {
	max-width: 1000px;
}

.searchArea {
	clear: both;
	display: none;
	background-color: #1d1d1b;
	color: #FFFFFF;
	font-family: "source-serif-pro", "Source Serif Pro", serif;
	font-size: 1.1em;
	overflow: hidden;
}
.searchArea form {
	max-width: 1000px;
	margin: 0 auto;
	padding: 28px 0;
}
.searchArea p {
	margin: 0;
}
body .gsc-input-box {
	background-color: transparent;
	border-width: 0 0 1px 0;
	height: 40px;
}
body input.gsc-input {
	background: url('../_imagesui/google_custom_search_smwidb.gif') transparent no-repeat 100% 50% !important;
	color: #FFFFFF !important;
	font-family: "source-serif-pro", "Source Serif Pro", serif;
	font-size: 22px;
	height: 40px !important;
}
body input.gsc-input:focus {
	background-image: none !important;
}
body input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
	border: 0;
	background-color: transparent;
}
body .gsc-control-cse {
	font-family: "skolar-sans-latin", "Skolar Sans Latin", sans-serif;
	font-size: 15px;
	background-color: #1d1d1b;
	border: 0;
	max-width: 1000px;
	margin: 0 auto;
}
body .searchArea .gsc-result .gs-title {
	height: auto;
	font-size: 18px;
}
body .searchArea .gsc-result .gs-title b {
	font-size: 18px;
}
body .searchArea .gsc-control-cse .gsc-table-result {
	font-size: 15px;
	font-family: "source-serif-pro", "Source Serif Pro", serif;
}
body .gsc-webResult .gsc-result {
	padding: 15px 0;
}

.gsc-control-wrapper-cse table,
.gsc-control-wrapper-cse td {
	border: 0 none;
}

.mainnav {
	float: left;
	width: 32%;
	border-top: 1px solid #d3d3d3;
	padding-top: 10px;
	margin-top: 8px;
}
.content, #colorbox {
	float: right;
	width: 62%;
	margin-right: 2%;
	font-family: "source-serif-pro", "Source Serif Pro", serif;
	font-size: 18px;
	line-height: 1.6;
}
.content p {
	margin:0 0 1em 0;
}

.courseUnav {font-style: italic;}

.content ul, .content ol {
	margin:0 0 1em 0;
	padding-left:2em;
}
.content h2+ul,
.content h2+table {
	margin-top:.8em;
}
.content ul.linklist {
	list-style-type:none;
}
.content ul.linklist a {
	font-weight:normal;
}
.content :first-child {
	margin-top: 0;
}

.mainnav ul {
	list-style-type: none;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
.mainnav li {
	box-sizing: border-box;
	margin-bottom: 14px;
}
.mainnav ul ul li {
	margin-bottom: 12px;
}
.mainnav ul li:last-child {
	margin-bottom: 0;
}
.mainnav a {
	line-height: 1.35;
	color: #3a3e3f;
	text-decoration: none;
	padding: 4px 6% 8px;
	display: block;
}
.mainnav > ul > li > a {
	font-weight: bold;
}
.mainnav > ul > li.here > a {
	background-color: #e0e0e0;
}
body:not(.homepage) .mainnav > ul > li:first-of-type a {
	background-color: transparent;
	color: #3a3e3f;
}
.mainnav ul ul {
	display: none;
	margin: 10px 0 25px;
}
/*.mainnav > ul > li.here ul {
	display: block;
}*/
.mainnav > ul > li.here > ul > li.here > ul {
	display: block;
}

.mainnav > ul > li.here > ul {
	padding: 0.8em 0 1.2em;
	margin-top: 0;
	margin-bottom: 25px;
	background-color: #f1f1f1;
	display: block;
}
.mainnav ul ul ul {
	margin-left: 25px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px 0 0;
}
.mainnav ul ul a {
	font-size: 1.111em;
	line-height: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
}
.mainnav ul ul a.here {
	color: #006751;
	text-decoration: underline;
}
.mainnav i {
	display: inline-block;
	width: 12px;
	height: 8px;
	margin: 0 8px;
	vertical-align: middle;
	background-image: url('../_imagesui/navarrows.png');
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: cover;
}
.lt-ie9 .mainnav i {
	display: none;
}
.mainnav > ul > li.here > a i {
	background-position: 0 67%;
}
.mainnav > ul > li > a.togOpen i {
	background-position: 0 67%;
}
.mainnav > ul > li > a.togOpen.here i {
	background-position: 0 100%;
}
.mainnav ul li ul li.here ul {
    display: block;
}
.jsEnabled .activeSection > a {
	cursor: pointer;
}
body:not(.jsEnabled) .mainnav > ul > li > ul {
	display: block;
}

article {
	overflow: auto;
}

footer {
	font-size: 0.7em;
	text-transform: uppercase;
	color: #9c9e9f;
	margin-top: 50px;
}
footer .wrap {
	border-top: 1px solid #d3d3d3;
	padding-top: 8px;
	max-width: 1000px;
	overflow: auto;
	margin-bottom: 25px;
}
footer p {
	float: left;
	margin-top: 0;
	padding-left: 5px;
	padding-right: 5px;
}
footer p:last-child {
	float: right;
}
footer p a.privacy {
    color: #9c9e9f !important;
    margin-left: 1em;
    display:inline-block;
}
.lt-ie9 footer .wrap :first-child {
	margin-right: 20px;
}



.content img {
	max-width: 100%;
	height: auto;
}
.content a {
	color: #006751;
	font-weight: bold;
	text-decoration: none;
}
.content a:hover,
.content a:focus {
	color: #004938;
	color: #000;
}

table {
	margin: 0 0 1em 0;
	border-spacing: 0;
	/* border-collapse: collapse; --> it’s causing trouble with margin-top:0 */
	text-align: left;
	border-top: 1px solid #d3d3d3;
	border-left:  1px solid #d3d3d3;
}

table td,
table th {
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	padding: 8px;
	font-size:90%;
	line-height: 1.3;
}

table th {
	background-color: #f1f1f1;
	font-weight:normal;
	font-family: "skolar-sans-latin", "Skolar Sans Latin", sans-serif;
}

.pg-tuition.fold-graduate .content table th:first-of-type { width:75%; }
.pg-tuition.fold-undergraduate .content table th:first-of-type { width:60%; }

li .crnlink:first-child, li a.ajax:first-child { margin-right:.4em; }

.browsehappy {
	text-align: center;
}
.tabs {
	margin-bottom: 26px;
}
.tabs a {
	font-family: "skolar-sans-latin", "Skolar Sans Latin", sans-serif;
	color: #3a3e3f;
	display: inline-block;
	padding: 4px 22px 8px;
	margin: 13px 22px 0 0;
	background-color: #f1f1f1;
	border: 1px solid #d3d3d3;
}
.tabs .activeTabTitle,
.tabs .activeTabTitle:hover,
.tabs .activeTabTitle:focus {
	background-color: #006751;
	color: #f9f9f9;
	border-color: #006751;
}

.coursesTop {
	overflow: auto;
}
.coursesTop h2 {
	float: left;
	padding: 0 8px;
}

body .allCoursesBtn {
	float: right;
	font-weight: normal;
	padding: 9px 64px 9px 24px;
	color: #FFFFFF;
	background-color: #616161;
	background-image: url('../_imagesui/pdf.png');
	background-repeat: no-repeat;
	background-size: 27px auto;
	background-position: 88% 50%;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
body .coursesListBtn {
	display: inline-block;
	padding: 5px 24px;
	font-weight: normal;
	font-size:90%;
	color: #fff;
	background-color: #616161;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
body .allCoursesBtn:hover,
body .allCoursesBtn:focus,
body .coursesListBtn:hover,
body .coursesListBtn:focus {
	color: #FFFFFF;
	background-color: #717171;
}
.disciplines {
	max-width: 410px;
}
.disciplines a {
	display: block;
	color: #3a3e3f;
	font-weight: normal;
	padding: 5px 8px;
}
.disciplines a span {
	display: inline-block;
	width: 4em;
	font-weight: bold;
}
.disciplines a:hover,
.disciplines a:focus {
	background-color: #eeeeee;
	color: #3a3e3f;
}

.fold-academic_calendar .content table {
	border-left: 0 none;
}
.fold-academic_calendar .content td {
	border: 0 none;
	border-bottom: 1px solid #eee;
}
.fold-academic_calendar .content tr:first-of-type td {
	border-top: 1px solid #d3d3d3;
}
.fold-academic_calendar .content tbody td:first-of-type {
    font-weight: bold;
}

/* COURSES PAGE
------------------------------------------------------------------- */
.coursesListPage h2 span {
	color: #006751;
}
.courseData {
	margin-top: 0;
	font-family: "skolar-sans-latin", "Skolar Sans Latin", sans-serif;
	font-weight: normal;
}
.coursesListPage .content h3 {
	margin-bottom: 0;
}
.coursesListPage .content h3 span.crn {
	color:#999;
	margin-right:.25em;
}
.coursePage .content h2 {
	margin-bottom: 0;
}
.allCoursesPage .content li span {
	display: inline-block;
	min-width: 2.8em;
}
.lt-ie9 .tabs .moreTabs {
	display: none;
}

/* ARCHIVE PAGE
------------------------------------------------------------------- */
.archive-page .headTop h1 a {text-decoration: none; color:#000000;}
.archive-page #content {float: none; width: 100%; margin: 0;}
.archive-list { overflow:hidden;list-style:none; margin:0; padding:0; font-family:titillium, sans-serif; }
.archive-list li { float:left; width:140px;margin:0 0 .5em;padding:.5em; line-height:1;}
.archive-list li:nth-child(odd) {}
.archive-list br {display:none;}
.archive-list .year,.archive-list .file-size{text-align:center; display:block;text-transform:uppercase;}
.archive-list .file-size {color:#666666;}
.archive-list p {text-align:center;margin:0;}
.archive-list img { max-height:140px; margin-bottom:8px;}
.archive-list a {text-decoration:none;}
.archive-list span { font-weight:bold; }

td.gsc-input,
td.gsc-search-button,
table.gstl_50,
td.gsib_a,
td.gsib_b { border:0 none; }





/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.7; filter: alpha(opacity = 70);}
#colorbox{outline:0; margin-right:0; float:none; /*line-height: 1.5; font-family: "source-serif-pro", serif; font-size: 18px;*/}
    #cboxContent{margin-top:32px; overflow:visible; background:transparent;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background: #fff; padding: 10px 30px; border-radius: 20px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#FFF; border-radius: 20px;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; /*background:url(images/controls.png) no-repeat 0 0;*/}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background:url(images/close.png?v=2) no-repeat 0 0; right: 22px; top: 22px; width: 22px; height: 22px;}
        #cboxClose:hover{opacity: 0.8;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}













@media only screen and (min-width: 1281px) {
	
	.headImg {
		position: relative;
		overflow: hidden;
		padding-top:250px; /* fixed size; we don’t want it to keep growing */
	}

}
@media only screen and (min-width: 1131px) {

	.fold-academic_calendar .content tbody td:first-of-type { width: 45%; }
	.mainnav .togItem { padding-right: 1%; }

}
@media only screen and (max-width: 1130px) {

	.lauLogoLink { margin-left: 4%; }
	.mainnav { width: 34%; }
	.content { width: 60%; }

}
@media only screen and (max-width: 1080px) {

	.wrap { width: 92%; }
	.content { width: 64%; margin-right: 0; }
	.headImg h1 { font-size: 2em; padding: 12px 2% 20px; }
	.mainnav { width: 31%; }
	.content { width: 66%; }
	.pg-key_to_course_listings .allCoursesBtn { margin-bottom: 30px; }

}
@media only screen and (min-width: 761px) {

	body:not(.jsEnabled) .headBtnSearch { display: none; }

}
@media only screen and (max-width: 760px) {

	.mainnav,
	.content { float: none; width: 100%; }

	.lauLogoLink { margin-top: 16px; margin-bottom: 16px; }
	.lauLogo { width: 156px; }
	.headTop h1 { margin-top: 36px; border-left: 0; }

	.headBtns { float: none; clear: both; overflow: auto; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; margin-bottom: 1px; }
	.headBtnNav { position: relative !important; top: auto !important; left: auto !important; }
	.headBtnNav span { display: none; }
	.headBtnNav,
	.headBtnArchive,
	.headBtnSearch { width: 33%; height: 78px; background-size: 44px auto; }

	.headImg { padding-top:25%; }
	.headImg h1 { font-size: 1.6em; }
	.headImg .wrap { width: 100%; }
	
	.archive-list { margin-top:1em; }
	


}
@media only screen and (max-width: 760px) and (min-width: 481px) {

	.content { font-size: 1.1em; }
	h2 { font-size: 1.45em; }
	.mainnav { font-size: 1.4em; }

}
@media only screen and (max-width: 550px) {

	.headImg { margin-bottom:1em; }
	footer p { display: block; float: none; }
	footer p:last-child { float: none; margin-top: 3em; }

}
@media only screen and (min-width: 481px) {

	.tabs .moreTabs { display: none; }

}
@media only screen and (max-width: 480px) {

	.headTop h1 { margin-top: 26px; margin-left: 15px; font-size: 0.7em; }
	.lauLogoLink { margin-top: 12px; margin-bottom: 4px; width: 32%; }
	.lauLogo { min-width: 100px; width: 100%; }
	.headBtnNav, 
	.headBtnArchive,
	.headBtnSearch { height: 60px; background-size: 32px auto; }
	.headImg h1 { font-size: 1em; }
	.content { font-size: 0.8em; }
	h2 { font-size: 1.13em; }
	h3,
	h4 { font-size: 1em; }

	.tabs .extraTabTitle { display: none; }

	body input.gsc-input { background-image: none !important; }
	body .gsc-control-cse { background-image: url('../_imagesui/google_custom_search_smwidb.gif') !important; background-repeat: no-repeat; background-position: 5% 95%; }

	.coursesTop { margin-bottom: 10px; }

	#cboxClose { right: 16px; top: 16px; }

}
@media only screen and (max-width: 380px) {

	.headTop h1 { float: none; clear: both; margin: 0; font-size: 0.95em; padding: 3px 4% 12px; }

}
@media only screen and (max-width: 300px) {

	.headTop h1 { font-size: 0.8em; }

}

@media print {

	body { font-size:12px !important; background-color:#fff; color:#000; }
	.lauLogoLink { margin:0; }
	.headTop h1 { font-size:1em; margin-top:14px; }
	.headBtns { display:none; }
	.headImg {
		background-image:none;
		height:auto;
		padding:0;
		margin-bottom:10px;
	}
	.headImg::before { display:none; }
	.headImg h1 {
		position:relative;
		background-color:#fff;
		color:#000;
		padding: 20px 0;
		font-size: 1.8em;
	}
	.headTop #searchArea.searchArea { display:none !important; }
	.mainnav { display:none; }
	#content { float:none; width:auto; font-size:1em; }
	#tabs { display:none; }
	.tabWrap { display:block !important; }

}