@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}


body {
background: #FFF;
font-family: Helvetica, Arial, sans-serif;
font-size: 12pt;
line-height: 18pt;
color: #333;
font-weight: normal;

}



.slick-slider{
margin-bottom:0 !important;
}

#slideshow{
width:100%;
height:250px;
overflow:hidden;
position:relative;
min-width:250px;
}

#slideshow .slider-item{
width:100%;
height:250px;
position:relative;
overflow:hidden;
cursor:pointer;
}
#slideshow .slider-item img{
position: absolute;
margin: auto;
min-height: 100%;
min-width: 100%;
left: -100%;
right: -100%;
top: -100%;
bottom: -100%;
z-index:1;
}


@media screen and (max-width: 500px) {
	.col2, .col3, .col4, .col5{
		width:100%;
		margin:8px 0px;
		display:block;
	}
	#slideshow{
	width:100%;
	height:150px;
	overflow:hidden;
	position:relative;
	min-width:250px;
	}

	#slideshow .slider-item{
	width:100%;
	height:150px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	}


}




a{
text-decoration:none;
color:#05608f;
}
a:hover{
color:#013f5f;
}


h1, h2, h3, h4, h5{
font-weight:700;
font-family: "Times New Roman", Times, serif;
}

h1{
font-family: "Times New Roman", Times, serif;
font-size: 20pt;
line-height: 24pt;
letter-spacing: -0.25pt;
font-weight: normal;
color: #003366;
margin: 0px;
padding: 0px;
}

h2{
font-size:14pt;
line-height: 19pt;
}

h3{
font-size:13pt;
line-height: 17pt;
}

/* QUICK LINKS */

#quick-links{
list-style:none;
padding:0;
margin:0;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid #CCC;
}
#quick-links li{
border-bottom:1px solid #CCC;
}
#quick-links li:last-child{
border-bottom:none;
}
#quick-links li a{
padding:10px;
display:block;
}
#quick-links li a:hover{
background:#EFEFEF;
}


.bodytext{
color:#333;
font-size:11pt;
line-height:16pt;
}

.alert, .bodytextred, .bodytextboldred{
color:#C00;
}

.grayed{
color:#999;
}
.highlighted{
background:#ffff00;
padding:0px 5px;
}
.pullquote{
font-size:18pt;
line-height:24pt;
font-style: italic;
color:#666;
}
.welcome{
font-size:14pt;
line-height:22pt;
color:#666;
}
.shadowbox{
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
}

hr {
background-color:#cdc4b9;
color:#cdc4b9;
height:1px;
border:0px;
}

#home-photo{
height:200px;
}

#home-message{
background:rgba(0,0,0,0.8);
width:275px;
color:white;
font-size:14pt;
line-height:16pt;
text-align:right;
padding:10px 10px;
letter-spacing: 1px;
position: absolute;
right:0;
bottom:0px;
text-shadow: 0 0 15px #FFFFFF;
z-index:2;
-webkit-border-radius: 10px 0 0 0;
border-radius: 10px 0 0 0;
}

#home-message span{
float:right;
width:200px;
display:block;
padding-top:5px;
color:#ffffff;
font-size:8pt;
line-height:10pt;
padding-bottom: 0px;
text-align: right;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

.codrops-header,
.codrops-top {
	font-family: 'Lato', Arial, sans-serif;
}

.codrops-header {
	margin: 0 auto;
	background:#056090;
	padding:5px;
	-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.5);
}

.codrops-header h1 {
	margin: 0;
	font-weight: 300;
	font-size: 2.625em;
	line-height: 1.3;
}

.codrops-header span {
	display: block;
	padding: 0;
	font-size: 60%;
	opacity: 0.7;
}

/* To Navigation Style */
.codrops-top {
	width: 100%;
	background: #91cfa1;
	background: rgba(255, 255, 255, 0.1);
	text-transform: uppercase;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 0 1em;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 1.1em;
}

.codrops-demos a {
	display: block;
	float: left;
	clear: both;
	margin: 0.5em 0.5em 0.5em 1.9em;
	padding: 1em 1.1em;
	width: 280px;
	outline: none;
	color: #fff;
	background: #336ca6;
	text-align: center;
	text-decoration: none;
	font-weight: 400;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	opacity: 0.6;
}

