/* REGISTRAR - ELEVATE COURSES */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css");

/* -------------------------------
Globals & Body Backgrounds
------------------------------- */
body.palette_18me #body_wrapper {
	background:#eae9e5;
}
body.palette_18me #main {
	background:#f3f3f3;
 	padding-top:0;
}
body.palette_18me #leftSidebar nav li a:hover,
body.palette_18me #leftSidebar nav li.active a,
body.palette_18me #leftSidebar nav li.active a:active,
body.palette_18me #leftSidebar nav li.active a:visited,
body.palette_18me .bannersNav li a:hover,
body.palette_18me .bannersNav li.active a {
  text-decoration: none;
  margin:0;
}

body.threeCol #mainContent{
	width: 520px;
	padding: 0;
}

body #mainContent h1{
	padding: 10px 0 0;
}

body.twoColLeft #mainContent h2{
	padding: 10px 0;
}

body.twoColRight #mainContent h2{
	padding: 10px 0;
}

body.palette_18me nav#breadcrumbs,
body.palette_18me nav#breadcrumbs ol{
	margin: 6px 0;
}

/* -------------------------------
Page Title
------------------------------- */
body.palette_18me #pageBanners .bannersTitle {
  margin: 0 auto;
  padding: 32px 0 0;
  position: relative;
}
body.palette_18me #pageBanners .bannersTitle h1,
body.palette_18me #pageBanners .bannersTitle h1 a {
  display: inline-block;
  padding: 10px 14px 0;
  margin: 0;
  margin-left: 12px;
  height: 32px;
  color: #fff;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  font-size: 20px;
  text-transform: uppercase;
  zoom: 1;
  *display: inline;
  background: #131313; /* Old browsers */
  background: -moz-linear-gradient(top,  #131313 0%, #4c4c4c 80%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(80%,#4c4c4c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #131313 0%,#4c4c4c 80%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #131313 0%,#4c4c4c 80%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #131313 0%,#4c4c4c 80%); /* IE10+ */
  background: linear-gradient(to bottom,  #131313 0%,#4c4c4c 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
}
/*body.palette_18me #globalHeader.compact .searchContainer ol.headerSearchNav li.singleSearch {
  margin-top: 0;
}*/
body.palette_18me #pageBanners .oneColBanner,
body.palette_18me #pageBanners #gallery {
  background: #252525;
  width: 961px;
  padding: 0 12px 12px;
}
body.palette_18me #pageBanners .oneColBanner img,
body.palette_18me #pageBanners #gallery img {
  height: auto;
}
article.overlay_right {
  margin-left: 714px;
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
  border-radius: 0;
  height: 198px;
  padding: 15px;
  position: absolute;
  width: 217px;
}
/*body.palette_18me .oneColBanner .overlay_right {
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
  border-radius: 0;
  height: 198px;
  padding: 15px;
  position: absolute;
  right: 0;
  width: 217px;
}*/
body.palette_18me a:link,
body.palette_18me a:visited {
  color: #9c231e;
  text-decoration: underline;
}

body.palette_18me a:active,
body.palette_18me a:hover {
  text-decoration: none;
}

body.palette_18me .oneColBanner .overlay_right h1 {
  color: #ce8421;
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
}
body.palette_18me .oneColBanner .overlay_right h2 {
  color: #ce8421;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  text-transform: uppercase;
}
body.palette_18me .oneColBanner .overlay_right h3 {
  color: #33343d;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 5px 0 0;
}

body.palette_18me .oneColBanner .overlay_right p {
  font-size: 12px;
  line-height: 22px;
  list-style: none;
  margin-top: 5px;
}
body.palette_18me #globalHeaderContent a {
  text-decoration: none;
}
body.palette_18me #main a:link,
body.palette_18me #main a:active,
body.palette_18me #main a:visited {
  color:#9c231e;
}
/*body.palette_18me #pageBanners {
  overflow: visible;
}*/

body.palette_18me #mainContent .viewLarger a {
  color:#FFF;
}

body.palette_18me #pageBanners .bannersNav,
body.palette_18me #mainContent h3,
body.palette_18me .framedPhotoDefault,
body.palette_18me .framedPhotoLeft,
body.palette_18me .framedPhotoRight,
body.palette_18me #rightSidebar h1,
body.palette_18me .overlay-wrapper h1.overlayTitle {
  background:#33343d;
}

body.palette_18me #mainContent h3 {
  color:#FFF;
  padding:3px;
  margin:3px 0 5px 0;
}
body.palette_18me .framedPhotoDefault,
body.palette_18me #mainContent .threeSubCol .vertCol h3,
figcaption {
  margin:0px;
  padding:4px;
  background:#00456b;
}

/* -------------------------------
Main Navigation
------------------------------- */

body.palette_18me #pageBanners .bannersNav {
  background: #252525;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}
