@import url('fonts/Populaire/populaire.css');
@import url('fonts/TradeGothic/tradegothic.css');

* { margin: 0; outline: 0 none; padding: 0; }

::selection { background: #45c3d3; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .35); }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section  { display: block; }
audio[controls], canvas, video  { display: inline-block; *display: inline; *zoom: 1; }

html, body { height: 100%; }

h1 { color: #fff; font: 75px/75px 'Populaire', sans-serif; }

a {
	border-bottom: 1px solid rgba(69, 195, 210, 0);
	outline: none;

	color: #45c3d2;
	text-decoration: none;

	transition: all .35s ease-out;
}
a:hover { border-color: #3ca9b7; color: #3ca9b7; }

p { padding: 0 0 15px 0; }
ol, ul, dd { padding: 0 0 10px 20px; }

hr { clear: both; margin: 10px 0; }
pre, code, blockquote { padding: 20px; }

iframe {
	max-width: 100% !important;
}
body {
	background-color: #252e33;
	color: #445660;
	font: normal 12px/12px 'TradeGothicLT', sans-serif;
}

b, strong {
	font-family: 'TradeGothicLT-Bold', sans-serif;
}

.contain {
	margin: 0 auto;
	max-width: 1000px;
}

/***************
	HEADER
***************/
header {
	height: 100px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 300;

	background-color: #53646d;

	transition: background .35s ease;
}
.site-alert header {
    top: 50px;
}
header.clear { background-color: transparent; }
header .contain { position: relative; width: 100%; max-width: 100%;}

header #global {
	position: relative;
	height: 23px;
	background: #45c3d3;
}


header #logo {
	left: 30px;
	position: absolute;
	top: 32px;
	width: 241px;
	height: 55px;
	background: transparent url(../img/seabury-logo.png) 0 0 no-repeat;
	background-size: 100% auto;
}
header #logo a { border: 0 none; display: block; height: 100%; width: 100%; }
header #logo a span,
header #logo img { display: none; }

/***************
	GLOBAL
*****************/
header nav.global-nav {
	float: right;
	margin: 4px 30px 0 0;
}
header nav.global-nav ul {
	margin: 0;
	padding: 0;

	font-size: 0;
	list-style-type: none;
}
header nav.global-nav li {
	display: inline-block;
	margin: 0 0 0 25px;
	padding: 0;
}
header nav.global-nav li:first-child { margin: 0; }
header nav.global-nav li a {
	border: 0 none;
	display: block;

	color: #fff;
	font: 16px/16px 'TradeGothicLT-Bold', sans-serif;
	text-decoration: none;
	text-transform: uppercase;

	transition: color .35s ease-out, background .15s ease-out, opacity .35s ease-out;
}
header nav.global-nav li.active a,
header nav.global-nav li a:hover { opacity: .75; }

header #global .social {
	float: right;
	margin: 3px 30px 0 0;
}
header #global .social a {
	border: 0;
	display: inline-block;
	height: 17px;
	margin: 0 10px 0 0;
	width: 17px;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
header #global .social a:hover {
	opacity: .75;
}
header #global .social a span { display: none; }
header #global .social .facebook { background-image: url(../img/social-facebook.png); }
header #global .social .blog { background-image: url(../img/social-blog.png); }
header #global .social .twitter { background-image: url(../img/social-twitter.png); }
header #global .social .instagram { background-image: url(../img/social-instagram.png); }
header #global .social .pinterest { background-image: url(../img/social-pinterest.png); }

/**
 * SITE ALERT
 */
#site-alert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 1000;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #dd402d;
    background-image: url(../img/icon-alert.png);
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: 25px;
}
#site-alert .alert-content {
    flex: 1;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin-left: 80px;
    padding: 5px 0;
    line-height: 1.5em;
}
#site-alert .alert-content p {
    margin: 0;
    padding: 0;
}
#site-alert .alert-content a {
    color: #ffffff;
    text-decoration: underline;
    border: none;
}
#site-alert .alert-content a:hover {
    text-decoration: none;
    border: none;
}

/***************
	NAVIGATION
*****************/
header nav.main-nav {
	position: absolute;
	right: 30px;
	top: 50px;
}
header nav #mainNav, header nav #mainNav ul {
	margin: 0;
	padding: 0;

	font-size: 0;
	list-style-type: none;
}
header nav #mainNav li {
	display: inline-block;
	margin: 0 0 0 35px;
	padding: 0 0 24px 0;
	position: relative;
}
header nav #mainNav li:first-child { margin: 0; }
header nav #mainNav li a {
	border: 0 none;
	display: block;

	color: #fff;
	font: 18px/18px 'TradeGothicLT-Bold', sans-serif;
	text-decoration: none;
	text-transform: uppercase;

	transition: color .35s ease-out, background .15s ease-out;
}
header nav #mainNav li.active a,
header nav #mainNav li:hover a { color: #45c3d3; }
header nav #mainNav ul {
	left: -9999px;
	margin: 0;
	padding: 8px 5px 8px 8px;
	position: absolute;
	width: 177px;
	top: 100%;
	z-index: 300;

	background-color: #45c3d2;
	opacity: 0;

	border-radius: 5px;
	transition: opacity .5s ease-out;
}
header nav #mainNav ul:before {
	bottom: 100%;
	height: 18px;
	left: 30px;
	position: absolute;
	width: 25px;

	background: transparent url(../img/carrot.png) 0 0 no-repeat;
	content: "";
}
header nav #mainNav ul li {
	display: block;
	margin: 3px 0 0 0;
	padding: 0;
}
header nav #mainNav ul li:first-child { margin: 0; }
header nav #mainNav li:hover ul a { color: #fff; }
header nav #mainNav ul li a {
	display: block;