.content {
	padding: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.block {
	float: left;
	padding: 1em 3em;
}

.block-40 {
	width: 40%;
}

.block-60 {
	width: 60%;
}

.block p {
	margin: 0;
	padding: 0 1em 0.6em;
	font-size: 1.8em;
	line-height: 1.5;
}

.info {
	text-align: center;
	font-size: 1.5em;
	margin-top: 3em;
	clear: both;
	padding-top: 3em;
	color: rgba(255,255,255,0.5);
}

.info a {
	font-weight: 400;
	font-size: 0.9em;
}

.info a:hover {
	color: #336ca6;
}

@media screen and (max-width: 69em) {
	.block {
		float: none;
		width: 100% !important;
		padding: 1em;
	}
}

.breadcrumbs{
font-size:10pt;
line-height:14pt;
padding:0px 0px 0px 0px;
color:#999;
}
.breadcrumbs i{
display:inline-block;
padding:0px 5px;
}

.colored-box{
background:#f2f2f2;
padding:20px;
}

.table-container
{
	border:5px solid #EFEFEF;
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
	-webkit-box-shadow:inset -10px 0 15px 0 rgba(0,0,0,0.25);
	box-shadow:inset -10px 0 15px 0 rgba(0,0,0,0.25);
}

#home-buttons{
text-align:center;
}
#home-buttons ul{
list-style:none;
padding:0;
margin:0;
}
#home-buttons ul li{
display:inline-block;
vertical-align:top;
margin:5px;
width:30%;
}

@media (max-width: 350px) {
	#home-buttons ul li{
		width:45%;
	}
}
#home-buttons ul li a{
}
#home-buttons ul li a img{
display:block;
width:100% !important;
height:auto !important;
}



/* SHADOWBOX */

.shadowbox{
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
}
.shadowbox-right{
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
margin:0px 0px 0px 20px;
float:right;
}
.shadowbox-left{
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
margin:0px 20px 20px 0px;
float:left;
}

@media (max-width: 340px) {
	.shadowbox, .shadowbox-right, .shadowbox-left{
	margin:20px 0px !important;
	float:none;
	display:block;
	}
}

/*BIG BUTTON*/
.big-button{
display:inline-block;
padding:5px 10px;
margin:3px 0px;
background:#3357a2;
font-weight:bold;
color:#fff;
cursor:pointer;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.big-button:hover{
background:#224182;
color:#fff;
}



/* SUBMIT BUTTONS */

input[type=submit] {
font-family: 'Roboto', sans-serif;
padding:5px 10px;
background:#3357a2;
color:#FFF;
cursor:pointer;
display:inline-block;
font-size:14pt;
line-height:16pt;
font-weight:bold;
text-transform:uppercase;
border:0;
-webkit-border-radius: 0;
border-radius: 0;
}
input[type=submit]:hover {
background:#224182;
color:#FFF;
}
input[type=submit]:active {
padding:6px 10px 4px 10px;
color:#FFF;
background:#224182;
}

input[type=submit].button-disabled {
background:#CCC;
color:#999;
}

/* custom announcement styles */


.art_type_2 .date{
background:#000 !important;
border:none !important;
}
.art_type_2 .date .month,
.art_type_2 .date .day,
.art_type_2 .date .year,
.art_type_2 .date .time,
.art_type_2 .date .to{
color:#FFF !important;
}
.art_type_2 .date .time{
border-top:1px solid #333 !important;
}
.art_type_2 .announcement-details .title .event-category{
color:#000;
}

.art_type_3 .date{
background:#1ca9e2 !important;
border:none !important;
}
.art_type_3 .date .month,
.art_type_3 .date .day,
.art_type_3 .date .year,
.art_type_3 .date .time,
.art_type_3 .date .to{
color:#FFF !important;
}
.art_type_3 .date .time{
border-top:1px solid #82d5f6 !important;
}
.art_type_3 .announcement-details .title .event-category{
color:#1ca9e2;
}

.art_type_4 .date{
background:#954e94 !important;
border:none !important;
}
.art_type_4 .date .month,
.art_type_4 .date .day,
.art_type_4 .date .year,
.art_type_4 .date .time,
.art_type_4 .date .to{
color:#FFF !important;
}
.art_type_4 .date .time{
border-top:1px solid #c594c4 !important;
}
.art_type_4 .announcement-details .title .event-category{
color:#954e94;
}

.sharing{
margin-top:10px;
}
.sharing table tr td{
display:inline-block;
margin:0px 4px 4px 0px;
padding:0 !important;
}

@media (min-width: 650px) {
	.announcement-item .date{
		width:8% !important;
	}
	.announcement-item .announcement-details{
		width:90% !important;
	}

}

@media (max-width: 650px) {

	.announcement-item .announcement-details .image{
	display:block !important;
	float:none !important;
	padding:0 !important;
	width:100% !important;
	}


}

/* VIDEO CONTAINER */


.video-container iframe, .video-container object, .video-container embed {
 margin:20px;
}

@media (max-width: 570px) {

	.video-container {
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
		margin-bottom:20px;
	}

	.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		margin:0;
	}

}

