/* some default styles go in textstyles.css so the editor looks more like the page.*/
/* ******************************************************************** */
/* jquery validate 														 */
/* ******************************************************************** */
.error {
	color:red;
}
/* ******************************************************************** */
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* ******************************************************************** */
/* Common elements 														*/
/* ******************************************************************** */
.contentwrap {
	max-width:960px;
	margin:0 auto;
	padding:20px;
	box-sizing:border-box; -moz-box-sizing: border-box; 
}
.row {
	width:100%;
	display:table;
}
.half-pane {
	box-sizing:border-box; -moz-box-sizing: border-box;
	width:50%;
	display:table-cell;
	vertical-align:top;
}
.third-pane {
	box-sizing:border-box; -moz-box-sizing: border-box;
	width:33.33%;
	display:table-cell;
	vertical-align:top;
	padding:1%;
}
.quarter-pane {
	box-sizing:border-box; -moz-box-sizing: border-box;
	width:24%;
	padding:1%;
	display:table-cell;
	vertical-align:top;
}
#content {
	background-color: #e4e4e4;
}
#content .contentwrap {
	background-color: #f6f6f6;
	color:#333333;
	position: relative;
	top: -10px;
	padding:20px;
    padding-bottom: 6%;
}
#content .quarter-pane {
	text-align:center;
}
.infield {
	position:relative;
	display:inline-block;
}
.infield label {
	position:absolute;
}
.loader {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-8px;
	margin-top:-8px;
}
#content iframe {
	max-width:100%;
}
#content img {
	max-width:100%;
	height:auto !important;
}
@media all and (max-width:450px) { 
	.row, .quarter-pane,.third-pane, .half-pane {
		display:block;
		width:100%;
	}
}
/* ******************************************************************** */
/* header		 														*/
/* ******************************************************************** */
header.top {
	background-color:#000;
	color:#808080;
}
header.top .contentwrap {
	height:95px;
	padding-top:10px;
	text-align:right;
	position:relative;
	line-height:65px;
}
header.top .logo {
	position:absolute;
	left:20px;
}
header.top img {
	vertical-align:middle;
}
header.top nav {
	display:inline;
}
header.top .social-icons {
	margin:0 20px;
	display:inline-block;
}
header.top a {
	text-decoration:none;
}
header.top label {
	color:#808080;
	line-height: 65px;
}
header.top label img {
	vertical-align:middle;
	margin-right:5px;
}
header.top input {
	border:1px solid #808080;
	background:#000;
	color:#808080;
}
header.top ul {
	display:inline;
}
header.top li {
	display:inline;
	vertical-align:top;
}
header.top li:after {
	content: " | ";
}
header.top li:last-child:after {
	content:"";
}
header .search {
	display:inline-block;
}
@media all and (max-width:760px) {
	header.top .logo {
		position:static;
	}
	header.top .contentwrap {
		text-align:left;
		height:auto;
	}
	header.top nav.mini {
		display:none;
	}
}
@media all and (max-width:575px) { 
	header.top .logo {
		display:block;
	}
	header.top .social-icons {
		display:none;
	}
	header .search,
	header .search .infield {
		display:block;
	}
	header.top input {
		width:100%;
		box-sizing:border-box;
		moz-box-sising:border-box;
	}
}
/* ******************************************************************** */
/* main nav		 														*/
/* ******************************************************************** */
.navwrap {
	background-color:#29cebe;
	color:#ffffff;
}
.navwrap .contentwrap {
	padding:0;
	position: relative;
	top: -10px;
	background-color:inherit;
}
.navwrap ul {
	margin:0;
	padding:0;
	text-align:justify;
	height:62px;
	font-size:0;
}
.navwrap ul ul {
	position:absolute;
	z-index:1000;
	background:#57aaa8;
	height:auto;
	display:none;
	top:100%;
	left:0;
	width:auto;
}
.navwrap nav > ul:after {
	content:"";
	display:inline-block;
	width:100%;
	height:0;
}
.navwrap li {
	height:62px;
	line-height:62px;
	display:inline-block;
	font-size:17px;
	vertical-align:top;
	position:relative;
}
.navwrap li:hover {
	background:#57aaa8;
}
.navwrap li:hover > ul {
	display:block;
}
.navwrap a {
	text-decoration:none;
	display:inline-block;
	margin:0 10px;
}
.navwrap li li {
	display:block;
	white-space:nowrap;
}
.navwrap li li:hover {
	background:#117a70;
}
.navwrap ul ul ul {
	top:0;
	left:100%;
}

#mobile-nav {
	background: #666 url('/app/images/menu-icon.png') center no-repeat;
	width:24px;
	height:24px;
	display:inline-block;
	border-radius: 5px;
	margin: 3px 10px;
	padding: 8px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}
