@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
body {
	line-height: 1.5;
	font-weight: 400;
	font-family: "Lato", Arial, sans-serif;
	font-size: 13pt;
	color: #222222;
	background: #d7c1ae;
}

.container {
	background-color: #ede0d1;
	padding: 0px 30px 30px 30px;
	margin: 0px auto 0px auto;
	overflow:hidden;
}
.cel_copyright {
	font-size: .80em;
	margin: 0px auto 0px auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lato", Arial, sans-serif;
	font-weight: 300;
}
h1 {
	background: none;
	border-bottom: none;
	color: #2e251c;
	font-size: 1.5em;
	font-weight: 500;
	max-width: 70%;
	text-shadow: 0px 0px 10px rgba(246, 232, 208, 1);
	z-index: 2;
    margin: 0px 0 0 0;
    padding: 20px 40px 0px 0px;
	position: relative;
}

.cel_h1span {
	color: #ede0d1;
	font-size: 1.6em;
	text-shadow: 0px 0px 10px rgba(46, 37, 28, 1);
	display: block;
}
.mlp-banner {
    margin: -120px -40px 0px -40px;
	z-index: 1;
	border-top: solid 0px #2e251c;
	position: relative;
	height: 200px;
}
.banner-image img {
	width: 100%;
	display: block;
	height: 200px;
}
img {
	margin: 0px;
}
h2, .divider {
	border-left: none;
	/* margin: 40px -35px 30px -35px; */
	margin: 0px 0px 30px 0px;
	padding: 16px 5px 0px 55px;
	color: #ecb061;
	font-size: 1.65em;
	background-color: #2e251c;
	height: 62px;
}
h2 {
	margin: 35px -60px 0 -30px;
}
h2:first-of-type, .divider:first-of-type {
	margin-top: 0px;
}
h2:before, .divider:before {
	background: url("../../media/images/h2-before.png") no-repeat scroll 0 0 transparent;
	content: " ";
	display: inline-block;
	height: 62px;
	margin-top: -16px;
	margin-bottom: 0px;
	position: absolute;
	/* left: -20px; */
	left: -15px;
	width: 100%;
	z-index: 10;
}
h2:after, .divider::after {
	content: " ";
	display: inline-block;
	height: 100px;
	position: absolute;
	right: -18px;
	margin-top: -35px;
	width: 100px;
	z-index: 120;
}
.divider {
	margin-top: 0px;
}
h3 {
	border-top: 1px solid #9d653e;
	padding-top: 5px;
	border-bottom: none;
	font-size: 1.3em;
	margin: 30px 15px 10px 0px;
	color: #824419;
}
h3:first-child {
	border-top: none;
	margin-top: 20px;
}
h4 {
	padding-top: 5px;
	border-bottom: none;
	font-size: 1.15em;
	margin: 30px 15px 10px 0px;
	color: #824419;
}
p {
	/* margin: 20px 45px 10px 45px; */
	padding-top: 10px;
	font-size: 1em;
	line-height: 1.5em;
}



/* Lists */

ul {
	padding: 0 0 0 50px;
	margin: 0;
}
ul li {
	list-style-type: square;
	font-size: 13pt;
	line-height: 1.5em;
	margin-bottom: 4pt;
}

ol {
	padding: 0 0 0 50px;
	margin: 0 10 15px 30px;
}
ol li {
	font-size: 13pt;
	line-height: 1.5em;
	margin-bottom: 4pt;
	padding-left: 5px;
} 


/* Links */

a, a:link {
	background-color: transparent !important;
	color: #0000EE !important;
	text-decoration: underline;
}
a, a:visited {
	background-color: transparent !important;
	color: #551A8B !important;
}
a:hover, a:focus {
	background-color: transparent !important;
	color: #0101af !important;
	text-decoration: none;
}

/* The following is required to fix/format the TOC */
.course-landing-page-box {
	width: 100%;
	margin: 0px;
}
.course-landing-page-box ul li:before {
	position: relative;
	content: none;
	font-size: 1.4em;
	top: 0px;
	margin: auto;
}
a.sys_0, a.sys_t744 {
	background-color: #d0c2b3;
	color: #2e251c;
}