body.palette_18me #pageBanners .bannersNav ul,
body.palette_18me #pageBanners .bannersNav ol {
  display: inline;
  padding: 4px;
  text-align: center;
}
body.palette_18me #pageBanners .bannersNav li {
  display: block;
  margin-right: 0; /* old 5 */
  /* height: 40px; */
  width: 120px !important;
  /* display: inline; */
  text-align: center;
  /* zoom: 1; */
  float: left;
}
body.palette_18me #pageBanners .bannersNav li.last {
  margin-right: 0;
}
body.palette_18me #pageBanners .bannersNav li a {
  color: #fff;
  /* margin: 4px 0px 0 0px; */
  display: block;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
  vertical-align: middle;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  /* padding: 0 0px;
  display: block;
  height: 40px; */
}
body.palette_18me #pageBanners .bannersNav li a.active,
body.palette_18me #pageBanners .bannersNav li a:hover {
  background: #9b2416;
  text-transform:none;
}

#pageBanners .bannersNav ol li a, #pageBanners .bannersNav ol li a:visited, #pageBanners .bannersNav ol li a:active, #pageBanners .bannersNav ol li a:hover {  
  width: auto;	
}

/* -------------------------------
Left Sidebar
------------------------------- */
body.palette_18me #leftSidebar{
	background: #d5d3ca;
	width: 179px;
	margin-right: 20px;
}
body.palette_18me #leftSidebar nav {
  font-size: 13px; 
}

body.palette_18me #leftSidebar nav ol,
body.palette_18me #leftSidebar nav ol:hover, 
body.palette_18me #leftSidebar nav ol li:hover {
  margin: 0;
  padding: 0;
}
body.palette_18me #leftSidebar nav li a,
body.palette_18me #leftSidebar nav li a:hover {
  margin: 0;
  display: block;
  color: #9b2416;
  text-decoration: none;
}
body.palette_18me #leftSidebar nav li.active a {
  background: #f3f3f3;
}
body.palette_18me #leftSidebar nav li a:hover{
text-decoration: underline;
}

/* -------------------------------
Right Sidebar
------------------------------- */
body.palette_18me #rightSidebar {
  background: #d5d3ca;
  margin: 0;
  padding:20px 0 0 20px;
  width: 229px;
}
body.palette_18me #rightSidebar .simpleCallout {
  background: #c7c3b4;
  width: 212px;
  border-radius: 0 0 12px 12px;
  padding-bottom: 2px;
}
body.palette_18me #rightSidebar .simpleCallout a.apply img {
  display: block;
  border: none;
}
body.palette_18me #rightSidebar img{
	margin-bottom: 16px;
}
body.palette_18me #rightSidebar .simpleCallout h1 {
  background: #0ab3e3;
  color: #fff;
  width: auto;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
body.palette_18me #rightSidebar .simpleCallout ul{
	width: auto;
	margin: 12px 0;
	padding: 0;
}
body.palette_18me #rightSidebar .simpleCallout li a,
body.palette_18me #rightSidebar .simpleCallout li a:link,
body.palette_18me #rightSidebar .simpleCallout li a:visited{
	margin: 0;
	padding: 0;
	background:url(/_resources/images/nav/li-arrow.png) no-repeat left center;
	padding-left: 18px;
	display: block;
	text-decoration: none !important;
	color: #000;
}
body.palette_18me #rightSidebar .simpleCallout li a:hover{
	text-decoration: underline!important;
}
body.palette_18me #rightSidebar .simpleCallout li a.apply h2 {
  color: #982722;
  font-size: 20px;
  line-height: 25px;
  margin: 0;
}
body.palette_18me #rightSidebar .simpleCallout li a.no_arrow {
  background: none;
  padding-left: 0;
}

body.palette_18me .expandListItem {
  background:#f1f1f1;

}
body.palette_18me .expandListItem h5 {
  color:#982722;
   background:url("/_resources/images/btns/btn_expand_plus-palette1.gif") no-repeat 0px 6px;
}
body.palette_18me .expandListItem h5.expandSelected {
  background:url("/_resources/images/btns/btn_expand_minus-palette1.gif") no-repeat 0px 6px;
}
body.palette_18me .expandListItemContent .framedPhotoDefault img,
body.palette_18me .expandListItemContent .framedPhotoLeft img,
body.palette_18me .expandListItemContent .framedPhotoRight img {
  border-color:#d3d5d6;
}
body.palette_18me #mainContent ul li {
  background:url("/_resources/images/blts/bullet-palette1.gif") no-repeat 0 .6em;
}
body.palette_18me #mainContent .profiles li ul.genericContentList li {
  background:url("/_resources/images/blts/bullet-palette1.gif") no-repeat 0 .6em !important;
}
body.palette_18me #rightSidebar li {
  border-bottom:#d0c3b0 1px solid;
  color:#000000;
}
body.palette_18me #rightSidebar a {
  color:#9c231e;
  display:inline;
  text-decoration:none;
}
body.palette_18me #mainContent .profiles li h2.profile,
body.palette_18me #mainContent .profiles li h2.profile a,
body.palette_18me #mainContent h2.profile a {
  color:#FFF;
}