.navwrap .expand {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #030b16;
	height: 62px;
	width: 50px;
	cursor: pointer;
}
.navwrap .expand i {
	content:"";
	display: block;
	height: 62px;
	width: 48px;
	background: url('/app/images/menu-drop.png') no-repeat center center;
}
.active > .expand i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media only screen and (max-width: 760px) {
	.navwrap nav ul,.navwrap li:hover ul {
		display:none;
	}
	.navwrap nav {
		cursor:pointer;
		position:absolute;
		z-index: 140;
	}
	.navwrap a {
		display:block;
		padding:20px 0;
		white-space:normal;
		text-align:left;
	}
	.navwrap ul {
		height:auto;
	}
	.navwrap nav.active > ul {
		display:block;
	}
	.navwrap li.active > ul {
		display:block;
	}
	.navwrap li:hover > a:before {
		display:none;
	}
	.navwrap li {
		height:auto;
		vertical-align:middle;
		display:block;
		white-space:normal;
		line-height:normal;
	}
	.navwrap ul ul {
		position:static;
	}
	.navwrap nav > ul:after {
		display:none;
	}
}
/*********** splash ************/
.banner-active .navwrap .contentwrap {
	top:0;
}
.t-splash #content .quarter-pane a {
	text-decoration:none;
}

.t-splash #content .quarter-pane:hover {
	background:#f0eee8;
}
.t-splash #content a {
	color:inherit;
}
@media all and (max-width:600px) {
	.t-splash #content .row {
		display:block;
		font-size:0;
	}
	.t-splash #content .quarter-pane {
		font-size:14px;
		display:inline-block;
		width:50%;
	}
}
@media all and (max-width:450px) {
	.t-splash #content .quarter-pane {
		display:block;
		width:100%;
	}
}
/* ******************************************************************** */
/* banner		 														*/
/* ******************************************************************** */
.banner-stage {
	overflow-x:hidden;
	position:relative;
}
#banners .next, 
#banners .prev {
	position:absolute;
	top:0;
	bottom:0;
	z-index:200;
}
#banners .prev {
	background: url('/app/images/prev.png') right center no-repeat;
	left:0;
	right:50%;
	margin-right:480px;
}
#banners .next {
	background: url('/app/images/next.png') left center no-repeat;
	right:0;
	left:50%;
	margin-left:480px;
}
#banners {
	height:384px;
	white-space:nowrap;
	font-size:0;
}
#banners .banner {
	color:#fff;
	display:inline-block;
	width:960px;
	height:384px;
	text-shadow: 0 0 6px #000000;
	font-weight:bold;
	font-size:28px;
	position:relative;
	white-space:normal;
	text-align:center;
}
#banners .unhover {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#banners .caption {
	position:relative;
	z-index:100;
}
#banners .banner .caption {
	max-width:80%;
	vertical-align:middle;
	display:inline-block;
}
#banners .banner:after {
	content:"";
	display:inline-block;
	width:0;height:100%;
	vertical-align:middle;
}
.banner-stage footer {
	background-color:#57aaa8;
}
.banner-stage footer .contentwrap {
	background-color:#6ed8cd;
	color:#fff;
	position: relative;
	top: -10px;
	padding:1px 10px;
	text-align:center;
}
.banner-stage footer .contentwrap h2 {
	margin:0;
	font-style:italic;
	font-size:28px;
	font-weight:600;
	color:#117a70;
	line-height:64px;
}
@media all and (max-width:1024px) {
	#banners .banner h2 {
		font-size:48px;
	}
	#banners .prev {
		left:0;
		right:auto;
		width:30px;
		margin-right:0;
	}
	#banners .next {
		right:0;
		left:auto;
		width:30px;
		margin-left:0;
	}
}
@media all and (max-width:760px) {
	.banner-stage {
		display:none;
	}
}
/* ******************************************************************** */
/* newsfeed		 														*/
/* ******************************************************************** */
.newsfeed {
	background-color: #0a89c1;
}
.newsfeed h3 {
	font-weight:bold;
}
.newsfeed .contentwrap {
	position: relative;
	top: -10px;
	background:#20b1f1 url('/app/images/news-feed-bg.jpg') left center no-repeat;
}
.newsfeed .contentwrap:after {
	content: "";
	background: url('/app/images/newsfeed-outer-bg.jpg') right center no-repeat;
	display: block;
	position: absolute;
	top: 10px;
	right: 100%;
	height: 100%;
	width: 100px;
}
.t-news .content {
    border-top: 1px solid #e4e4e4;
    margin: 20px;
}
.t-news .content.True {
    position: relative;
    padding-left: 22%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.t-news .content h2 {
    margin: 0;
}
.t-news .content h3 {
    margin: 5px 0;
}
.t-news .graphic {
    position: absolute;
    top:0;
    left:0;
    width: 20%;
    height: 100%;
    overflow: hidden;
}
.t-news .graphic img {
    width: 100%;
}
.newsfeed .weather {
	vertical-align:middle;
	position:relative;
}
.newsfeed .weather .weather-icon {
	width:148px;
	height:148px;
	background:url('/app/images/weather_icons_full.png');
	background-position: -296px -148px;/*clear-day - default */
}
.newsfeed .weather .weather-icon.clear-night {background-position: 0px -444px;}
.newsfeed .weather .weather-icon.rain {background-position: -148px -444px;}
.newsfeed .weather .weather-icon.snow {background-position: -444px -148px;}
.newsfeed .weather .weather-icon.sleet {background-position: 0px -296px;}
.newsfeed .weather .weather-icon.wind {background-position: -444px -444px;}
.newsfeed .weather .weather-icon.fog {background-position: -444px -296px;}
.newsfeed .weather .weather-icon.cloudy {background-position: -296px 0px;}
.newsfeed .weather .weather-icon.partly-cloudy-day {background-position: -148px -148px;}
.newsfeed .weather .weather-icon.partly-cloudy-night {background-position: -296px -296px;}
.newsfeed .weather a {
	color:#fff;
}
.newsfeed .weather #map-canvas {
	width:90%;
	height:148px;
}
.newsfeed .weather input[type='text'] {
	color:#fff;
	vertical-align:middle;
}
.newsfeed .weather .infield {
	position:absolute;
	color:#fff;
}
.weather-icon {
	float:left;
}
.news-feed .news-icon {
	background:url('/app/images/news-icon.png');
	width:62px;
	height:64px;
	display:inline-block;
	vertical-align:middle;
}
.newsfeed h2 {
	color:#013247;
}
.newsfeed .head h2 {
	display:inline;
}