a.sys_0:hover, a.sys_t744:hover {
	background-color: #2e251c;
	color: #d0c2b3;
}


/* Wells */
.well {
	border: solid 1px #c1af9a;
	margin: 20px 30px 20px 30px;
	padding: 15px;
}
well p {
	margin: 10px;
}
.alert-info {
	background-color: #d7c1ae;
	color: #2e251c;
	margin: 20px 15px;
	border: solid 1px rgba(130, 68, 25, 0.75);
	font-weight: 500;
}
.alert-info h3 {
	color: #824419;
}
.alert-info p {
	color: #2e251c;
	font-weight: 500;
}
.alert-info strong {
	font-weight: 800;
}
.alert-success {
	background-color: #d7c1ae;
	color: #2e251c;
	margin: 60px 120px 20px 120px;
	border: solid 1px rgba(130, 68, 25, 0.75);
	font-weight: 500;
	position: relative;
}
.alert-success:before {
	content: "";
    position: absolute;
    top: -55px;
	left: 44%;
    display: block;
    width: 100px;
    height: 100px;
	background:url(../../media/images/jon-small.png) no-repeat;
}
.alert-success h3 {
	color: #824419;
}
.alert-success p {
	color: #824419;
	font-weight: 500;
	font-size: 1.35em;
	margin: 30px 20px;
}
.alert-success strong {
	font-weight: 800;
}

/* Tables */

table {
	text-decoration: none;
	background-color: rgba(255,255,255,0.50);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(70,54,41,0.25);
	-moz-box-shadow: 0px 0px 5px 2px rgba(70,54,41, 0.25);
	box-shadow: 0px 0px 5px 2px rgba(70,54,41,0.25);
	margin: 10px auto 20px auto;
	width: 94%;
}
table th {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	background-color: #ede0d1;
	border: solid 1px #463629;
	color: #463629 !important;
	padding: 5px;
	-ms-word-break: keep-all;
	word-break: keep-all;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
table td {
	font-size: .80em;
	border: solid 1px #463629;
	padding: 8px 15px 8px 15px;
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	-ms-word-break: break-all;
  	word-break:keep-all;
  	-ms-hyphens: none;
  	-moz-hyphens: none;
  	-webkit-hyphens: none;
  	hyphens: none;
	vertical-align: top;
}
table #ReadingWeek, table .ReadingWeek {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #2e251c;
}
table caption {
	color: transparent;
	font-size: 1px;
}
table caption .caption-hide {
	color: #fff;
	font-size: 6px;
}
table ul {
	padding: 0 0 0 25px;
	margin: 0;
}
table ul li {
	font-size: 1em;
	margin: 0;
	line-height: 1.5em;
}
.dark {
	background-color: #f1e9e0;
}
table p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 1.5em;
}
/* table p {
	display: table-cell;
    -webkit-margin-before: 0.1em;
    -webkit-margin-after: 0.1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}*/
table #ReadingWeek, table .ReadingWeek {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #463629;
}
.dark {
	background-color: #f1e9e0;
}
table td ul {
	color: #222222;
	margin: 0 !important;
}
table td ul li {
	padding: 0px;
}
table ol {
	padding-left: 2.45em;
	margin: 0 10 15px 30px;
}
table ol li {
	font-size: 13pt;
	line-height: 1.5em;
	margin-bottom: 4pt;
	padding-left: 5px;
}

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td  {
	border: solid 1px #463629 !important;
}

.schedule-10perc {
	width: 10%;
}
.schedule-20perc {
	width: 20%;
}
.schedule-50perc {
	width: 50%;
}
.schedule-50perc {
	width: 100%;
}
p.cel_centertext {
	margin: 5px auto;
	text-align: center;
	padding: 0px;
	border: none;
}

/* Page Elements */