/* Old CSS Required for Migrated XHTML Content */



body.palette_18me #content {
  background-color:transparent;
}
body.palette_18me #content a:link,
body.palette_18me #content a:active,
body.palette_18me #content a:visited {
  color:#9c231e;
}
body.palette_18me #featureCol li {
  border-bottom:#c8cccf 1px solid;
  color:#000000;
}
body.palette_18me #featureCol a {
  color:#9c231e;
}
body.palette_18me #sectionNav li a:hover,
body.palette_18me #sectionNav li.level1.active a,
body.palette_18me #sectionNav li.level2.active a,
body.palette_18me #sectionNav li.level3.active a,
body.palette_18me #sectionNav li.level4.active a,
body.palette_18me #sectionNav li.level5.active a,
body.palette_18me #sectionNav li.level2.activeParent a,
body.palette_18me #sectionNav li.level3.activeParent a,
body.palette_18me #sectionNav li.level4.activeParent a,
body.palette_18me #sectionNav .simpleCallout h4 {
  background:#002950;
  color:#ffffff;
}
body.palette_18me #featureCol .simpleCallout {
  background:#ebf0f3;
}
body.palette_18me #featureCol h4,
body.palette_18me #sectionNav .simpleCallout li {
  color:#ffffff;
}

/*body.palette_18me .bannersSearch,
body.palette_18me #globalFooter {
  background-color: #9b2416;
}*/
body.palette_18me #globalFooter {
  border-top: 3px solid #8e835e;
  /* Footer and the watermark have potential to overlap.
     This makes sure the footer will clip that off.
   */
  position: relative;
  z-index: 10;
}

body.palette_18me .footerNoLandscape #main{
	padding-bottom: 150px;
}

body.palette_18me .bannersSearch .bannersSearch-inner {
  margin: 0 auto;
  padding: 5px 0;
  width: 985px;
}

body.palette_18me .universityName {
  float: left;
  height: 43px;
  width: 143px;
  background: url('../images/bckgrnd/du_logo.png') no-repeat center center;
  display: block;
  font-size: 0px;
}
body.palette_18me .universityName a {
  display: block;
  height: 100%;
}

body.palette_18me figure {
  background-color: #d5d3ca;
  padding: 5px;
}
body.palette_18me figcaption {
  background-color: transparent;
  color: #405451;
  font-size: 11px;
  font-weight: bold;
}

body.palette_18me .mainContent-rightCol {
  float: right;
  margin-left: 20px;
  width: 222px;
}

body.palette_18me .mainContent-leftcol {
  overflow: hidden;
}

body.palette_18me #mainContent hgroup h3 {
  background-color: transparent;
  color: #595858;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

body.palette_18me #mainContent table {
	width: 100%;
}
body.palette_18me #mainContent table th {
	padding:0;
}
body.palette_18me #mainContent table td {
	padding: 6px 12px 6px 12px;
	border:#CCC solid 1px; 
}
body.palette_18me #mainContent h3{
	background: #0ab3e3;
	display: block;
	text-transform: none;
	padding: 6px;
	font-weight: normal;
	font-size: 14px;
}

body.palette_18me #mainContent h1,
body.palette_18me #mainContent h2,
body.palette_18me #mainContent h4,
body.palette_18me #mainContent h5,
body.palette_18me #mainContent h6 {
  color: #000;
}
body.palette_18me #mainContent h2{
	font-style: italic;
}

body.palette_18me #mainContent ul,
body.palette_18me #mainContent ol {
  margin-left: 15px;
}
body.palette_18me #mainContent ul li {
  background: none;
  list-style: disc;
  padding-left: 0;
}
body.palette_18me #mainContent ul li ul li {	
  background: none;
  list-style:circle;
  padding-left: 0;
}

/*-----------------------
START - mobile template
-----------------------*/
/* image */
.img-responsive {
	display: block !important;
	max-width: 100% !important;
	height: auto !important;
}
/* embed, iframe, obj */
.embed-responsive, .iframeWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
}
.iframeWrapper iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
#body_wrapper {
	/* padding-bottom: 200px; */
}

