/* Home Page */

.mainContentContainer {
	max-width: 1115px;
	/* min-height: 785px; */
	min-height: auto;
	height: auto;
	margin: 0px auto;
	position: relative;
}

/* Important Numbers */

.quickContactContainer {	
	width: 98%;
	margin: 12px auto;
	font-size: 16px;
	color: #0099ff;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quickContactContainer a {
	font-size: 16px;
	color: #0099ff;
}

.quickContactContainer a:hover {  
	opacity: .50;
}
.specialNoticeContainer {
	width: 98%;
	height: 36px;
	margin: 0px auto 12px auto;
	text-align: center;
	font-size: 16px;
	font-weight: 100;
	color: #fff;
	background-color: #f15c31;
	border-radius: 32px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.specialNoticeContainer a {
	font-size: 16px;	
}

.featuredContainer {
	max-width: 100%;
	height: 469px;
	display: flex;
}

.featuredLeftContainer {
	height: 100%;
	margin-right: 18px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* justify-content: space-around;  */
}

#myAccountSmallImage { 
	display: block;
}

#myAccountLargeImage {
	display: none;
}

.featuredMiddleContainer {
	max-width: 786px;
	height: 100%;
}

.featuredMiddleTopContainer {
	width: 100%;
	height: 287px;	
}

.slideshowContainer {
	max-width: 727px;
	height: 100%;
	margin-left: 21px;
	position: relative;
	overflow: hidden;
	background-color: #dedede;
}

.featuredMiddleBottomContainer {
	width: 100%;
	display: flex;
	flex-direction: row;
}

/* Social Media Horizontal (Top) Not Displayed on Full Screen */

.socialMediaHorizContainer {
	display: none;
}

/* Social Media (Right Column) */

.socialMediaContainer {
	width: 155px;
	height: 100%;
	background-color: #60a9de;
}

.socialMediaTabContainer {
	width: 100%;
	height: 60px;
	background-color: #ccc;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.socialMediaTab, .socialMediaTab img, .socialMediaTabSelected {
	width: 35px;
	height: 35px;
}

.socialMediaTab a:hover {
	opacity: .6;
}

.socialMediaTabSelected {
	position: absolute;
	background-color: rgba(64, 64, 64, 0.5);
}

.socialMediaArticleContainer {
	max-height: 375px; /* (height of box: 407px; margins size it within container) */
	margin: 16px 11px;
	display: flex;
	flex-direction: column;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	color: #fff;
	font-weight: 300;
	position: relative;
}

.socialMediaArticleContainer a {
	color: #fff;
}

.socialMediaArticleContainer a:hover {
	filter: alpha(opacity=70);
	opacity: .70;
}

/* Arrows for social media content (below tabs) */

.twitterContentArrow, .fbContentArrow, .blogContentArrow {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 12px solid #0099ff;
	position: absolute;
	top: -28px;
}

.twitterContentArrow {
	left: 3px;
}

.fbContentArrow {
	left: 54px;
}

.blogContentArrow {
	left: 106px;
}

.socialMediaContentDivider {
	width: 97%;
	height: 1px;
	margin: 8px auto;
	border-bottom: 1px solid #8BC2FA;
}

.socialMediaBottomLink {
	margin-top: 10px;
	position: relative;
	bottom: -7px;
	text-align: right;
}

.socialMediaBottomLink a:hover, .socialMediaBottomLink a img:hover {
	filter: alpha(opacity=70);
	opacity: .70;
}

.featureBoxSmall {
	width: 155px;
	height: 105px;
	background-color: #cdcdcd;
}

.featureBoxFull {
	width: 155px;
	height: 155px;
	background-color: #cdcdcd;
	position: relative;
}

.featureBoxFull img {
	width: 100%;
	height: auto;
}

.featureBoxFull a:hover, .featureBoxSmall a:hover {
	opacity: .60;
	filter: alpha(opacity=60);
}

.featureBoxFull a:hover .featureBoxOverlay {
	background-color: #f15c30;
}