.mlp-hook, .mlp-content, .mlp-learning-outcomes, .mlp-learning-outcomes, .mlp-what-should-you-already-know, .mlp-readings-and-resources, .mlp-key-concepts, .mlp-things-to-do, .mlp-activities-and-assignments, .mlp-supplementary-resources  {
	border-top: #000;
	background-color: #ede0d1;
	padding: 5px 30px 25px 30px;
	margin: -5px 0px 0px 0px;
}
.mlp-hook h2:after {
	background: url("../../media/images/h2-after-check.png") no-repeat scroll 0 0 transparent;
}
.mlp-hook h3:first-child {
	border-top: none;
	margin-top: 20px;
}
.mlp-content h2:after {
	background: url("../../media/images/h2-after-video.png") no-repeat scroll 0 0 transparent;
}
.mlp-content h3:first-child {
	border-top: none;
	margin-top: 20px;
}
.mlp-learning-outcomes h2:after {
	background: url("../../media/images/h2-after-check.png") no-repeat scroll 0 0 transparent;
}
.mlp-learning-outcomes h3:first-child {
	border-top: none;
	margin-top: 20px;
}
.mlp-what-should-you-already-know h2:after {
	background: url("../../media/images/h2-after-i.png") no-repeat scroll 0 0 transparent;
}
.mlp-what-should-you-already-know h3:first-child {
	border-top: none;
	margin-top: 20px;
}
.mlp-readings-and-resources h2:after {
	background: url("../../media/images/h2-after-book.png") no-repeat scroll 0 0 transparent;
}
.mlp-readings-and-resources h3:first-child {
	border-top: none;
	margin-top: 20px;
}
.mlp-readings-and-resources ul {
}
.mlp-readings-and-resources li {
    list-style-type: none;
 margin-left: 0;
 padding-left: 1em;
 text-indent: -1em;
    
}
.mlp-key-concepts h2:after {
	background: url("../../media/images/h2-after-book.png") no-repeat scroll 0 0 transparent;
}
.mlp-key-concepts h3:first-child {
	border-top: none;
	margin-top: 20px;
}
.mlp-things-to-do div {
	margin-top: 10px;
}
.mlp-things-to-do h2:after {
	background: url("../../media/images/h2-after-mglass.png") no-repeat scroll 0 0 transparent;

}
.mlp-things-to-do h3 {
	border-top: 1px solid #9d653e;
}
.mlp-things-to-do h3:first-child {
	border-top: 1px solid #9d653e;
	margin-top: 0px;
}
.mlp-activities-and-assignments h2:after {
	background: url("../../media/images/h2-after-calendar.png") no-repeat scroll 0 0 transparent;
}
.mlp-activities-and-assignments h3:first-child {
	border-top: none;
	margin-top: 20px;
}
.mlp-supplementary-resources:before {
	background: url("h2-before.png") no-repeat scroll 0 0 transparent;
}
.mlp-supplementary-resources h2:after {
	background: url("h2-after.png") no-repeat scroll 0 0 transparent;
}
.mlp-supplementary-resources h3:first-child {
	border-top: none;
	margin-top: 20px;
}
/* Header and Footer */
#header {
	margin: 0 auto 0 auto;
	border: none;
	background-color: #fff;
	border-bottom: 1px solid #cccccc;
}
#footer {
	margin: 0 auto 0px auto;
	background-color: #fff;
	border-top: 1px solid #cccccc;
}
#header .container {
	background-color: #fff;
}
#header p, #footer p {
	line-height:60px;
}
#header .container {
    padding: 0 35px;
	border-bottom: 1px solid #cccccc;
}
#footer .container {
	background-color: #fff;
	padding: 0px;
	margin: 0 auto 0 auto;
	color: #2e251c;
}

@media screen and (max-width: 1200px) {
h1 {
	font-size: 1.2em;
}
}


/* TOC Tables */

.toc-table {
	text-decoration: none;
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	margin: 0px auto 20px auto;
	border: 0;
	width: 100%;
}

.toc-table td {
	font-size: .85em; /*.90em*/
	border: none;
	border-bottom: solid 1px #cccccc;
	padding: 8px 15px 8px 15px;
	-ms-word-break: keep-all;
	word-break: keep-all;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	vertical-align: top;
}

/* dropdown fix */
.dropdown-menu>li {
	list-style-type: inherit;
    margin-bottom: 0;
}