/*	height: 22px;*/
	padding: 6px 10px 6px 10px;

	color: #fff;
	text-transform: none;

	border-radius: 5px;
}
header nav #mainNav ul li a:hover {
	background-color: #3ba9b6;
	color: #fff;
}

header nav #mainNav ul li.btn a {
	padding-left: 38px;

	background-color: #fff;
	background-position: 10px center;
	background-repeat: no-repeat;
	color: #47565d;
}
header nav #mainNav ul li.btn.user a {
	background-image: url(../img/nav-icon-user-dark.png);
}

header nav #mainNav li:hover ul { left: -18px; opacity: 1; }

header nav #mainNav li:last-child:hover ul { left: auto; right: 3px; }
header nav #mainNav li:last-child ul:before { left: auto; right: 30px; }

header nav #mainNav li.icon {
	padding: 2px 0 24px 26px;

	background-position: left top;
	background-repeat: no-repeat;
}
header nav #mainNav li.icon.user { background-image: url(../img/nav-icon-user.png); }
header nav #mainNav li.icon.lock { background-image: url(../img/nav-icon-lock.png); }

header nav #mainNav ul ul{ display: none; }

.menu-btn {display: none;}

/***************
	HOMEPAGE
****************/

#home {
	padding: 690px 0 0 0;
}


#slides {
	height: 690px;
	margin: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 50;

	transform: translate3d(0, 0, 0);
}
#slides .slide {
	height: 100%;
	left: -9999px;
	position: absolute;
	width: 100%;
	z-index: 40;

	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
#slides .slide:after {
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;

	background: transparent url(../img/hero-gradient.png) 0 0 repeat-x;
	content: "";
}
#slides .slide .contain {
	height: 100%;
	margin: 0 auto;
	position: relative;
	max-width: 1000px;
	width: 100%;
}
#slides .slide .inner {
	bottom: 26px;
	height: 300px;
    width: 300px;
	left: 6px;
	padding: 100px 30px 0 70px;
	position: absolute;
	z-index: 50;
}
#slides .slide .inner:after {
	bottom: 0;
	height: 400px;
	left: 0;
	position: absolute;
	width: 400px;
	z-index: -1;

	background-color: rgba(69, 195, 211, .9);
	content: "";

	border-radius: 50%;
}
#slides .slide .inner.right {
	left: auto;
	right: 0;
}
#slides .slide .inner.right:after {
    left: auto;
    right: 0;
}
/* #slides .slide .inner.sml {
	width: 253px;
}
#slides .slide .inner.med {
	width: 253px;
}
#slides .slide .inner.lrg {
	width: 253px;
} */
#slides .slide .inner h1 {
	max-height: 2em;
	overflow: hidden;

	font-size: 63px;
	line-height: 63px;
}

#slides .slide .inner a {
	border-bottom: 0 none;
	display: block;
	height: 33px;
	margin: 18px 0 0 0;
	padding: 18px 0 0 22px;
	position: relative;
	width: 143px;

	background: #f3f1f2 url(../img/hero-btn-arrow.png) 115px center no-repeat;
	color: #48555e;
	font: 16px/16px 'TradeGothicLT-Obl', sans-serif;

	border-radius: 5px;
}
#slides .slide .inner a:hover { text-decoration: none; }

/* slide initial */
#slides .slide {
	opacity: 0;

	transition: opacity .75s ease-out 0.25s;
}
#slides .slide .inner {
	opacity: 0;

	transform: translate3d(0, 20px, 0);
	transition: opacity .25s ease-out 1.00s, transform .25s ease-out 1.00s;
}
#slides .slide .inner * {
	opacity: 0;

	transition: opacity .25s ease-out 1.25s;
}

/* slide active */
#slides .slide.active {
	left: auto;
	z-index: 20;

	opacity: 1;
}
#slides .slide.active .inner {
	opacity: 1;

	transform: translate3d(0, 0, 0);
	transition: opacity .25s ease-out 0.00, transform .25s ease-out 0.00;
}
#slides .slide.active .inner * {
	opacity: 1;
}


/* slide animating */
#slides.changing .slide.next {
	left: auto;
	opacity: 1;
}
#slides.changing .slide .inner {
	opacity: 1;

	transform: translate3d(0, 0, 0);
}
#slides.changing .slide.active .inner {
	opacity: 0;

	transform: translate3d(0, 20px, 0);
}
#slides.changing .slide .inner * {
	opacity: 1;
}


#slides .dots {
	position: absolute;
	top: 650px;
	width: 100%;
	z-index: 100;

	font-size: 0;
	text-align: right;
}
#slides .dots a {
	display: inline-block;
	height: 14px;
	margin: 0 0 0 7px;
	width: 14px;

	background-color: #43d3ce;
	cursor: pointer;

	border-radius: 50%;
	transition: all 0.75s ease-out 0;
}
#slides .dots a:first-child { margin: 0; }
#slides .dots a.active {
	background-color: #fff;
}