.events .calendar {
	background:url('/app/images/events-icon.png');
	width:62px;
	height:64px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.events .calendar .month {
	position:absolute;
	top:4px;
	bottom:14px;
	left:0;
	right:4px; /*allow for extra shadow */
	font-size:9px;
	text-align:center;
	color:#fff;
}
.events .calendar .day {
	position:absolute;
	top:18px;
	bottom:1px;
	left:0;
	right:4px; /*allow for extra shadow */
	font-size:29px;
	text-align:center;
	color:#fff;
	line-height:34px;
}
.newsfeed p {
	margin-bottom:50px;
}
.news-feed .button,
.events .button {
	position:absolute;
	bottom:10px;
}
@media all and (max-width:450px){
	.newsfeed .contentwrap {
		background-size:cover;
	}
}
/* ******************************************************************** */
/* news			 														*/
/* ******************************************************************** */
.news {
	background-color: #081e28;
}
.news .contentwrap {
	background-color: #073b53;
	position: relative;
	top: -10px;
	padding:30px 30px;
}
.news .enews {
	color:#29cebe;
}
.news .enews  h2 {
	color:inherit;
}
form.enews .infield {
	box-sizing:border-box; -moz-box-sizing: border-box; 
	width:33%;
	margin:1%;
}
form.enews input[type='text'],
form.enews input[type='email'] {
	width:100%;
	box-sizing:border-box; -moz-box-sizing: border-box; 
}
.news .twitter {
	color:#fff;
	position:relative;
	min-height:120px;
}
.news .twitter .head img {
	vertical-align:bottom;
}
.news .twitter h2 {
	display:inline;
	vertical-align:middle;
}

.twitter .twitter-logo {
	float:left;
	margin-right:10px;
}
.twitter .head a {
	text-decoration:none;
}
.news .twitter a {
	color:#29cebe;
}
.news .twitter p {
	margin-left:136px;
}
@media all and (max-width:760px) {
	form.enews .infield {
		width:80%;
		margin:1% 0;
	}
}
@media all and (max-width:450px) {
    .t-news .content.True {
        padding-left: 0;
    }
    .t-news .graphic {
        position: static;
        width: 100%;
        height: 150px;
    }
    .t-news .graphic img {
        margin-top: -25%;
    }
    .t-news a.button {
        margin-top: 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
	.news .twitter {
		padding-top:20px;
	}
	.news .twitter p {
		margin-left:0;
	}
	
}
/* ******************************************************************** */
/* news page	 														*/
/* ******************************************************************** */
.news-display h3 {
	font-weight:bold;
}
#content.news-display a {
	color:inherit;
}
/* ******************************************************************** */
/* footer		 														*/
/* ******************************************************************** */
footer.bottom {
	background-color:#c1c1c1;
	color:#073b53;
}
footer.bottom nav {
	margin-right:150px;
}
footer.bottom a {
	text-decoration:none;
}
footer.bottom .contentwrap {
	background-color:#e4e4e4;
	position:relative;
	top:-10px;
	min-height: 180px;
}
footer.bottom .contentwrap:after {
	content: "";
	position: absolute;
	top: 100%;
	height: 10px;
	left: 0;
	right: 0;
	background-color: #e4e4e4;
}
footer.bottom ul {
	padding:0;
}
footer.bottom ul ul {
	display:none;
}
footer.bottom li {
	display:inline;
}
footer.bottom li:after {
	content:" | ";
}
footer.bottom li:last-child:after {
	content:"";
}
footer.bottom li a {
	display:inline-block;
}
footer.bottom .contact {
	position:absolute;
	right:20px;
	top:0;
}
.bykeo {
	margin-top:20px;
	padding-bottom:20px;
	text-align:right;
}
.bykeo a {
	text-decoration:none;
}
.bykeo img {
	vertical-align:middle;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.bykeo a:hover img {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
@media all and (max-width:500px) {
	footer.bottom .contact {
		position:static;
	}
	
	footer.bottom nav {
		margin-right:auto;
	}
}
/* ******************************************************************** */
/* calendarpage															*/
/* ******************************************************************** */

#event-list .left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#event-list .button {
	float:right;
}
#event-list .controls {
	display:block;
}
.event-content .item {
	color:#737373;
}
.event-content h1,.event-content h2 {
	color:#00bcf2;
}
.event-content .controls span.control {
	display:inline-block;
	margin:5px;
	vertical-align: middle;
	text-align:center;
	width:20px;
	padding:4px;
	vertical-align: middle;
}
.event-content .controls span.count {
	vertical-align: middle;
}
.event-content .controls img {
	vertical-align: middle;
}
.a-events .pagewrap, .a-search .pagewrap{
	color:#737373;
	background: #efebe1;
	position:relative;
}
.a-events .innercontent, .a-search .innercontent{
	padding:1%;
	max-width:960px;
	width:98%;
	margin:0 auto;
}
.a-events .separator {
	display:none;
}
.a-events .pagewrap .event-map {
	float:right;
	padding-left:1.5%;
	padding-bottom:1.5%;
}
.a-events .pagewrap .event-map img {
	max-width:100%;
	height:auto;
}
.fc-event {
	font-size:12px !important;
}
.fc-event-inner {
	color:#16325C;
}

.business-services .fc-event-inner {
	color:#F58220;
}
.childrens-services .fc-event-inner {
	color:#ED0E6B;
}
.training .fc-event-inner {
	color:#C8C323;
}
.disability-choices .fc-event-inner {
	color:#EF4423;
}
.fc-event-time {
	display:none;
}
.paged-content h1 {
	display:inline;
}
.event-content .items {
	padding-bottom:10px;
}
.event-detail .date {
	font-size:12px;
	color:#000;
	margin-bottom:10px;
}
.fc-header .fc-button {
	padding:3px .6em !important;
}
.fc-header-title h2 {
	font-size:25px;
	font-weight: normal;
}
.caltabs {
	font-size:0;
	margin-right:39px;
	display:none;
}
.calendarwrap,a[href='#calendar'] {
	display:none;
}

.caltabs:after {
	visibility:hidden;
	content:"l";	
	padding:10px 20px;
	display:inline-block;
	font-size:10px;
	width:0;
}
.caltabs .tab {
	background:#030b16;
	color:#fff;
	font-size:10px;
	padding:5px 20px;
	display:inline-block;
	vertical-align: bottom;
	text-transform: lowercase;
	cursor: pointer;
}
@media all and (min-width: 750px) {
	.caltabs {	
		display:block;
	}
	.calendarwrap,a[href='#calendar'] {
		display:block;
	}	
	.a-events .separator {
		display:block;
	}
	.caltabs .tab,.caltabs:after {
		font-size:12px;
	}
}
@media all and (min-width: 960px) {
	.caltabs {
		margin-right:100px;	
	}
	.caltabs .tab,.caltabs:after {
		font-size:16px;
	}
}
.caltabs .tab.active, .caltabs .tab:hover {
	background-color: #221066;
	padding:10px 20px;
}
.caltabs .tab.all {
	position:absolute;
	right:10px;
	bottom:0;
}
@media all and (min-width: 960px) {
	.caltabs .tab.all {
		right:0;
	}
}
@media all and (max-width: 400px){
    h1 {
        font-size: 30px;
    }
}