#footer-navigation{
text-align:center;
margin:10px 0px;
}
#footer-navigation a{
display: inline-block;
margin: 5px;
border: 1px solid #CCC;
padding: 5px 15px;
font-weight: 700;
}
#footer-navigation a:hover{
border:1px solid #999;
}

#newsletter-signup{
font-weight:400;
background:#e0d6ca;
color:#6d5434;
padding:10px 20px;
font-size:18pt;
line-height:20pt;
text-align:center;
}

#footer-social{
background:url('/art/collage-mobile.jpg') top center;
padding:20px;
}

/*FOOTER */

#footer{
background:#056090;
padding:20px;
font-size:10pt;
line-height:12pt;
color:#FFF;
text-align: center;
}
#footer a{
color:#FFF;
}
#footer a:hover{
color:#CCC;
}

#footer a.big-button, #footer a.big-button:hover{
}
/*FOOTER BIG BUTTON*/
#footer .big-button{
display: inline-block;
font-size: 12pt;
padding: 15px 10px;
margin: 5px 0px;
background: #FFF;
font-weight: 700;
color: #3357a2;
cursor: pointer;
width: 94%;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}


.footer-info{
	width:45%;
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
}


@media (max-width: 320px) {
	.footer-info{
		width:100%;
		display:block;
	}
}

/* UI DIALOG BOX */

.ui-widget-overlay {
   background: #000;
   opacity: .70;
   filter: Alpha(Opacity=70);
}

.ui-widget.dialog_edit {
font-family: 'Lato', Helvetica, sans-serif;
    font-size: .8em;
    z-index:2001;
	-webkit-box-shadow: 0 10px 20px 2px rgba(0,0,0,04);
	box-shadow: 0 10px 20px 2px rgba(0,0,0,04);
	-webkit-border-radius: 0;
border-radius: 0;
border:0;
}

.ui-widget-content {
    background: #FFF;
    color: #333;
}

.ui-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border:0;
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 20px !important;
    margin: 0;
	border:8px solid #EFEFEF;
	border-top:0px;
	border-bottom:0px;
}

.ui-dialog .ui-widget-header {
    background: #cc6633;
    color: #FFF;
    border: 0;
    font-weight: normal;
	-webkit-border-radius: 0;
	border-radius: 0;
	border:8px solid #504a8d;
	border-bottom:0px;
	text-transform:uppercase;
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;
	font-size:14pt;
	line-height:16pt;
	font-weight:bold;
	padding:10px 20px;
}

.ui-dialog .ui-dialog-titlebar-close {
margin-right:10px;
}

.ui-dialog .ui-dialog-buttonpane {
margin-top:0px;
border:8px solid #EFEFEF;
border-top:0px;
}
.ui-dialog .ui-dialog-buttonpane button {
color:#FFF;
font-weight: bold;
font-size:12pt;
line-height:14pt;
text-transform:uppercase;
border:0px;
padding:5px 8px;
background:#d37c47;
-webkit-border-radius: 0;
border-radius: 0;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
background:#bc6834;
}
.ui-dialog .ui-dialog-buttonpane button.dialog-confirm{
background:#F00;
}
.ui-dialog .ui-dialog-buttonpane button i{
color:#e8c5b0;
}

#errors {
	background-color:#990000;
	color:#fff;
	width:100%;
	padding:20px;
	display:none;
	border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-bottom: 20px;
	margin-top:10px;

}

/* title */
#errors h2 {
	margin:-5px 0;
	color:yellow;
	font-size:14pt;
	line-height:18pt;
}


#errors p {
font-size:11pt;
line-height:14pt;
}

/*forms*/

/* FORMS */

.form-field-container{
margin:5px 0px;
}
.form-field-container:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.form-label-narrow{
width:20%;
display:inline-block;
vertical-align:top;
text-align:right;
margin-right:10px;
padding-top:5px;
}
.form-label{
width:30%;
display:inline-block;
vertical-align:top;
text-align:right;
margin-right:10px;
padding-top:5px;
}
.form-input{
width:65%;
display:inline-block;
vertical-align:top;
}
.form-input-long{
width:75%;
display:inline-block;
vertical-align:top;
}

@media (max-width: 500px) {
	.form-label-narrow,
	.form-label,
	.form-input,
	.form-input-long
	{
	width:100%;
	margin-right:0;
	text-align:left;
	}
	.inputbox{
	width:100% !important;
	}
}

.contact{
background: #fef2d6;
color:#FFF;
border-bottom:5px solid #056090;
border-top:5px solid #056090;
}
.contact .big-button{
margin:5px auto;
padding:10px;
width:94%;
color:#FFFFFF;
background-color:#056090;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.join-us .big-button a, .big-button a:hover{
color:#FFFFFF;
}



.admin-inputbox{
border:1px solid #CCC;
padding:5px;
}