body.palette_18me #main {
	font-size: 16px;
}
body.palette_18me  .course-heading.instance-code {
	vertical-align: initial;
}
/* panels */
body.palette_18me #mainContent .sm_box {
	padding: 0 3% 15px 3%;
}	
body.palette_18me #mainContent .md_box {
	padding: 0 3% 15px 3%;
}	
body.palette_18me #mainContent .lg_box {
	padding: 0 3% 15px 3%;
}	
body.palette_18me #main #mainContent .threeSubCol {
	padding-top: 20px;
}
body.palette_18me #right-sidebar {
	padding-top: 20px !important;
}
/* gallery */
ul.gallerylist li {
	margin: 5px 0 !important;
}
ul.gallerylist li img {
	height: auto !important;
	width: 75% !important;
}
/* forms */
input[type="text"], select, textarea {
	box-sizing: border-box;
	box-shadow: none !important;
	webkit-box-shadow: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* MEDIA QUERIES */
@media only screen and (min-width : 981px) {
	body.palette_18me #pageBanners .bannersNav ol li {
		display: block !important;
	}
	body.palette_18me #main header hgroup h1#mobileNav {
		display:none !important;
	}
	body.palette_18me #mainWrapper #main #leftSidebar nav #nav ul li a {
		display: block !important;
	}	
	body.palette_18me #rightSidebar .adr, body.palette_18me #rightSidebar .tel, body.palette_18me #rightSidebar .email {
		display: block !important;
	}	
}
@media screen and (max-width: 980px) {
	/* img {
	max-width: 100%;
	height: auto;
	display:block
} */

	form {
		width: 100%;
		padding: 10px 2%;
	}
	table {
		margin: 0 auto !important;
		text-align: center;
	}
	/** body **/
	body.palette_18me {
		min-width: 100% !important;
		font-size: 1.1em;
	}
	/** page banner **/
	body.palette_18me #pageBanners {
		min-width: 100% !important;
		overflow: hidden !important;
	}
	body.palette_18me #pageBanners .bannersTitle h2.subTitle {
		background-color: #fff;
		display: block;
		padding: 10px 0 10px 2% !important;
		margin: 0 !important;
	}
	/* page banner - banner title */
	body.palette_18me #pageBanners .bannersTitle {
		/* width: 985px; */
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	body.palette_18me #pageBanners .bannersTitle h1 {
		color: #fff;
		padding: 18px 2% !important;
		margin: 0 0 0 0 !important;
		display: block !important;
		border-radius: 0px !important;
		height: 100% !important;
		-webkit-border-radius: 0px !important;
		background: rgba(38,38,38,0.6) !important;
		background: -webkit-linear-gradient(top, rgba(38,38,38,0.6) 0%,rgba(0,0,0,0.6) 100%) !important;
		background: -o-linear-gradient(top, rgba(38,38,38,0.6) 0%,rgba(0,0,0,0.6) 100%) !important;
		background: -moz-linear-gradient(top, rgba(38,38,38,0.6) 0%,rgba(0,0,0,0.6) 100%) !important;
		background: linear-gradient(top, rgba(38,38,38,0.6) 0%,rgba(0,0,0,0.6) 100%) !important;

	}
	body.palette_18me #pageBanners .oneColBanner, #pageBanners .twoColBanner {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	/** header **/
	body.palette_18me globalHeader h1 {
		width: 0% !important;
		padding: 6px 0 6px 1.015% !important;
		margin: 0 0 0 10px !important;
	}
	body.palette_18me #globalHeader.compact h1 {
		width: 0% !important;
		padding: 5px 2% !important;
	}
	body.palette_18me #globalHeaderContent {
		width: 100% !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}
	body.palette_18me .searchContainer {
		width: 80% !important;
		margin: 0 1.015% 0 0 !important;
	}
	body.palette_18me #globalHeader.compact .searchContainer {
		width: 80% !important;
		margin: 0 2% 0 0 !important; 
	}
	body.palette_18me .searchContainer .headerSearch {
		margin: 10px 1.015% 0 1.015% !important;
	}
	/* header - logo */
	body.palette_18me .logo img {
		position: absolute !important;
		clip: rect(0px,40px,40px,0px) !important;
	}
	/** PrimaryNav **/
	/* PrimaryNav - menu */ 
	body.palette_18me #pageBanners .bannersNav {
		width: 100% !important;
		position: relative !important;
		height: 100% !important;
		min-height: 50px !important;
	}
	body.palette_18me #pageBanners .bannersNav ol {
		margin: 0 !important;
		padding: 50px 0 0 0 !important;
		display: block !important;
	}
	body.palette_18me #pageBanners .bannersNav ol li {
		display: none;
		width: 100% !important;
		text-align: center !important;
		float: none !important;
		background-color: #252525 !important;
		border-top: 1px solid rgba(255,255,255,0.2);
	}
	body.palette_18me #pageBanners .bannersNav {
		border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
		background-color: #252525 !important;
	}
	body.palette_18me #pageBanners .bannersNav ol li a, body.palette_18me #pageBanners .bannersNav ol li a:visited, body.palette_18me #pageBanners .bannersNav ol li a:active, body.palette_18me #pageBanners .bannersNav ol li a:hover {
		display: block;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 15px 0 !important;
		text-transform: capitalize !important;
		font-size: 1em !important;
		border-radius: 0px !important;
		-moz-border-radius-topleft: 0px !important;
		-moz-border-radius-topright: 0px !important;
		-moz-border-radius-bottomleft: 0px !important;
		-moz-border-radius-bottomright: 0px !important;
		-webkit-border-radius: 0px !important;
		border-bottom: none !important;
	}
	body.palette_18me #pageBanners .bannersNav ol li a.active, body.palette_18me #pageBanners .bannersNav ol li a:active, body.palette_18me #pageBanners .bannersNav ol li a:hover {
		text-transform: capitalize !important;
	}
	/* PrimaryNav - hamburger */
	body.palette_18me .bannersNav .mainNav {
		display: block !important;
		font-size: 0 !important;
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		cursor: pointer !important;
		height: 50px !important;
		width: 48px !important;
		line-height: 48px !important;
		text-align: center !important;
	}

	body.palette_18me .bannersNav .mainNav.close {
		background-color: #9b2416 !important;
	}

	body.palette_18me .bannersNav .mainNav::before {
		content: "\f0c9" !important;
		font-family: FontAwesome !important;
		font-style: normal !important;
		font-weight: normal !important;
		text-decoration: inherit !important;
		/*--adjust as necessary--*/
		color: #fff !important;
		font-size: 25px !important;
	}

	body.palette_18me .bannersNav .mainNav.close::before {
		content: "\f00d" !important;
		font-family: FontAwesome !important;
		font-style: normal !important;
		font-weight: normal !important;
		text-decoration: inherit !important;
		/*--adjust as necessary--*/
		color: #fff !important;
		font-size: 25px !important;
	}
	/* Hero Slide */
	/* #pageBanners #gallery {
	position: absolute !important;
	top: 0px !important;
	z-index: -999999 !important;
}

	.slideControl {
	top: 10px !important;
}

	#pageBanners #gallery li img {
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
}
	*/
	body.palette_18me #pageBanners .oneColBanner img, #pageBanners .twoColBanner img {
		display: block !important;
		max-width: 100%;
		height: auto;
	}
	body.palette_18me #pageBanners #gallery li {
		text-align: center !important;
		overflow: hidden !important;
	}
	body.palette_18me #pageBanners #gallery li img {
		position: relative !important;
		left: 100% !important;
		margin-left: -200% !important;
	}
	body.palette_18me .slideControl {
		display: none !important;
	}
	body.palette_18me #gallery article.overlay_right {
		margin-left: 0;
	}
	body.palette_18me article.overlay_right {
		right: 4%;
		text-align: left;
	}
	body.palette_18me article.overlay_left {
		left: 4%;
		text-align: left;
	}
	/** main **/
	body.palette_18me #main {
		width: 100% !important;
		position: relative !important;
		background: #f3f3f3;
		padding: 0 !important;
	}
	body.palette_18me #mainContent #breadcrumbs {
		display: none !important;
	}
	/* three sub column */
	body.palette_18me #main #mainContent .threeSubCol {
		text-align: center;	
	}	
	body.palette_18me #main #mainContent .threeSubCol .vertCol {
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 33.33333%;
	}

	body.palette_18me #main #mainContent .threeSubCol .vertCol .framedPhotoDefault, body.palette_18me #main #mainContent .threeSubCol .vertCol .framedPhotoRight.captionDefault, body.palette_18me #main #mainContent .threeSubCol .vertCol .framedPhotoLeft.captionDefault {
		width: 100%;
	}
	body.palette_18me #main #mainContent .threeSubCol .vertCol figcaption {
		border-left: none !important;;
		padding: 15px 0 15px 0px !important;
	}
	body.palette_18me #main #mainContent .threeSubCol .vertCol p {
		border-left: none !important;
		margin: 0px;
		padding: 20px 3%;
	}
	/* main - secondary nav*/
	body.palette_18me #mainWrapper #main #leftSidebar {
		display: block !important;
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	body.palette_18me #mainWrapper #main #leftSidebar nav #nav ul li a {
		display: none;
	}
	body.palette_18me #mainWrapper .lsopen #leftSidebar nav #nav ul li a {
		display: block !important;		
	}
	body.palette_18me #leftSidebar, body.palette_18me .overlay-wrapper h1.overlayTitle {
		-moz-border-radius-topleft: 0px !important;
		-moz-border-radius-topright: 0px !important;
		-moz-border-radius-bottomright: 0px !important;
		-moz-border-radius-bottomleft: 0px !important;
		-webkit-border-radius: 0px !important;
		border-radius: 0px !important;
	}
	body.palette_18me #leftSidebar nav ol {
		margin: 0;
	}
	body.palette_18me #leftSidebar nav li.level1 a {
		text-transform: uppercase !important;
	}
	body.palette_18me #mainContent header hgroup{
		padding-top: 28px;
	}
	body.palette_18me #mainContent header hgroup{
		width: 100% !important;
	}
	body.palette_18me .lsopen #mainContent header hgroup{
		padding-top: 28px;
	}
	body.palette_18me #mainContent header hgroup h1 {
		display: block;
	}
	body.palette_18me #mainContent header hgroup h1:nth-of-type(2) {
		display: block;
	}
	body.palette_18me #main header hgroup h1#mobileNav {
		display: block;
		position: relative !important;
		top: 0 !important;
		color: #8b2332 !important;
		font-size: 1.65em;
		font-weight: 700 !important;
		text-transform: capitalize !important;
		cursor: pointer;
		padding-top: 25px !important;
		padding-bottom: 25px !important;
		border-bottom: 2px solid #e0e0e0 !important; 
		width: 96%;
		margin: 0 auto;
	}
	body.palette_18me #main header hgroup h1#mobileNav .navActiveTitle{
		display: block;
		width: 85%;
		line-height: 1.1em;
	}
	body.palette_18me #main header hgroup h1#mobileNav .subNav {
		position: absolute;
		right: 0;
		top: 40%;
	}	
	body.palette_18me #main header hgroup h1#mobileNav .subNav::after {
		display: block;
		content: "\f107";
		font-family: FontAwesome;
		font-style: normal !important;
		font-weight: normal !important;
		text-decoration: inherit !important;
		/*--adjust as necessary--*/
		color: #525252 !important;
		font-size: 1.45em !important;
		cursor: pointer !important;
	}
	body.palette_18me #main header hgroup h1#mobileNav.up .subNav::after {
		display: block;
		content: "\f106";
		font-family: FontAwesome;
		font-style: normal !important;
		font-weight: normal !important;
		text-decoration: inherit !important;
		/*--adjust as necessary--*/
		color: #525252 !important;
		font-size: 1.45em !important;
		cursor: pointer !important;
	}
	body.palette_18me #main header hgroup h1#mobileNav.down .subNav::after {
		display: block;
		content: "\f107" !important;
		font-family: FontAwesome !important;
		font-style: norma !importantl;
		font-weight: normal !important;
		text-decoration: inherit !important;
		/*--adjust as necessary--*/
		color: #525252 !important;
		font-size: 1.45em !important;
		cursor: pointer !important;
	}
	body.palette_18me #mainContent {
		width: 100% !important;
		padding: 0 0 25px 0 !important;
		float: none !important;
		clear: both !important;
		margin-top: 0px !important;
	}
	body.palette_18me #mainContent ul, body.palette_18me #mainContent ol {
		/* margin-left: 40px !important; */
	}
	.twoColRight #mainContent, .oneCol #mainContent {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.palette_18me.threeCol #main #mainContent {
		border-left: none !important;
		border-right: none !important;
	}
	body.palette_18me #mainContent .button {
		text-align: center !important;
		display: block !important;
		word-wrap: break-word !important;
		width: 168px !important;
		margin: 0 auto !important;
	}
	body.palette_18me #mainContent header h2, body.palette_18me #mainContent h1, body.palette_18me #mainContent h2, body.palette_18me #mainContent h3, body.palette_18me #mainContent h4, body.palette_18me #mainContent h5, body.palette_18me #mainContent h6  {
		padding-left: 20px;
		padding-right: 20px;
	}
	body.palette_18me #mainContent p {

	}
	body.palette_18me #mainContent h2, body.palette_18me #mainContent h3, body.palette_18me #mainContent h4, body.palette_18me #mainContent h5, body.palette_18me #mainContent h6 {
		padding-left: 20px;
		padding-right: 20px;	
	}
	body.palette_18me #mainContent h3 {
		font-size: 1.3em !important;
	}
	body.palette_18me #mainContent p .button {
		margin: 0 auto !important;
		text-align: center !important;
	}
	/* Content img */
	body.palette_18me #mainContent img {
		height: auto !important;
		transition: all .2s ease-in-out;
	}
	body.palette_18me #mainContent img, body.palette_18me #mainContent iframe {
		display: block !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
	body.palette_18me #rightSidebar {
		width: 100% !important;
		margin: 25px 0 0 0 !important;
		padding: 0 !important;
		float: none !important;
		clear: both;
	}
	body.palette_18me #rightSidebar h1 {
		width: 100%;
		padding: 12px 0 12px 0 !important;
		font-size: 1.3em !important;
		background: #0ab3e3 !important;
	}
	body.palette_18me #rightSidebar p {
		padding: 0;
		margin: 0;
	}
	body.palette_18me #rightSidebar .button {
		margin: 20px 25%;
	}
	body.palette_18me #rightSidebar div p a {
		display: inline-block !important;
		width: 48% !important;
	}
	body.palette_18me #rightSidebar .adr, body.palette_18me #rightSidebar .tel, body.palette_18me #rightSidebar .email {
		display: block !important;
	}
	body.palette_18me #rightSidebar .email a {
		width: none !important;
	}
	body.palette_18me #rightSidebar .simpleCallout  {
		background-color: #c7c3b4 !important;
		background-position: 100% 0px !important;
		clear: left !important;
		border-radius: 0 !important;
	}
	body.palette_18me #rightSidebar .simpleCallout, #leftSidebar .simpleCallout {
		padding-bottom: 12px !important;
		width: 100% !important;
	}
	body.palette_18me #rightSidebar .simpleCallout ul, #leftSidebar .simpleCallout ul {
		background-color: transparent !important;
		padding-left: 0px !important;
	}
	body.palette_18me #rightSidebar .simpleCallout ul, #leftSidebar .simpleCallout ul {
		width: 100% !important;
	}
	body.palette_18me #rightSidebar .simpleCallout li, #leftSidebar .simpleCallout li {
		font-size: 1em !important;
	}
	body.palette_18me #rightSidebar {
		text-align: center !important;
	}
	body.palette_18me #rightSidebar div img {
		vertical-align: top !important;
	}
	body.palette_18me #rightSidebar .simpleCallout li a, body.palette_18me #rightSidebar .simpleCallout li a:link, body.palette_18me #rightSidebar .simpleCallout li a:visited {
		background: none !important;
		padding: 0 !important;
	}
	body.palette_18me #course-content {
		width: 100% !important;	
		float: none !important;
		display: block;
		padding-top: 28px;
	}
	body.palette_18me #course-content .course-list {
		text-align: center;
		width: 100% !important;
		padding: 0 0 25px 0 !important;
	}	
	body.palette_18me #course-content .course-list .course-panel {
		text-align: left;
	}

	body.palette_18me #course-content .course-list .course-panel .course-title h5 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	body.palette_18me #course-content .list-panel {
		width: 80% !important;	
		text-align: center;
		margin: 0 auto 8px auto;
	}
	body.palette_18me  .course-main-heading .course-heading.course-title {
		width: auto;
		font-size: initial !important;
	}
	body.palette_18me  .course-main-heading .course-heading.instance-code {
		width: auto;
		font-size: initial !important;
	}
	body.palette_18me #course-content .course-list .course-main-container  {
		width: 96%;
		margin: 0 auto;
		font-size: 0.86em !important;
	}
	body.palette_18me #course-content .course-list .course-main-container .course-main-content {
		text-align: left
	}
	body.palette_18me #course-content .course-list .course-main-container .section-availability-header {
		text-align: left
	}
	body.palette_18me .section-container {
		overflow-x: auto;
	}
	body.palette_18me .section-container .sections-table th, body.palette_18me .section-container .sections-table td {
		white-space: normal;
		width: 90px;
	}
	body.palette_18me #right-sidebar {
		width: 100% !important;	
		text-align: center;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		clear: both;
	}
	body.palette_18me .sidebar-panel {
		width: 100%;	
		border-radius: 0;
		padding-bottom: 12px !important;
	}
	body.palette_18me .sidebar-panel h1 {
		padding: 12px 0 12px 0 !important;
		font-size: 1.1em !important;
		background: #0ab3e3 !important;
	}
	body.palette_18me .sidebar-panel .panel-list {
		width: 100%;	
		margin: 12px 0;
		padding: 0;
	}
	body.palette_18me .sidebar-panel .panel-list li {
		font-size: 0.84em !important;
	}
	body.palette_18me .sidebar-panel .panel-list li a {
		padding-left: 0px !important;
		background: none !important;
	}
	body.palette_18me .search-container {
		width: 100%;
	}
	body.palette_18me  .course-search-form input {
		width: 100% !important;
	}
	/* Cart */
	body.palette_18me  .course-header {	
		display: block;
		position: relative !important;
		border-bottom: 2px dotted #e0e0e0 !important;
		width: 96%;
		margin: 0 auto;
		overflow: hidden;
	}
	body.palette_18me  .course-header-label {
		float: left;
		/* width: auto !important; */
		width: 70% !important;
	}
	body.palette_18me  .course-header-label h2 {
		padding: 25px 0px !important;
		margin: 0px !important;
		line-height: 1.25em !important;
	}
	body.palette_18me  .course-shopping-cart {
		float: right;
		width: auto !important;
		padding-top: 0px !important;
		background-color: transparent !important;
	}
	body.palette_18me  .course-shopping-cart .shopping-cart {
		padding-bottom: 0px !important;
		margin-bottom: 0px;
		border-radius: 0px !important;
		background-color: transparent !important;
	}	
	body.palette_18me  .course-shopping-cart .shopping-cart.sidebar-panel:hover {
		background-color: #e0e0e0 !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	body.palette_18me  .course-shopping-cart .cart-wrapper {
		text-align: center !important;
		margin: 0 !important;
		width: auto !important;
		padding-top: 0px !important;
		min-height: auto !important;
	}	
	body.palette_18me  .course-shopping-cart .cart-wrapper #my-cart {
		position: relative;
		width: 80px;
	}	
	body.palette_18me  .course-shopping-cart .cart-lbl {
		display: none;	
	}
	body.palette_18me  .course-shopping-cart .cart-sum {
		border-radius: 50% !important;
		font-size: 0.8em !important;
		width: 22px !important;
		height: 22px !important;
		line-height: 22px !important;
		background: #9c231e !important;
		color: #fff !important;
		text-align: center !important;
		position: absolute !important;
		top: 15px !important;
		left: 40px !important;
		
		padding: 0px !important;
		margin: 0px !important;
		font-weight: 400 !important;
		vertical-align: initial !important;
		display: block !important;
	}
	body.palette_18me  .cart-wrapper #my-cart h3 {
		padding: 25px 0px !important;
		margin: 0px !important;
	}
	/* Gallery List */
	ul.gallerylist li {
		vertical-align: middle;
		float: none;
		display: inline-block;
		height: auto !important;
		width: 100%;
		max-width: 150px;
		padding: 15px !important;
	}
	/* Profile */
	body.palette_18me #mainContent img.profile {
		display: block;
		text-align: center;
		float: none;
	}
	h2.profile {
		margin: 23px 0 4px 0 !important;
	}

	/* 25Live */
	.webCalendar {
		margin: 10px 2%;
	}
	/* Social Media Panel */
	.connectPanel {
		text-align: center;	
	}
	.connectPanel a {
		display: inline-block;
	}
	/** footer **/
	body.palette_18me #globalFooter #footerLinksContainer {
		width: 100% !important;
	}
}
@media screen and (max-width: 760px) {
	body.palette_18me .course-panel {
		width: 26%;
	}
}
@media screen and (max-width: 650px) {
	body.palette_18me #pageBanners .bannersTitle {
		width: 100% !important;
	}
	body.palette_18me #pageBanners .bannersTitle h1 {
		margin: 0 0 0 0 !important;
	}
	body.palette_18me #pageBanners .oneColBanner, #pageBanners .twoColBanner {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		position: absolute !important;
		top: 0 !important;
		z-index: -9 !important;
	}
	body.palette_18me #pageBanners .oneColBanner img, #pageBanners .twoColBanner img {
		max-width: 180% !important;
	}
	body.palette_18me #pageBanners #gallery {
		position: absolute;
		top: 0;
		z-index: -9;
	}
	body.palette_18me #rightSidebar div p a img {
		display: block !important;
		margin: 0 auto !important;
	}	
	/* three sub column */
	body.palette_18me #main #mainContent .threeSubCol .vertCol {
		width: 100%;
	}
	/* Gallery List */
	ul.gallerylist {
		text-align: center !important;
	}
	body.palette_18me .course-panel {
		width: 42%;
	}			
	body.palette_18me  ul.programs-nav {
		text-align: center;
	}	
	body.palette_18me  ul.programs-nav li {
		padding: 5px 5px !important;
	}
	body.palette_18me .search-container {
		width: 90% !important;
	}	
	/* three sub column */
	body.palette_18me #main #mainContent .threeSubCol .vertCol {
		width: 100%;
	}
	/* Gallery List */
	ul.gallerylist {
		text-align: center !important;
	}
}
@media screen and (max-width: 500px) {
	/* page banner - banner title */
	body.palette_18me .headerSearchNav, body.palette_18me .headerSearch {
		display: none !important;
	}
	body.palette_18me #rightSidebar div p a {
		float: none !important;
		display: block !important;
		margin: 0 auto 15px auto !important;
		width: 100% !important;
	}
	body.palette_18me .course-panel {
		width: 42%;
	}	
	body.palette_18me  .course-search-form {
		margin-left: 0px;
	}	
	body.palette_18me  .course-main-heading .course-heading.course-title {
		text-align: center;
	}
	body.palette_18me  .course-main-heading .course-heading.instance-code {
		text-align: center;
	}
	body.palette_18me  .course-description-container .course-main-content {
		float: none !important;
		width: 100% !important;
	}
	body.palette_18me  .course-description-container .c-details-container {
		float: none !important;
		width: 100% !important;
		margin: 28px 0 16px 0 !important;
		border-radius: 0px !important;
	}
	body.palette_18me  .course-description-container .section-availability-container {
	}
}
@media screen and (max-width: 450px) {
	.img-responsive {
		float: none !important;
	}
	body.palette_18me #pageBanners .bannersTitle {
		width: 100% !important;
		margin: 0 0 0 0 !important;
	}
	body.palette_18me #pageBanners .bannersTitle h1 {
		margin: 0 0 0 0 !important;
	}
	body.palette_18me .slideControl {
		display: none !important;
	}
	body.palette_18me #mainContent header hgroup {
		text-align: center;
	}
	body.palette_18me #mainContent h1, body.palette_18me #mainContent h2, body.palette_18me #mainContent h3 {
		text-align: center;
	}
	body.palette_18me #main #mainContent .threeSubCol .vertCol {
		width: 100%;
	}
	body.palette_18me  .course-search-form {
		/* margin-left: -25px; */
	}
}
@media screen and (max-width: 414px) {
	body.palette_18me  .course-search-form {
		/* margin-left: -16px; */
	}
}
@media screen and (max-width: 380px) {
	body.palette_18me .btn-group-wrapper {
		display: none;
	}
	body.palette_18me .course-panel {
		width: 80%;
		margin: 0 auto 8px auto;
	}	
	body.palette_18me .course-panel .course-item {
		min-height: 155px !important;
	}		
}
@media screen and (max-width: 300px) {
	body.palette_18me #main header hgroup h1#mobileNav .navActiveTitle {
		font-size: 1em !important;
	}
}
@media screen and (max-width: 280px) {
	body.palette_18me #main header hgroup h1#mobileNav .navActiveTitle {
		font-size: 1em !important;
	}
}
/*-----------------------
END - mobile template
-----------------------*/