#features {
	/*height: 531px;*/
	min-height: 531px;
	margin: 0 auto;
	padding: 47px 0 0 0;
	position: relative;
	z-index: 100;

	background-color: #e1e1e1;
	font-size: 0;
}
#features .inner-contain {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 -10px;
}
#features::after{
	content: "";
	height: 330px;
	width: 100%;
	position: absolute;
	background-color: #445660;
	bottom: 0;
	left: 0;
	z-index: -1;
}
#features .contain {
	/*width: 950px;*/
    max-width: 950px;
}
#features article {
	display: inline-block;
	margin: 0 10px 150px 10px;
	vertical-align: top;
	width: 296px;

	font-size: 12px;
	line-height: 12px;
}
#features article:first-child,
#features article.first-child { margin: 0 10px 150px 10px; }
#features article a.pic {
	border: 10px solid #fff;
	display: block;
	height: 276px;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 276px;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	font-size: 0;
	text-align: center;

	border-radius: 5px 5px 0 0;
	transition: border .25s ease-out;
}
#features article a.pic .back {
	background-color: rgba(44, 146, 161, .89);
	opacity: 0;

	transition: opacity .25s ease-out;
}
#features article a.pic h1 {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	z-index: 10;

	background-color: transparent;
	color: #fff;
	font-size: 50px;
	line-height: 50px;
	opacity: 0;
	text-shadow: none;
	text-transform: uppercase;

	transform: translate3d(0, 25px, 0);
	transition: opacity .25s ease-out, transform .25s ease-out;
}
#features article a.pic img {
	display: inline-block;
	height: 276px;
	vertical-align: middle;
	width: 0;
	border:none;
}
#features article a.pic:hover {
	text-decoration: none;
}
#features article a.pic:hover .back,
#features article a.pic:hover h1 {
	opacity: 1;

	transform: translate3d(0, 0, 0);
}
#features article section {
	height: 362px;
	padding: 20px;
	position: relative;

	background-color: #fff;
	color: #445660;
	font-size: 16px;
	line-height: 21px;

	border-radius: 0 0 5px 5px;
}
#features article section h2 {
	margin: 0 0 17px 0;
	max-height: 2em;
	overflow: hidden;

	color: #44555f;
	font: 36px/36px 'TradeGothicLT-BdCn20', sans-serif;
}
#features article section .rtecontent {
	max-height: 20em;
	overflow: hidden;
}
.fixed_height {
	max-height: 220px;
	overflow: hidden;
}
a.more {
	border-bottom: 0 none;
	border-top: 3px solid #fff;
	bottom: -41px;
	display: inline-block;
	height: 28px;
	left: 50%;
	margin: 0 0 0 -67px;
	padding: 13px 40px 0 25px;
	position: absolute;

	background-color: #45c3d2;
    background-image: url(../img/side-nav-arrow.png);
    background-repeat: no-repeat;
    background-position: top 15px right 15px;
	color: #fff;
	font: 16px/16px 'TradeGothicLT-Obl', sans-serif;

	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

	transition: all .15s ease-out;
}
a.more:hover { bottom: -54px; padding-top: 26px; background-position-y: 28px; text-decoration: none; }


#banner {
	height: 361px;
	padding: 130px 0 0 0;

	background-color: #445660;
	color: #e1e1e1;
	font: 27px/35px 'TradeGothicLT-Cond18', sans-serif;
	text-align: center;
}
#banner h1 {
	overflow: hidden;
	padding: 0 0 10px 0;

	color: #fff;
	white-space: nowrap;
}
#banner .contain { width: 830px; }

#home #banner {
	height: 193px;
	padding: 0 0 0 0;
	position: relative;
	z-index: 75;
}
#home #banner h1 { overflow: visible; white-space: normal; }

.banner {
	padding: 130px 25px 205px 25px;

	background-color: #445660;
	color: #e1e1e1;
	font: 27px/35px 'TradeGothicLT-Cond18', sans-serif;
	text-align: center;
}
.site-alert .banner {
    padding-top: 180px;
}
.banner h1 {
	overflow: hidden !important;
	padding: 0 0 10px 0 !important;
	font: 75px/75px 'Populaire',sans-serif !important;
	color: #fff !important;
}
.banner .contain { max-width: 830px; }
.banner .contain .subheadline {

	color: #e1e1e1;
	font: 27px/35px 'TradeGothicLT-Cond18', sans-serif;
	text-align: center;
}
.banner .contain .btn {
	margin-top: 20px;
}

#home .banner {
	height: 193px;
	padding: 290px 0 0 0;
	position: relative;
	z-index: 75;
}
#home .banner h1 { overflow: visible; white-space: normal; }

/***************
	INTERIOR
****************/
#content {
	background-color: #e1e1e1;
}
#content .contain {
	font-size: 0;
}
#content h1, #content h2, #content h3 {
	color: #455560;
	font-family: 'TradeGothicLT-BdCn20', sans-serif;
	font-weight: normal;
}
#content h1 { padding: 0 0 17px 0; font-size: 34px; line-height: 34px; }
#content h2 { padding: 0 0 10px 0; font-size: 28px; line-height: 28px; }
#content h3 { padding: 0 0 10px 0; font-size: 20px; line-height: 20px; }
#content h4 {
	padding: 0 0 10px 0;

	color: #959ca1;
	font: normal 20px/20px 'TradeGothicLT-BdCn20', sans-serif;
}
#content h1 + h4 {
	margin-top: -15px;
}
#content p, #content ul, #content ol, #content table, #content blockquote {
	padding: 0 0 25px 0;
}
#content ol, #content blockquote {
	padding: 0 0 25px 1.5em;
}

#content #side,
#content #main {
	display: inline-block;
	margin-top: -147px;
	vertical-align: top;
	padding-bottom: 94px;

	font-size: 16px;
	line-height: 13px;
}

