@charset "UTF-8";
/* CSS Document */

/*
CONTENTS

1. SLIDESHOW CAROUSEL
2. SLIDESHOW CONTROLS
3. SLIDESHOW SLIDES
4. Home V2.0
X. MEDIA QUERIES
*/

/* ---- 1. SLIDESHOW CAROUSEL ---- */
#carousel {
	position:relative;
}

#carousel #slideWrap{
	/*width will be determined by the number of slides via JS (100% * # of slides)*/
	width:100%;
}

/* ---- 2. SLIDESHOW CONTROLS ---- */

#carousel #controls .control a {
	width: 50%;
	float: left;
	text-align: center;
	border-top: solid 1px #fff;
	font-size: 2em;
	height: 2em;
	line-height: 2em;
	background-color:#dce1e8;
	position:relative;
	z-index: 2;
	cursor:pointer;
}
#carousel #controls .control a:link, .slideOverlay #controls .control a:active, .slideOverlay #controls .control a:visited {
	text-decoration: none;
	color: #fff;
}
#carousel #controls .control a:hover {
	background-color: #bdc3cb;
}
#carousel #controls .prevCtrl a {
	border-right: solid 1px #fff;
}

/* ---- 3. SLIDESHOW SLIDES ---- */
#carousel .slide{
	/*width will be determined by the number of slides via JS (100% / # of slides)*/
	width:100%;
	position:relative;
	height: 15em;
	float:left;
	background-size:cover;
	background-position:center;
	-ms-behavior: url(../../backgroundsize.min.htc);
	background-color:#EEE;
}

#carousel .slide a{
	display:block;
	width:100%;
	height:100%;
}

/*
.slideDesc a.headline:link, .slideDesc a.headline:visited{
	background-color: rgba(250,250,250,0.5);
}
.slideDesc a.headline:hover {
	background-color: rgba(189,195,203,0.5);

}*/
.slideDesc h2 {
	background-color: rgb(250,250,250);
	background-color: rgba(250,250,250,0.5);
}

/*.slideDesc{
	background-color: rgba(250,250,250,0.5);
}*/

.slideDesc h2:hover {
	background-color: rgb(189,195,203);
	background-color: rgba(189,195,203,0.5);

}


/* ---- 5. Home 2.0 ---- */
#carousel .slideHolder, #featBanner .slideHolder { 
	max-width: inherit;
}
#carousel {
	margin-top: 49px;
}
#nav_bg {
	background: url(../images/framework/topMenuBg.jpg) repeat-x;
}
.messageHolder {
	position: absolute;
	top: 70px;
	max-width: 1200px;
	width: 100%;
	left: 50%;
	margin-left: -600px;
}
.slideMessage {
	color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	font-size: 14px;
}
.slideMessage a {
	color: #ffffff;
	text-decoration: none;
	display:block;
	margin-top: 10px;
}
.messageHolder .left {
	float: left;
	width: 340px;
}
.messageHolder .right {
	float: right;
	width: 300px;
}
.messageHolder .right h2, .messageHolder .right h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	line-height: 24px;
}
.messageHolder .left h2, .messageHolder .left h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	line-height: 24px;
}

.homeContainer{
	margin:1em;
}

.homeLeft {
	width: 50%;
	float: left;	
	padding: 30px 10px 0 0;
}
	.Header h2 {
		font-size: 20px;
		font-weight: normal;
		text-transform: uppercase;
		
		font-family:'Source Serif Pro', serif;
	}
	.Header {
		border-bottom: 1px solid #dedede;
	}
	.homeLeft .newsArchive {
		float: right;
		margin-top: -32px;
		color: #000000;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 12px;
		padding-right:20px;
		
		font-family: 'Source Sans Pro', sans-serif;
		color: #ba2419;
		position:relative;
	}
	

		.homeContainer article header a {
			text-decoration: none;
			color: #012868;
			font-weight:bold;
			font-size:16px;
			font-family: 'Source Sans Pro', sans-serif;		
		}
		.homeContainer article .date {
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 12px; 
			margin: 5px 0 10px 0;
		}
		.homeContainer article .desc {
			font-family: 'Source Sans Pro', sans-serif;
			color: #353535;
			line-height: 20px;
			font-size: 14px;
		}
		.homeContainer article img {
			margin: 10px 0;
			width: 100%;
		}
		.homeContainer article .readMore {
			display: block;
			/*background: #ba2419;*/
			/*padding: 7px;*/
			margin: 10px 0;
			max-width: 118px;
			color: #ba2419;
			font-weight: bold;
			font-size: 13px;
			text-decoration: none;
			position: relative;
		}
		