.featureBoxOverlay {
	width: 100%;
	height: 52px;
	text-align: center;
	font-size: 15px; 
	font-weight: 600;
	color: #fff;
	background-color: rgba(64, 64, 64, 0.5);
	position: absolute;
	bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.featureBoxVertSpace {
	margin-bottom: 27px;
}

.featureBoxHRSpace {
	width: 18px;
	height: 155px;
	border-left: 1px solid #ccc;
}

.featureBoxHorizSpace {
	margin-right: 17px;
}

/* News/ & Events */

.newsEventsContainer {
	width: 96%;
	height: auto;
	text-align: left;
	margin: 46px auto auto auto;
	display: flex;
}

.newsEventsContentContainer {
max-width: 99%;
	height: auto;
	margin: 12px 0px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.newsEventsDate {
	font-size: 16px;
	color: #777;
}

.newsEventsHeadline {
	max-width: 100%;
	font-size: 16px;
	color: #000;
	font-weight: 600;
	word-wrap: normal;
}

.newsEventsHeadline a {
	color: #000;
}

.newsEventsHeadline a:hover {
	opacity: 0.6;
}

.newsEventsSummary {
	max-width: 100%;
	font-size: 16px;
	color: #000;
	font-weight: 300;
	word-wrap: normal;
}

.newsEventsHR {
	height: 1px;
	border-bottom: 1px solid #dedede;
}

/* Events */

.eventsContainer {
	width: 50%;
	border-right: 2px solid #dedede;
}

.eventsHeadingContainer, .newsHeadingContainer {
	width: 90%;
	height: 60px;
	height: auto;
	font-size: 32px;
	color: #0099ff;
	border-bottom: 1px solid #0099ff;
}

.newsHeadingContainer a {
	color: #0099ff;
}

.newsHeadingContainer a:hover {
	opacity: 0.7;
}

.eventsHR { /* slightly different than news HR */
	width: 90%;
	height: 1px;
	border-bottom: 1px solid #dedede;
}

/* News */

.newsContainer {
	width: 45%;
	height: auto;
	position: relative;
	right: -5%;
}

.newsHR { /* slightly different than events HR */
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #dedede;
}

/* RESPONSIVE */

/* Transition to Tablet */
@media screen and (max-width: 1115px) {
	.specialNoticeContainer {
		width: 94%;
	}

	/* Hide right column Social Media... */
	.socialMediaContainer, .lastFeatureBoxHRSpace {
		display: none;
	}

	.featuredContainer {
		max-width: 921px;
	margin-left: auto; /* Keep this way */
	margin-right: auto; /* Keep this way */
	}

	/* Social Media Horizontal (Top) comes in here. */

	.socialMediaHorizContainer {
		width: 94%;
		height: 54px;
		margin: 0px auto 17px auto;
		display: flex;
		align-items: center;
		background-color: #60a9de;
	}

	.socialMediaHorizTabContainer {
	/* width: 190px; */
		height: 100%;
	padding: 0px 4px; /* This stays! */
		display: flex;
		align-items: center;
		justify-content: space-around;
		background-color: #ccc;
	}

	.socialMediaHorizTab {
	width: 32px;
	height: 32px;
	margin: 0px 6px;
	}

	.socialMediaHorizTab a:hover {
	opacity: 0.6;
	}

	.socialMediaHorizTab img {
		width: 100%;
		height: 100%;
	}

	.socialMediaHorizTabSelected {
		width: 32px;
		height: 32px;
	position: absolute;
	background-color: rgba(64, 64, 64, 0.5);
	}

	.socialMediaHorizArticleContainer {
		width: 98%;
		height: 100%;
		margin: 0px auto;
		text-align: left;
		font-size: 12px;
		color: #fff;
		font-weight: 300;
		position: relative;
	}

   .socialMediaHorizArticleContainer a {
	   color: #fff;
	}

	.socialMediaHorizArticleContainer a:hover {
	   opacity: 0.6;
	}

	.ticker {
		overflow: hidden;
		height: 54px;
	}

	.ticker li {
		height: 100%;
		display: flex;
		align-items: center;
	list-style: none;
		position: relative;
		right: 25px;
	}
}

/* Max Tablet */

@media screen and (max-width: 945px) {
	.specialNoticeContainer {
	height: 28px;
	font-size: 14px;
	}

	.quickContactContainer, .quickContactContainer a {
		font-size: 12px;
	}

.specialNoticeContainer a {
	font-size: 14px;
}

	.featuredMiddleTopContainer, .lastFeatureBoxFull, .socialMediaContainer, .featureBoxHRSpace {
		display: none;
	}

	.featureBoxHorizSpace { /* This has to be on its own to work properly */
	margin: 0px;
	}

	.featuredContainer {
	height: auto;
	display: block;
	}

	#myAccountLargeImage {
	display: block
	}

	#myAccountSmallImage { 
	display: none;
	}

	.featuredLeftContainer {
	width: 87%;
	height: auto;
	margin: auto;
	flex-direction: row;
		align-items: center;
	justify-content: space-around;
	}

	.featuredMiddleContainer {
	max-width: 100%;
	}

	.featuredMiddleBottomContainer {
	width: 87%;
	margin: auto;
	flex-direction: row;
		align-items: center;
	justify-content: space-around;
	}

	.featureBoxFull, .featureBoxSmall {
		width: 200px;
		height: auto;
	margin-bottom: 15px; /* Temporary */
	margin-left: 5px;
	margin-right: 5px;
	}

	.featureBoxFull img, .featureBoxSmall img {
	width: 100%;
		height: auto;
	}

	.newsEventsContainer {
		height: auto;
	}

	.eventsHeadingContainer, .newsHeadingContainer {
	height: auto;
		font-size: 24px;
	}

	.eventsHeadingContainer img, .newsHeadingContainer img {
	   width: 14%;
	}

	.newsEventsContentContainer {
		height: auto;
	}

	.newsEventsDate, .newsEventsHeadline, .newsEventsSummary {
		font-size: 12px;
	}
}

@media screen and (max-width: 575px) {
	.quickContactContainer {
		display: block;
	}

.specialNoticeContainer a {
	font-size: 11px;
}

	.socialMediaHorizContainer {
	display: none;
	}

	.featureBoxOverlay {
		height: 42px;
		font-size: 11px;
		font-weight: 500;
	}

	.eventsHeadingContainer, .newsHeadingContainer {
		height: auto;
		font-size: 16px;
	}
}