#content #side {
	margin-right: 29px;
	margin-bottom: 28px;
	width: 271px;
}
#content #side nav {
	padding: 10px 10px 10px 8px;
	position: relative;

	background-color: #45c3d3;
	color: #fff;
	font: 21px/21px 'TradeGothicLT-Bold', sans-serif;

	border-radius: 5px;
}
#content #side nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content #side nav ul li {
	display: block;
	margin: 2px 0 0 0;

	border-radius: 5px;
}
#content #side nav ul li:first-child { margin: 0; }
#content #side nav ul li a {
	border: 0 none;
	display: block;
	padding: 5px 10px 6px 10px;

	color: #fff;
	line-height: 27px;

	border-radius: 5px;
}
#content #side nav ul li a:hover,
#content #side nav ul li.active {
	background-color: #3ca9b7;
}
#content #side nav ul li.active a {
	background-color: #fff;
	color: #445660;
}
#content #side nav ul li.active ul { padding: 2px 0; }
#content #side nav ul li.active li {
	margin: 1px 0;
	padding: 5px 16px 5px 34px;
}
#content #side nav ul li.active li a {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	display: inline;
	height: auto;
	padding: 0;

	background-color: transparent;
	color: #fff;
	font-size: 17px;
	line-height: 23px;

	border-radius: 0;
}
#content #side nav ul li.active li a:hover { border-color: #fff; }
#content #side nav ul li.active li.active {
	background: transparent url(../img/side-nav-arrow.png) 9px 11px no-repeat;
}

#content #side section {
	margin: 27px 0 0 0;
	padding: 25px 12px 23px 24px;

	background-color: #fff;
	line-height: 20px;

	border-radius: 5px;
}
#content #side section.tight { padding: 0 7px 7px 6px; }
#content #side section:first-child { margin: 0; }
#content #side section p { padding: 0 0 15px 0; }
#content #side section p:last-child { padding: 0; }


#content #main {
	max-width: 700px;
	width:100%;
}
#content #main.full-width {
	display: block;
	margin-left: auto; margin-right: auto;
}
#content #main ul:not(.dropdown) { list-style-type: none; overflow: hidden;}
#content #main ul li {
	padding: 0 0 5px 30px;

	background: transparent url(../img/bullet.png) 2px 5px no-repeat;
}
#content #main li ul { padding: 5px 0 0 0; }

#content #main section {
	margin: 94px 0 0 0;
	padding: 26px 22px 0 22px;
	position: relative;
	min-height:175px;

	background: #fff;
	line-height: 21px;

	border-radius: 5px;

}
#content #main section.rtecontent p {height: 190px; overflow: hidden;}
#content #main.summary section { min-height: 277px; }
#content #main section:first-child { margin-top: 0; }
/*#content #main section:last-child { margin-bottom: 94px; }*/
#content #main section .rtecontent img { border-radius: 5px; }
#content #main section div.feature {
	border: 10px solid #45c3d3;
	float: right;
	height: 276px;
	margin: -48px -10px 10px 10px;
	overflow: hidden;
	position: relative;
	width: 276px;

	background-position: 0 0;
	background-repeat: no-repeat;

	border-radius: 5px;
}
#content #main section div.feature img { display: none; }
#content #main section.lefty div.feature {
	float: left;
	margin: -48px 25px 10px -10px;
}
#content #main section a.more {
	left: 25px;
	margin-left: 0;
}
#content #main section.lefty a.more {
	left: auto;
	right: 27px;
}


/****************
	EVENTS
*****************/

.events h3, #content.events h3 {
	display: inline-block;
	height: 28px;
	margin: 12px 0 12px -25px;
	padding: 9px 16px 0 16px;

	background-color: #45c3d2;
	color: #fff;
	font: 20px/20px 'TradeGothicLT-BdCn20', sans-serif;

	border-radius: 5px;
}
#content.events h3 { margin-left: -29px; }
.events h4 {
	margin: 0 0 3px 0;

	color: #45c3d2;
}
.events h4, .events h4 a {
	font: 17px/17px 'TradeGothicLT-Bold', sans-serif;
}
.events #side h4 { padding: 0; }

.events .rtecontent h3, #content.events .rtecontent h3 {
	margin: 12px 0;
	padding: 0;
	line-height: 1.2em;
	background: none;
	display: block;
	border: none;
	color: #455560;
	height: auto;
}

#side .cats { margin: 0 0 22px 0; }
#side .cats input[type=checkbox] {
	left: -9999px;
	position: absolute;
}
#side .cats input + label {
	display: block;
	padding: 0 0 2px 26px;

	background: transparent url(../img/checks.png) 0 2px no-repeat;
	cursor: pointer;
}
#side .cats input[type=checkbox]:checked + label { background-position: 0 -22px; }
#side .cats input[type=checkbox]:checked + label.turq { background-position: 0 -46px; }
#side .cats input[type=checkbox]:checked + label.green { background-position: 0 -70px; }
#side .cats input[type=checkbox]:checked + label.orange { background-position: 0 -94px; }
#side .cats input[type=checkbox]:checked + label.purple { background-position: 0 -118px; }
#side .cats input[type=checkbox]:checked + label.blue { background-position: 0 -142px; }
#side .cats label + br { display: none; }

#side .btn {
	border: 0 none;
	display: inline-block;
	height: 28px;
	padding: 17px 48px 0 24px;
	position: relative;

	background-color: #45c3d3;
	color: #fff;
	cursor: pointer;
	font: 16px/16px 'TradeGothicLT-Obl', sans-serif;

	border-radius: 5px;
	transition: all .35s ease-out 0;
}
#side .btn:after {
	height: 100%;
	position: absolute;
	right: 17px;
	top: 0;
	width: 15px;

	background: transparent url(../img/side-nav-arrow.png) 0 19px no-repeat;
	content: "";
}
#side .btn:hover {
	background-color: #2c92a1;
}
.addToCalendar {
	margin-right: 10px;
	margin-bottom: 22px;
}