.homeRight {
	width: 50%;
	float: right;
	padding: 30px 10px 0 10px;
}
	.homeRight .videoOfWeek .Header {
		margin-bottom:20px;
	}
	.homeRight .readMore {
		display: block;
			margin: 10px 0;
			max-width: 118px;
			color: #ba2419;
			font-weight: bold;
			font-size: 13px;
			text-decoration: none;
			position: relative;
	}
	.homeRight .column {
		width: 50%;
		float: left;
		border-left: 1px solid #dedede;
	}
		.homeRight .rightItem {
			margin: 15px;
			border-bottom: 1px solid #dedede;
			margin: 50px 15px 15px 15px;
			padding-bottom:20px;
		}
		.homeRight .rightItem:first-child {
			margin-top: 0px;
		}
		.homeRight .Events {
			margin-top: 25px;
		}
	.homeRight .Newsletter {
		background: #f0f4fa;
		padding: 10px;
	}
		.homeRight .Newsletter h4 {
			color: #012868;
			font-weight:bold;
			font-family: 'Source Serif Pro', serif;	
			font-size: 16px;
			margin: 5px 0px 15px 0px;	
		}
		.homeRight .Newsletter input {
			font-family: 'Source Serif Pro', serif;
			font-size: 13px;
		}
			.homeRight .Newsletter .button {
				background: #ba2419 !important;
				border-radius: 0px !important;
				color: #ffffff !important;
				font-weight:bold;
				font-family: 'Source Serif Pro', serif !important;	
				font-size: 13px !important;
				position: relative;
			}
			
			.homeRight .ckcSponsors {
				padding: 15px;
				border: 1px solid #dedede;
				text-align: center;
				position: relative;
			}
			.homeRight .arrowRight {
				position: absolute;
				top: 210px;
				right: 10px;
				cursor: pointer;
			}
			.homeRight .arrowLeft {
				position: absolute;
				top: 210px;
				left: 10px;
				cursor: pointer;
			}
			.homeRight .ckcSponsors img {
				margin: 0 0 30px 0;
			}
			.homeRight .ckcSponsors h4 {
				color: #012868;
				font-weight:bold;
				font-family: 'Source Serif Pro', serif;	
				margin: 5px 0px 15px 0px;
				padding: 0 0 10px 0;
				border-bottom: 2px dotted #ededed;
				text-align: left;
			}
			.homeRight .ckcSponsors a {
				text-decoration: none;
				color: #012868;
				font-weight:bold;
				font-family: 'Source Serif Pro', serif;	
				text-align: center;

			}
			.homeRight .ckcSponsors ul {
				padding: 0px;
				margin: 30px 0 0 0;
			}
			.homeRight .ckcSponsors ul li {
				display: inline-block;
				width: 7px;
				height: 7px; 
				margin: 0 2px;
				background: #cccccc;
				border-radius: 15px;
			}
			.homeRight .ckcSponsors ul li a{
				display:block;
				padding-top:30px;
				height:10px;
				overflow: hidden;
			}
			.homeRight .ckcSponsors ul li .active{
				
			}
			.homeRight .ckcSponsors .sponsorsSliderWrap {
				width: 220px;
				overflow-x: hidden;
				text-align: left;
			}
			.homeRight .ckcSponsors .sponsorsSlideVisible {
				width: 1000px;
			}
			.homeRight .ckcSponsors .sponsorItem {
				text-align: center;
			}
			.homeRight .ckcSponsors .sponsorItem img {
				width: 100%;
				max-width: 220px;
				height: auto;
			}
			.homeRight .pollOfWeek {
				background: #ededed;
				padding: 10px;
				margin-top:0px;
				font-family: 'Source Sans Pro', sans-serif;
			}
			.homeRight .pollOfWeek .PollQuestion {
				font-family: 'Source Sans Pro', sans-serif;
				color: #353535;
				line-height: 20px;
				font-size: 14px;
				margin: 0 0 15px 0;
				display: block;
			}
			.homeRight .pollOfWeek input {
				margin: 0 10px 0 0;
			}
			.homeRight .pollOfWeek input[type='submit'] {
				background: #da291c;
				color: #ffffff;
				border: 0px;
				padding: 10px 20px;
				font-family: 'Source Sans Pro', sans-serif;
				font-size: 16px;
				margin-top: 15px;
			}
			.homeRight .pollOfWeek .Header {
				color: #012868;
				font-weight: bold;
				font-size: 20px;
				font-weight: normal;
				font-family: 'Source Serif Pro', serif;
				padding: 0 0 15px 0;
				border: 0px;
				text-transform: uppercase;
			}
			.homeRight .pollOfWeek .PollAnswer {
			font-family: 'Source Sans Pro', sans-serif;
			color: #353535;
			line-height: 20px;
			font-size: 14px;
			}
			
.homeBottom{
	clear:both;
	width: 100%;
	max-width:1140px;
	max-height:220px;
	padding: 10px 25px;
	/*border: 1px solid #e7e7e7;*/
	
}

#homeSponsors{
border: 1px solid #e7e7e7;
clear:both;

}
.homeContainer article {
		width: 50%;
		padding: 15px 15px 15px 0px;	
	}
	.homeContainer article.noMasonry {
		width: 100%;
	}
	.homeContainer article.noMasonry header a {
		position: relative;
		text-transform: uppercase;
		font-size: 14px;
	}
	
	.homeContainer article.noMasonry:first-child {
		padding-top: 0px;
	}
	.homeContainer article:last-child {
		border: 0px;
	}
	.homeContainer article.noMasonry .date {
		margin: 0px;
	}
