/*******************************************************************

							TTL STYLES

*******************************************************************/


html { background: url('../images/bg-img.JPG') no-repeat fixed center; background-size: cover;
-moz-background-size: cover; }

img { max-width: 100%; }

div.fixedWidthBodyContainer { padding: 20px 0; }

img.featured__image { margin: 0 0 20px 0; width:100%; }

.htmlContentContainer h1 { background: none; margin: 5px 0 20px 0!important; padding:0!important; font-size: 28px; color: #002856; font-family: Arial, sans-serif; font-weight: normal; line-height: 28px; }

.htmlContentContainer h2 { margin: 20px 0!important; font-size: 20px; color: #71B427; font-family: Arial, sans-serif; font-weight: normal; line-height: normal }

.htmlContentContainer h3 { font-size: 16px!important; color: #71B427!important; margin: 0 0 10px 0!important; font-weight: bold; }

#home.htmlContentContainer h3 { color: #ffffff!important; }

.htmlContentContainer p { font-size: 14px; line-height: 20px; }
.htmlContentContainer p.price { padding:10px 20px; background: #bdd1ec; border-radius: 0.21428571428571em; text-align:center; }
-span.price { font-size: 20px; font-weight: bold; color:#142d54; }		+@media screen and (min-width:54.5625em) {
	.htmlContentContainer p.price { float: right; }
	.dates-title { clear: right; }
}
span.price { font-size: 20px; font-weight: bold; color:#142d54; display: inline-block; vertical-align:middle }
.htmlContentContainer table p { margin:10px 0 0 0; }

.htmlContentContainer em { color: #289400; }

.htmlContentContainer ul li, .htmlContentContainer ol li { font-size: 14px!important; line-height: 20px; }

.htmlContentContainer h3.accordion {  font-family: Arial,sans-serif!important; color: #fff!important; background: #142d54; font-size: 14px!important; padding: 10px 230px 10px 10px; font-weight: normal; margin: 5px 0 0 0!important; cursor: pointer; border: 1px solid #000;  }
.hidden { display: none; padding: 20px; border: 1px solid #000; margin: 0 0 0px 0; border-top: none; }

.leftMenuContainer ul.pageNavList { margin: 10px 0!important; }
.leftMenuContainer ul.pageNavList li { background: #fff!important; text-align: left!important; }
.leftMenuContainer ul.pageNavList li.posting_active { background: #c4d9b7!important; }
.leftMenuContainer ul.pageNavList li a { line-height: 16px!important; padding:10px!important; }

.pageBodyContent .LinkDetails a { font-size: 14px!important; }

div.linkPanel { padding: 10px 0; }
div.pageBodyContent { padding:  0 20px 20px 20px; }
div.pageBodyContent .LinkDetails { float: left!important; }
div.channelSummaryContainer { width:100%!important; }

form { margin: 0; }
label { line-height: 1.375; margin-bottom: 1.375em; font-size: 14px; }
label.bold { font-weight: bold; }
input { max-width: 100%; }

.regular-form { margin-bottom: 4.125em; }
.regular-form__control { border: 1px solid #979796; border-radius: 0.21428571428571em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; font-size: 0.875em; line-height: 1.57142857142857; padding: 1em 0.71428571428571em; display: block; width: 100%; height: 3.57142857142857em; margin-bottom: 20px; }

.col { width:100%; float:left; margin: 0 0 10px 0; }
.col-left,
.col-right {
	width: 100%;
}

@media (min-width:26.25em) {
	.col-left { width: 48%; margin: 0 4% 0 0; float:left; }
	.col-right { width: 48%; float:left; }
}
.col-left p, .col-right p { margin: 0 0 1em!important; }

.blog { border-bottom: 1px solid #003466; padding: 20px 0; }
.blog h2 { margin: 0!important; padding: 0; }
.blog p { font-size: 14px; margin: 10px 0!important; padding: 0; }

ul.postmetadata { margin: 0; padding: 0; }
ul.postmetadata li { display: inline-block; padding: 1em 2em 0 1.5em; }
ul.postmetadata li.author { padding-left: 0; clear: both; display: block; }

.date { background: url('../images/date-icon.png') no-repeat left bottom; }
.tags { background: url('../images/tag-icon.png') no-repeat left bottom; }
.comments { background: url('../images/comment-icon.png') no-repeat left bottom; }

.pagination { margin:20px 0; padding:0 20px 0 0; float:left; }
.pagination li { display: inline-block; color: #fff; float: left; }
.pagination li span { color: #fff;  margin-left:5px; padding: 5px 10px; background: #003466; float:left; }
.pagination li a { text-decoration: none; color: #fff;  margin-left:5px; padding: 5px 10px; background: #bdd1ec; float:left; }
.pagination li a:hover { background:#003466 }

.message { background-position: 3em 50%; font-size: 0.9375em; padding: 10px!important; background-repeat: no-repeat; margin: 20px 0!important; display: block!important; }

.message { background-position: 3em 50%; border: 1px solid #000; font-size: 0.9375em; padding: 20px 20px 20px 50px; background-repeat: no-repeat; margin: 20px 0; display: block!important; }

.message--success { background: url("../css/icons/png/icon-success.png") #f7f7f7 20px center no-repeat; }
.message--success { border-color: #bada55; }

.message--warning { background: url("../css/icons/png/icon-notice.png") #f7f7f7 20px center no-repeat; }
.message--warning { border-color: #f3da32; }

.message--error, label.error { background: url("../css/icons/png/icon-error.png") #f7f7f7 20px center no-repeat; }
.message--error, label.error { color: #ee4c60; border-color: #ee5c60; }

table { width:100%; font-size: 14px; margin: 10px 0 20px 0; }
table tr td { padding: 10px; }
table tr th { padding: 10px; background: #002856; color: #fff; text-align: left; font-weight: normal; }

button, input[type=submit], .button {
color: #fff;
background-color: #142d54;
border: 1px solid #142d54;
border-radius: 0.21428571428571em;
text-decoration: none;
font-size: 14px;
padding: 10px 20px;
display: inline-block;
cursor:   pointer;
}

p a.post-edit-link { padding: 20px 0; float: left; }

button:hover, input[type=submit]:hover, .button:hover { color:#fff; text-decoration: none; background: #000; }
.button.book-now { /*background: #bdd1ec; color:#142d54; */display: inline-block; vertical-align:middle; margin: 0 0 0 40px;  }

.contact-info p { font-size: 12px; }

div.headerRightBottom { bottom: 0px!important; left:20px;  }
ul.topLevelNavLinks li { margin: 0 3px 0 0; }
ul.topLevelNavLinks li a { background-image: none!important; background:#152e55!important; padding:10px 5px; height: auto; color:#fff!important; border-bottom: 2px solid #71B427; font-size: 14px; font-weight:  normal; }
ul.topLevelNavLinks li a:hover { background:#71B427!important; color:#fff!important; }
ul.topLevelNavLinks li.channel_active a { background:#71B427!important; color:#fff!important; border-bottom: 2px solid #bdd1ec; }

div.leftColumnContainer {
	margin: 0 20px 20px;
}

@media min-width(35.6875em) {
	div.leftColumnContainer {
		margin: 0 0 20px 20px !important;
	}
}

.card-payments { width:100%; float:left; }
.card-payments ul { padding: 0; margin: 0; list-style: none; float: right; }
.card-payments ul li { display: inline-block; margin: 0; padding: 0; zoom: 1; *display: inline; }

/* =========================

        SIDE NAV 

========================== */

@media (min-width:41.75em) {
	#side-nav {
		width: 200px;
		float: left;
		padding: 0 0 40px 0;
	}
}

#side-nav ul { list-style: none; margin: 0 0 0 0; padding: 0; }
#side-nav ul li {
	display: block;
	margin: 0 0 3px 0;
	background: #bdd1ec;
}

/*@media (min-width:25.75em) {
	#side-nav ul li {
		display: inline-block;
		width: 49%;
		margin: 0 0.5% 3px;
		width: calc(50% - 3px);
		margin: 0 calc(1.5px) 3px;
	}
}

@media (min-width:37.25em) {
	#side-nav ul li {
		width: 32.333333333%;
		width: calc(33.333333% - 3px);
	}
}

@media (min-width:41.75em) {
	#side-nav ul li {
		width: 100%;
		margin: 0 0 3px;
	}
}*/

#side-nav ul li a { display: block; padding: 12px 20px; color: #003466; font-weight: 400; font-size: 14px; outline: none; position: relative;  text-decoration: none; }
#side-nav ul li a:hover { background:#152e55; }
#side-nav ul li a:hover { color:#fff; }
#side-nav ul li.current_page { background:#152e55; }
#side-nav ul li.current_page a { color:#fff; }
#side-nav ul li ul.children { margin: 0px; background:#fff; border-left: 1px solid #152e55; border-right: 1px solid #152e55; border-bottom: 1px solid #152e55; display:  none; }
#side-nav ul li.current_page ul.children { display: block; }
#side-nav ul li ul.children li { margin: 0;  background: none;  }
#side-nav ul li ul.children li a:hover { color:#003466; background: none;  }
#side-nav ul li ul.children li a { color: #003466;}
#side-nav ul li ul.children li a.current-page { color: #5884b2!important; }

/* =========================

        SIDE NAV - COURSES

========================== */

#side-nav-courses { width: 180px; float: left; padding: 10px; background: #71B427; }
#side-nav-courses h2 { color:#fff; font-weight: normal; font-family: Arial, sans-serif; margin: -10px -10px 0 -10px; padding: 10px;  }
#side-nav-courses ul { list-style: none; margin: 0 0 0 0; padding: 0; }
#side-nav-courses ul li { display: block; margin: 0 0 0 0; }
#side-nav-courses ul li a { display: block; background: url('../images/plus-icon.gif') no-repeat left center; padding: 12px 0px 12px 20px; color: #fff; font-weight: 400; font-size: 14px; outline: none; position: relative;  text-decoration: none; border-bottom: 1px dotted #fff; }


#course_list { list-style: none; margin: 0; padding: 0; float: left; border: 1px solid #ddd; }
#course_list li { width:100%; float:left; background: #f1f1f1; }
#course_list li a { padding: 10px;  float:left; }
#course_list li.odd { background: #eee; border-bottom: 1px solid #f1f1f1 }

/* =========================

        BREADCUMB

========================== */

ol.breadcrumb { list-style: none; margin: 0 0 41px 0; padding: 0; }
ol.breadcrumb li.breadcrumb__item { list-style: none; display: inline; padding-right: 0.5em; margin: 0; }
ol.breadcrumb li.breadcrumb__item:after { content: ">"; color: #717171; padding-left: 0.5em; }
ol.breadcrumb li.breadcrumb__item:last-of-type:after { content: ""; }
ol.breadcrumb li.breadcrumb__item a, .breadcrumb__link { text-decoration: underline; color:#71B427; }

#course_dates { margin: 10px 0 40px 0; }


/* =========================

        WP CORE

========================== */

.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* ===== == = === Base Styles === = == ===== */