#calgrid {
	border-spacing: 0;
	width: 100%;
}
#calgrid td { vertical-align: top; }
#calgrid thead h1 { padding: 2px 0 16px 0; text-align: center; }
#calgrid thead h1 a { color: #455560; }
#calgrid thead h1 a:hover { color: #3ca9b7; }
#calgrid thead .btn {
	float: left;
	height: 38px;
	padding: 0;
	width: 38px;

	background-position: center center;
	background-repeat: no-repeat;
}
#calgrid thead .btn.larr { background-image: url(../img/calendar-l-arrow.png); }
#calgrid thead .btn.rarr { background-image: url(../img/calendar-r-arrow.png); float: right; margin: 0 3px 0 0; }
#calgrid thead .btn:after { display: none; }
#calgrid thead th {
	padding: 13px 0 11px 0;
	width: 14.3%;

	background-color: #959ca1;
	color: #fff;
	font: normal 16px/16px 'TradeGothicLT-Bold', sans-serif;
	text-align: center;
	text-transform: uppercase;
}
#calgrid thead th:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#calgrid thead th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
#calgrid thead tr.space td { height: 12px; }
#calgrid tbody tr td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #e1e1e1;
	height: 84px;
	padding: 5px 9px;
	position: relative;

	color: #455560;
	font: normal 22px/22px 'TradeGothicLT-BdCn20', sans-serif;
	text-align: right;
}
#calgrid tbody tr td.other { background-color: #ecebeb; }
#calgrid tbody tr:first-child td { border-width: 1px 1px 1px 0; }
#calgrid tbody tr td:first-child { border-width: 0 1px 1px 1px; }
#calgrid tbody tr:first-child td:first-child { border-width: 1px; border-top-left-radius: 5px; }
#calgrid tbody tr:first-child td:last-child { border-top-right-radius: 5px; }
#calgrid tbody tr:last-child td:first-child { border-bottom-left-radius: 5px; }
#calgrid tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; }

#calgrid .bars {
	margin: 0 -5px;
	width: 85px;
}
#calgrid .bars .bar {
	position: relative;

	text-align: left;
}
#calgrid .bars .bar > a {
	border: 0 none;
	display: block;
	height: 18px;
	margin: 4px 0;
	overflow: hidden;
	padding: 4px 5px 0 5px;

	background-color: #a5a5a5;
	color: #fff;
	font: 12px/12px 'TradeGothicLT', sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;

	border-radius: 5px;
}
#calgrid .bars .bar a.turq { background-color: #45c3d3; }
#calgrid .bars .bar a.green { background-color: #84a639; }
#calgrid .bars .bar a.orange { background-color: #f68e56; }
#calgrid .bars .bar a.purple { background-color: #ac99bd; }
#calgrid .bars .bar a.blue { background-color: #2c92a1; }

#calgrid .bars .bar .pop {
	left: 100%;
	margin: 0 0 0 10px;
	padding: 18px 10px 25px 20px;
	position: absolute;
	top: -13px;
	width: 168px;
	z-index: 100;

	background-color: #445660;
	color: #fff;
	font: 16/22px 'TradeGothicLT', sans-serif;
	opacity: 0;

	border-radius: 5px;
	transition: opacity .35s ease-out;
}
#calgrid .bars .bar .pop:before {
	height: 100%;
	left: -19px;
	position: absolute;
	top: 0;
	width: 19px;

	background: transparent url(../img/event-carrot.png) 0 12px no-repeat;
	content: "";
}
#calgrid .bars.left .bar > a { padding-left: 10px; }
#calgrid .bars.left .bar .pop {
	left: auto;
	margin: 0 12px 0 0;
	right: 100%;
}
#calgrid .bars.left .bar .pop:before {
	left: auto;
	right: -19px;

	background: transparent url(../img/event-carrot-l.png) 0 12px no-repeat;
}
#calgrid .bars .bar .pop.show {
	opacity: 1;
	z-index:1000;
}
#calgrid .bars .bar .pop.off {
	left: -9999px;
}
#calgrid .bars .bar .pop h4 {
	padding: 0 0 6px 0;

	color: #fff;
	font: normal 22px/22px 'TradeGothicLT-BdCn20', sans-serif;
}
#calgrid .bars .bar .pop p {}
#calgrid .bars .bar .pop .btn {}

#side #calgrid { padding: 0; }
#side #calgrid thead td { vertical-align: middle; }
#side #calgrid thead .btn {
	float: left;
	height: 11px;
	margin: 0 5px;
	padding: 0;
	width: 15px;

	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}
#side #calgrid thead .btn.larr { background-image: url(../img/side-nav-arrow-l.png); }
#side #calgrid thead .btn.rarr { background-image: url(../img/side-nav-arrow.png); float: right; }
#side #calgrid thead h1 { padding: 14px 0 13px 0; font-size: 20px; line-height: 20px; }
#side #calgrid thead th {
	color: #464646;
	font: 11px/11px 'TradeGothicLT-Bold', sans-serif;
}
#side #calgrid tbody td {
	height: 37px;
	padding: 0;
	vertical-align: middle;

	background-color: #f7f7f7;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
}
#side #calgrid tbody td.today {
	background-color: #959ca1;
	color: #fff;
}
#side #calgrid tbody td a {
	display: block;
	padding: 10px 0 11px 0;

	background-color: #45c3d3;
	color: #fff;
}
#side #calgrid tbody td a:hover {
	background-color: #3ca9b7;
}


/***************
	FOOTER
****************/
footer {
	padding: 32px 0 0 0;
	position: relative;
	z-index: 100;

	background-color: #252e33;
	font-size: 0;
}