.homeContainer .noBorder{
	border-bottom: 0px;
	border-left: 0px;
}
	.rightItem .singleFeaturedArticle {
		
	}
		.rightItem article.singleFeaturedArticle header a:after {
			content:'';
		}
		.rightItem .singleFeaturedArticle h4 {
			color: #012868;
			font-weight:bold;
			font-family: 'Source Serif Pro', serif;
			margin: 5px 0px 15px 0px;
			padding: 0 0 10px 0;
			border-bottom: 2px dotted #ededed;
			text-align: left;
		}
		

.mobileSlide {
	display: none;
}
.fullSizeSlider {

}


/* New Homepage Media Queries */
@media screen and (max-width: 1350px) {
	#carousel #controls .control a {
		bottom:0;
	}
}
@media screen and (max-width: 1200px) {
	.messageHolder {
		max-width: inherit;
		width: 100%;
		left: inherit;
		margin-left: inherit;
	}
	.messageHolder .left {
		margin-left: 20px;
	}

}
@media screen and (max-width: 820px) {
	#carousel {
		margin-top: 0px;
	}
}
@media screen and (max-width: 850px) {
	.homeLeft, .homeRight, .homeBottom {
		width: 100%;
		float: none;

	}
}
@media screen and (max-width: 767px) {
	.messageHolder {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.homeRight .column {
		width: 100%;
		float: none;
	}
	.homeContainer article {
		width: 100%;
	}
	.slideMessage {
		display: none;
	}
	.fullSizeSlider {display: none;}
	.mobileSlide {
		display: inherit;
	}
}

/* ---- X. MEDIA QUERIES ---- */
@media screen and (max-width: 25em) {
.slideDesc h2 {
font-size:1.25em;
}

#bodyContent h2 {
font-size:1.1em;
}

}


@media screen and (min-width: 31.25em) {
	#carousel .slide{
		height: 20em;
	}
}

@media screen and (max-width: 47.5em) {
#carousel #controls .control a {
		background-color:#dce1e8;
	}
	
	.featured .overlay .readmore {
	display:none;
	}
}

@media screen and (min-width: 47.5em) {
	#carousel #controls{
		position: absolute;
		width: 100%;
		bottom: 0;		
	}
	#carousel #controls .control a {
		width: 10%;
		border: none;
		
	}
	
	
	
	#carousel #controls .nextCtrl a {
		float: right;
		/*border-left: 1px solid #fff;*/
	}
	.slideDesc .headline {
		position: relative;
		height: 2.666em !important;
		width: 80% !important;
		left: 10%;
		z-index:2;
	}	
.slideDesc h2 {
width:80% !important;
margin-left:auto !important;
margin-right:auto !important;
}

.featured .overlay .readmore {
	font-weight:bold;
	font-family:'Source Serif Pro', serif;
	color:#da291c !important;
	padding-left:0;
	padding-top:.2em;
	}
.featured .overlay .readmore:hover {
color:#da291c;
text-decoration:underline;
}

}





@media screen and (min-width: 51.25em) {
	#carousel .slide{
		height: 30em;
	}		
}



@media screen and (min-width: 62.875em) {
	#carousel #controls .control a {
		max-width: 1.75em !important;
		position: absolute;
		height: 1.75em !important;
		line-height: 1.75em;
		margin-top: -9.25em;
		border: none;
		background-color: rgb(146, 0, 0);
		background-color: rgba(184, 0, 0, 0.5);
	}
	#carousel #controls .control a:hover {
		background-color: rgb(189,195,203);
		background-color: rgba(189,195,203,0.5);
	}		
	#carousel #controls .nextCtrl a {
		right: 0;
	}
	.slideDesc h2, .slideDesc, .slideDesc h2, .slideDesc:hover{
		background-color:transparent;	
	}
	.slideDesc .headline {
		width: 100% !important;
		padding-right: 40%;
		bottom: 0;
		left: 0;
		background-color: rgb(255,255,255);
		background-color: rgba(255,255,255,0.75);
		line-height: 0.5em;
	}
	
	.slideDesc .headline:hover {
		background-color: rgb(189,195,203);
		background-color: rgba(189,195,203,0.5);
	}
	
	.slideDesc h2 {
width:100% !important;
}
	
	.slideDesc h3 {
		display: block;
		position: absolute;
		font-family: 'Source Serif Pro', serif !important;
		z-index:2;
		width: 45%;
		left: 56%;
		font-weight: normal !important;
		font-size: 1em !important;
		padding-right: 1em;
		bottom: 0;
		height: 5.333em;
		margin-bottom: 0em;
		padding: 1.8em 1em 0 1em;
		line-height: 1.5em;
	}	  
}