footer h2 {
	margin: 0 0 10px 0;

	color: #fff;
	font: 20px/20px 'TradeGothicLT-BdCn20', sans-serif;
	text-transform: uppercase;
}
footer a {
	border-bottom: 1px solid rgba(69, 195, 211, 0);
	color: #45c3d3;
	text-decoration: none;

	transition: all .35s ease-out;
}
footer a:hover { border-color: #cce5e8; color: #cce5e8; text-decoration: none; }

footer .contact, footer .engaged, footer .enews_form {
	display: inline-block;
	vertical-align: top;

	color: #939aa0;
	font-size: 13px;
	line-height: 21px;
}
footer .contact {
	width: 236px;
}
footer .contact .pnais {
	border: 0;
}
footer .contact .pnais img {
	border: 0 none;
	height: 93px;
	margin: 10px 0 0 0;
}

footer .engaged {
	max-width: 422px;
	width: 100%;
}
footer .engaged table td {vertical-align: top;}
footer .engaged ul { margin: 0; padding: 0; list-type: none; }
footer .engaged li {
	display: block;
	vertical-align: top;
}

footer .enews_form {
	width: 273px;
}
footer .enews_form p { margin: 0 0 8px 0; }
footer .enews_form input {
	border: 0 none;
	display: inline-block;
	vertical-align: top;

	font-size: 16px;
	font-style: italic;
	line-height: 16px;

	border-radius: 5px;
}
footer .enews_form input[type=email] {
	margin: 0 7px 0 0;
	padding: 9px 10px 7px 10px;
	width: 184px;

	background: #fff;
}
footer .enews_form input[type=submit] {
	height: 32px;
	width: 62px;

	background: #45c3d3;
	color: #fff;
	cursor: pointer;
	text-align: center;

	transition: all .35s ease-out;
}
footer .enews_form input[type=submit]:hover {
	background-color: #2c92a1;
}
footer .enews_form a.social {
	border: 0;
	display: inline-block;
	height: 38px;
	margin: 0 10px 0 0;
	width: 38px;

	background-color: #45c3d3;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;

	border-radius: 5px;
	transition: all .35s ease-out 0;
}
footer .enews_form a.social:hover {
	background-color: #2c92a1;
}
footer .enews_form a span { display: none; }
footer .enews_form a.social.facebook { background-image: url(../img/social-facebook.png); background-position: 12px bottom; }
footer .enews_form a.social.blog { background-image: url(../img/social-blog.png); }
footer .enews_form a.social.twitter { background-image: url(../img/social-twitter.png); }
footer .enews_form a.social.instagram { background-image: url(../img/social-instagram.png); }
footer .enews_form a.social.pinterest { background-image: url(../img/social-pinterest.png); }

footer .info {
	padding: 40px 0 20px 0;

	color: #415560;
	font: 13px/13px 'TradeGothicLT-Obl', sans-serif;
}
footer .info a {
	border: 0 none;

	color: #415560;
	text-decoration: none;
}

footer .to_top {
	border: 0 none;
	bottom: 24px;
	display: none;
	height: 38px;
	position: fixed;
	right: 24px;
	width: 38px;
	z-index: 100;

	background: #45c3d3 url(../img/arrow-up.png) center center no-repeat;;
	color: #fff;
	cursor: pointer;

	border-radius: 5px;
}
footer .to_top:hover {
	background-color: #2c92a1;
}


#signin {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 300;

	background-color: rgba(68, 86, 96, .9);
	opacity: 0;

	transition: opacity .35s ease;
}
#signin.show { opacity: 1; }
#signin.off { left: -9999px; }
#signin form {
	left: 50%;
	margin: 0 0 0 -171px;
	padding: 24px 27px 15px 27px;
	position: absolute;
	top: 197px;
	width: 288px;
	z-index: 300;

	background-color: #f3f2f1;

	border-radius: 5px;
}
#signin h1 {
	padding: 0 0 34px 0;
	color: #455560;
	font: normal 34px/34px 'TradeGothicLT-BdCn20', sans-serif;
}

#signin .messages {
	border: 0 none;
	padding: 10px 30px;

	background-color: #445660;
	color: #fff;
	font-size: 16px;

	border-radius: 5px;
}

#signin label {
	display: block;
	padding: 0 0 8px 0;

	color: #455560;
	font: 20px/20px 'TradeGothicLT-BdCn20', sans-serif;
	text-transform: uppercase;
}
#signin label + input {
	border: 0 none;
	display: block;
	margin: 0 0 20px 0;
	padding: 9px 8px;

	background: #fff;
	color: #455560;
	font: 13px/13px 'TradeGothicLT', sans-serif;

	border-radius: 5px;
	box-shadow: 3px 3px 0 #c2c2c2;
}
#signin a {}
#signin .submit {
	border: 0 none;
	display: inline-block;
	height: 23px;
	margin: 10px 0 0 0;
	padding: 9px 48px 0 24px;
	position: relative;

	background-color: #45c3d3;
	color: #fff;
	cursor: pointer;
	font: 16px/16px 'TradeGothicLT-Obl', sans-serif;

	border-radius: 5px;
	transition: all .35s ease-out 0;
}
#signin .submit:after {
	height: 100%;
	position: absolute;
	right: 17px;
	top: 0;
	width: 15px;

	background: transparent url(../img/side-nav-arrow.png) 0 11px no-repeat;
	content: "";
}
#signin .submit:hover {
	background-color: #2c92a1;
}
#signin .forgot {
	margin: 0 0 0 25px;
	font: 12px/12px 'TradeGothicLT-Obl', sans-serif;
}
#signin .close {
	height: 35px;
	position: absolute;
	right: 12px;
	top: 19px;
	width: 35px;

	background: transparent url(../img/popup-close.png) 0 0 no-repeat;
	cursor: pointer;
}


/***************
	UTILITY
****************/
.rtecontent { padding: 0 0 24px 0;}
.rtecontent form {
	padding: 20px 24px 0 24px;

	background-color: #f3f1f2;

	border-radius: 5px;
}
.rtecontent form table { width: 100%; }
.rtecontent form table td { padding: 0 0 16px 24px; }
.rtecontent form table td:first-child { padding-left: 0; }
.rtecontent label {
	font: 20px/20px 'TradeGothicLT-BdCn20', sans-serif;
	text-transform: uppercase;
}
.rtecontent label.check_class {
	font-size: 16px;
}
input, select, textarea { font: normal 12px/13px arial, verdana, sans-serif; }
input[type=text], input[type=password], textarea {
	border: 0 none;
	padding: 9px 8px 9px 8px;
	margin: 6px 0 5px 0;
	width: 100%;

	background: #fff;
	color: #445660;
	font: normal 16px/16px 'TradeGothicLT', sans-serif;

	border-radius: 5px;
	box-sizing: border-box;
}
textarea  { height: 10em; }

.rtecontent input[type=submit] {
	border: 0 none;
	display: inline-block;
	padding: 0 40px 0 20px;
	vertical-align: top;
	height: 32px;

	background: #45c3d3 url(../img/side-nav-arrow.png) 85% center no-repeat;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-style: italic;
	line-height: 16px;
	text-align: center;

	border-radius: 5px;
	transition: all .35s ease-out;
}
.rtecontent input[type=submit]:hover {
	background-color: #2c92a1;

	box-shadow: 3px 3px 0 #1f6772;
}

.rounded  {
	border-radius: 10px;
}

.required  { color: #b00; }

.cleaner  { clear: both; height: 0; }
.group:after {
  content: "";
  display: table;
  clear: both;
}

div.messages  {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 10px;

	background: #eee;
	font-size: 12px;
	line-height: 1.5em;

	border-radius: 10px;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 1px 0 1px rgba(255, 255, 255, 0.4), -1px 0 1px rgba(255, 255, 255, 0.4), 0 -1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, 0.07) inset;
}
div.messages p  { padding: 0 !important;}
div.messages b  { text-shadow: 0 1px 0 rgba(255, 255, 255, .65); }
div.messages.error  { border-color: rgba(204, 128, 128, 0.32) rgba(204, 128, 128, 0.24) rgba(204, 128, 128, 0.16); background: #fcc; }
div.messages.success  { border-color: rgba(128, 204, 128, 0.32) rgba(128, 204, 128, 0.24) rgba(128, 204, 128, 0.16); background: #cfc; }
div.messages.warning  { border-color: rgba(204, 204, 128, 0.32) rgba(204, 204, 128, 0.24) rgba(204, 204, 128, 0.16); background: #ffc; }

div.messages.error b  { color: #a00; }
div.messages.success b  { color: #080; }
div.messages.warning b  { color: #880; }

.lowlite { color: #aaa; }

.bold_it  { font-weight: bold !important; }
.italic_it { font-weight: italics !important; }

.no_bold  { font-weight: normal !important; }
.no_bullets *  { list-style-type: none !important; }
.no_float  { float: none !important; }
.no_padding { padding: 0 !important; }
.no_margin { margin: 0 !important; }
.no_borders { border: 0 none !important; }
.hidden { display: none !important; }


.float_left  { float: left; }
.float_right  { float: right; }

.col10	 { width: 9%; }
.col25	 { width: 23%; }
.col35	 { width: 33%; }
.col50	 { width: 48%; }
.col65	 { width: 63%; }
.col75	 { width: 73%; }
.col100	 { width: 98%; }

.no_show  {
	border:0;
	height:0;
	visibility:hidden;

	line-height:0;
}
.off_screen  {
	left: -999em;
	position: absolute;
	top: -999em;
}

.large  { font-size: 20px; }
.medium  { font-size: 16px; }
.small  { font-size: 12px; }
.fine  { font-size: 10px; }

.space_dbl  { line-height: 200%; }
.space_half  { line-height: 150%; }
.space_line  { margin-top: 17px; }

.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_justify { text-align: justify; }


.rtecontent img { }
.rtecontent img.rte_image_left { margin: 0 10px 10px 0; }
.rtecontent img.rte_image_right { margin: 0 0 10px 10px; }
.rtecontent table { }
.rtecontent table td { padding: 0 10px 0 0; vertical-align: top; }

/* tabbed content sections */
#content #main .rtecontent .sctabs {}
#content #main .rtecontent .sctabs ul.sctablist {
	list-style-type: none;
	margin: 0;
	overflow: visible;
}
#content #main .rtecontent .sctabs ul.sctablist li {
	float: left;
	margin: 0 10px 0 0;
	padding: 1px;

	font: 16px/16px 'TradeGothicLT-Bold', sans-serif;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#content #main .rtecontent .sctabs ul.sctablist li a {
	border: 0 none;
	display: block;
	margin: 0 0 -2px 0;
	padding: 10px 15px;
font: normal 12px/12px 'TradeGothicLT', sans-serif;
	background: #959ca2;
	color: #fff;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transition: all .35s ease-out 0;
}
#content #main .rtecontent .sctabs ul.sctablist li.active {
	border: 1px solid #e1e1e1;
	padding: 0;
}
#content #main .rtecontent .sctabs ul.sctablist li.active a {
	background-color: #f7f7f7;
	color: #455660;
}
#content #main .rtecontent .sctabs .scpane {
	border: 1px solid #e1e1e1;
	display: none;
	padding: 14px;

	background-color: #f7f7f7;

	border-radius: 5px;
	border-top-left-radius: 0;
}
#content #main .rtecontent .sctabs .active { display: block; }
#content #main .editing .rtecontent .sctabs { display: block; }


/*** select dropdowns customized ***/
select.dropdown {
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;

	opacity: .01;
}
select.normal {
	height: auto;
	overflow: auto;
	position: static;
	width: auto;

	opacity: 1;
}
ul.dropdown {
	display: block;
	list-style-type: none;
	margin: 6px 0 0 0 !important;
	padding: 0 !important;
	position: relative;
	/*z-index: 200;*/

	background: #45c3d3;
	cursor: pointer;
	font: normal 16px/16px 'TradeGothicLT', sans-serif;
	letter-spacing: normal;

	border-radius: 5px;
}
ul.dropdown.inline {
	display: inline-block;
}
ul.dropdown li {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;

	background: transparent !important;
	list-style-type: none;
}
ul.dropdown li a {
	border: 0 none !important;
	display: block;
	padding: 9px 30px 9px 10px!important;

	background: transparent url(../img/side-nav-arrow-d.png) right 10px no-repeat;
	color: #fff;
	text-decoration: none;
}
ul.dropdown li a.placeholder { min-height: 16px; }
ul.dropdown li a:hover { border: 0 none !important; text-decoration: none !important; }
ul.dropdown li ul {
	display: none;
	margin: 0;
	padding: 3px !important;
	max-height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 200;

	background-color: #2c92a1;

	border-radius: 5px;
	box-sizing: border-box;
}
ul.dropdown.over li ul {
    display: block;
}
ul.dropdown li ul li a {
	background: transparent !important;

	border-radius: 5px;
}
ul.dropdown li ul li:hover a, ul.dropdown li ul li.selected a { background: #1c8696 !important; color: #fff; }


/**** RADIO OR CHECKBOXES ***/

/*form input[type=radio]{ position: absolute; left: -9999em; opacity: 0; }*/
form input[type=radio]{ margin: 0 5px 0 0; }
form input[type=radio] + label{
	display: inline-block !important;
	padding: 4px 0 3px 0 !important;
}
/* for custom radios set background image and increase left padding on label*/


/**
 * Blog Styles
 */
#content.blog #main div[class^="col"]{
    margin-bottom: 70px;
}
#content.blog #main section {
    margin: 0;
    padding: 0;
    min-height: 0;
    height: 100%;
}
#content.blog #main section.has-image {
    min-height: 0;
}
#content.blog #main section div.feature {
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 0;
    float: none;
    display: block;
    width: calc(100% - 20px);
    background-size: cover;
}
#content.blog article .content {
    padding: 20px;
}
#content.blog article .date{
    display: block;
    padding-bottom: 10px;
    background-color: #45c3d2;
    color: #fff;
    font: 20px/20px 'TradeGothicLT-BdCn20', sans-serif;
    border-radius: 0;
    text-align: center;
}

@media print {
	nav,
	#slides,
	#features article a.pic,
	a.more,
	#content #side,
	#calgrid thead .btn,
	#calgrid .bars .bar .pop,
	footer .to_top,
	footer .engaged, footer .enews_form,
	.no_print
		{ display: none !important; }

	body { background: transparent; }

	h1 { font: 60px/60px 'Populaire', sans-serif; }

	.contain { width: auto !important; }

	header {
		height: 100px;
		position: static;
		top: auto;

		background: transparent;
	}
	header #logo {
		left: auto;
		margin: 0 auto;
		position: static;
		top: auto;

		background-image: none;
	}
	header #logo img { display: block; }

	#features {
		height: auto;
		padding: 0;

		background: transparent;
	}
	#features article {
		width: 30%;
	}
	#features article section { height: auto; padding: 0; }
	#features article section h2 { font-size: 30px; line-height: 30px; }

	#banner, #home #banner {
		height: auto;
		padding: 0 0 40px 0;

		background-color: transparent;
		color: #445660;
	}
	#home #banner { padding: 40px 0; }
	#banner h1 { color: #445660; }

	#content { background: transparent; }
	#content #side, #content #main {
		margin-top: 0;
	}
	#content #main { display: block; width: 100%; }
	#content #main section { clear: both; margin: 0 0 40px 0; padding: 0; }
	#content #main section:last-child { margin-bottom: 40px; }
	#content #main section img.feature,
	#content #main section.lefty img.feature {
		height: 130px;
		margin: 0 12px 30px 12px;
		width: 130px;

		border-radius: 0;
	}
	#content #main section.lefty img.feature { margin: 0 24px 30px 0; }

	#content #main ul {
		margin: 0 0 20px 1.5em;
		list-style-type: disc;
	}
	#content #main ul li {
		padding: 0;
		background: transparent;
	}
	#content #main ul ul { margin-bottom: 5px; }

	#content #main .rtecontent .sctabs ul.sctablist { display: none; }
	#content #main .rtecontent .sctabs .scpane { border: 1px solid #ccc; display: block; margin: 10px 0; }

	.events h3, #content.events h3 {
		margin: 12px 0 6px 0;
		padding: 9px 0 0 0;

		background: transparent;
		color: #445660;
	}

	#calgrid thead th {
		background: transparent;
		color: #959ca1;
	}
	#calgrid tbody tr td {}
	#calgrid .bars {
		position: static;
	}
	#calgrid .bars .bar a {
		height: auto !important;
		margin: 0 !important;
		padding: 0 0 5px 0 !important;

		background-color: transparent !important;
		color: #445660 !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: normal !important;
	}

	footer {
		padding: 0;
	}
	footer h2 { color: #445660; }
	footer a { color: #445660; }
	footer .contact {
		display: block;
		position: relative;
		width: auto;

		color: #415560;
	}
	footer .contact .pnais { position: absolute; right: 0; top: 0; }
	footer .info { text-align: center; }
}