.newsline {
/* This div is used to apply styles to the Newsline section only.
It SHOULD NOT be used for any actual styling, as it will likely be removed at some stage. */
}
.h1-newsline {
	font-weight: 700;
	line-height: 70%;
	border-bottom: 6px solid #098484;
	margin-bottom: 50px !important; /* The usual 15px space + the border-bottom width */
}
.span-newsline {
	display: inline-block;
	font-size: 50%;
	font-weight: 200;
	text-transform: none;
}
.fake-h1 {
	font-size: 200%;
	line-height: 150%;
	margin: 0 0 10px 0;
	font-weight: 400 !important;
	color: #414042 !important;
	display: inline;
}
#ccc-news-holder a:hover, .fake-h1:hover {
	text-decoration: none underline;
}
#ccc-news-holder a:focus, .fake-h1:focus {
	text-decoration: none !important;
	outline: 2px auto #000000;
	outline-offset: -2px;
}
/*#ccc-news-holder a:hover, #ccc-news-holder a:focus {
	display: inline-block;
}*/
.clearfix:after {
	clear: both
}
.nopadding{
	padding:0;
}
.nopadding-left{
	padding-left:0 !important;
}
/* Make all the images align vertically & horizontally, in case they don't quite fit.
   Also make images that are too large shrink to fit, so they don't expand the div they're in. */
.img-holder {
	/*overflow: hidden;
	position: relative;*/
	text-align:center;
}
.img-holder img {
	/*max-height: 100%;  
	max-width: 100%; 
	width: auto;
	height: auto;
	position: absolute;  
	top: 0;  
	bottom: 0;  
	left: 0;  
	right: 0;  
	margin: auto;*/
}

/* TIER 1 */
.tier1 .tier1-holder{
	position: relative;
	border-bottom:6px solid #098484;
	margin-bottom: 30px;
}
.tier1 .tier1-holder .img-holder{
	padding-bottom: 10px;
}
.tier1-holder p{
	margin: 0;
}
.tier1-holder .datetime{
	text-align: right;
}

/* TIER 2 */
.tier2-contents {
	border-bottom:6px solid #098484;
	position: relative;
	margin-bottom: 15px;
}
.tier2-contents .img-holder{
	/*height: 250px;*/
}
.tier2-header {
	padding: 5px 15px 15px 15px;
	word-wrap: break-word;
}
.tier2-contents a h3 {
	margin: 0;
	color: #097b7b;
}
.tier2-contents a:visited h3 {
	margin: 0;
	color: #751341;
}
.tier2-contents a:active h3 {
	margin: 0;
	color: #6d6e71;
}
.tier2-details {
	padding: 0px 15px 15px 15px;
}
.tier2-details p {
	margin: 0px 0px 20px 0px;
}

/* TIER 3 */
.tier3 {
	padding-left: 15px;
}
.tier3-holder h3 {
	margin: 0px;
}
.tier3-holder hr {
	margin-top: 0px;
}
.tier3-holder hr {
	margin: 15px 0px 15px 0px;
	clear: both;
}
.tier3-holder .datetime{
	font-size: 75%;
	text-align: right;
}
.tier3-block {
	height:250px;
	border:1px dashed #cccccc;
}

/* Multi-tier styles */
.tier1-holder p, .tier2-holder p {
	margin: 0px 0px 30px 0px;
}

/* Portrait double-width articles */
.portrait-left {
	text-align: left;
	height: 100%;
	overflow: hidden;
}
.portrait-right {
	height: 100%;
}
.portrait-left-img-wrapper {
	padding-bottom: 4px;
}
@media (max-width: 767px) {
	.tier2-contents.portrait {
		height: auto !important;
		display: inline-block;
	}
}

/* Related */
.related-stories {
	padding-right: 15px;
	border-top: 5px solid #098484;
	clear: both;
}
.related-holder {
	position: relative;
}
.related-holder .news-contents-footer {
	width: auto;
}
.related-contents {
	background-color: #f2f2f2;
	border-bottom:6px solid #414042;
	margin-bottom: 15px;
	padding: 5px 15px 15px 15px;
}
.related-contents .news-contents-footer {
	bottom: 24px;
	right: 15px;
}
.related-contents .datetime {
	text-align: right;
	position: absolute;
	bottom: 4px;
	right: 40px;
	width: 110px;
}
.related-contents .news-contents-footer {
	margin-right: 5px;
}
.related-contents h3 {
	margin: 0;
}
.related-details {
	padding: 0px 15px 0px 15px;
}
.related-details p {
	margin: 0px 0px 20px 0px;
}

/* Twitter Holder */
.twitter-holder {
}
.twitter-contents {
	/* border-bottom:6px solid #414042; */
}
.twitter-contents h3 {
	margin: 0 0 10px 0;
}
.twitter-feed {
	text-align: left;
}

/* Section Holder */
.section-holder {
	height:250px;
	border:1px dashed #cccccc;
	border-bottom:6px solid #414042;
}

/* Related Holder */
.related-holder {
	position: relative;
}
.related-holder h3 {
	margin: 0 0 10px 0;
}

/* News Items holder / show */
.newsitem {
	position: relative;
}
.newsitem .newsitem-img {
	width:30%;
	margin: 0 0 15px 15px;
}

.span-newsline {
	font-family: "Source Sans Pro", Calibri, sans-serif;
}
.newsToggle-wrapper {
	border-bottom: 6px solid #098484;
}
.newsToggle {
	cursor: pointer;
	padding: 10px;
}
.followUs-wrapper {
	display:none;
}
.news-follow-us {
	margin: 0;
	padding: 0;
}
.newsToggle .arrow {
	border: none;
	cursor: pointer;
	background: 0 0;
	font-size: 150%;
	padding: 0;
	float: right;
	color: #098484;
}
.CCC-h3 {
	color: #098484;
}
.news-follow-us ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.news-follow-us li {
	display: block;
}
.news-follow-us li {
	float: left;
	font-size: 27px;
	color: #414042;
}
.news-follow-us li a {
	display: block;
	text-align: center;
	padding: 3px 2px;
	text-decoration: none;
}

.newsline  p{
	color:#414042;
}
.news-contact {
	height: auto;
	margin: 8px 0 15px 0;
	font-weight: 600;
}
.news-contact > div{ 
	padding-bottom: 5px;
}

.news-contact a {
	color: #098484;
	text-decoration: none;
	margin-top: 5px;
	display: block;
}
.news-contact a:hover, .news-contact a:focus {
	color: #098484;
	text-decoration: underline;
}
.news-contact a:active {
	color: #6d6e71;
	text-decoration: underline;
}

.news-contact img {
	padding: 2px 0 2px 0;
}
.news-feed {
	display: block;
	height: auto;
	padding: 15px 0 15px 0;
}
.news-feed a {
	color:#098484;
	text-decoration: none;
	font-size: 110%;
	font-weight: 600;
}
.news-feed a:hover, .news-feed a:focus {
	color:#414042;
	text-decoration: none;
}
.news-feed a:active {
	color:#000000;
	text-decoration: none;
}
.news-feed i {
	font-size: 150%;
	padding-right: 5px;
	line-height: 115%;
}
.news-feed span {
	padding-right: 5px;
	line-height: 115%;
}
.video-image {
	position: relative;
}
.video-image img {
	z-index: 9;
}
.video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    z-index: 10;
}
.tier1-holder .video-play a:focus {
	outline: none;
}
.video-play a:focus i, .video-play a:focus button {
	color: #098484;
}
.video-play i, .video-play button {
	font-size: 70px;
	color: #ffffff;
	outline: none;
	background-color: transparent;
}
.video-play i:hover, .video-play i:focus, .video-play i:active,
.video-play button:hover, .video-play button:focus, .video-play button:active {
	color: #098484;
	background-color: transparent;
}
.video-play .hi-icon {
	width: auto;
}
.video-play .hi-icon:before {
	font-size: 70px;
	line-height: 70px;
}

.viewmorewrapper {
	display:none;
}
.view-more-holder-sub {
	display:none;
}
.view-more-holder {
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.view-more-holder-sub {
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.view-more-holder button, .view-more-holder-sub button {
	background-color: #098484;
	padding: 10px 100px 10px 100px;
	border: 1px solid #098484;
	color: #ffffff;
	font-weight: 600;
	margin-top: 20px;
}
.view-more-holder button:hover, .view-more-holder-sub button:hover,
.view-more-holder button:focus, .view-more-holder-sub button:focus {
	background-color: #000000;
}
.view-more-holder button:active, .view-more-holder-sub button:active {
	background-color: #414042;
}
.newslinks a:hover, .newslinks a:focus {
	background-color: #000000 !important;
}
.newslinks a:active {
	background-color: #414042 !important;
}

/* Responsive mobile-only styling */
@media (max-width: 767px) {
	.h1-newsline {
		font-size: 360%;
	}
	.span-newsline {
		display: block;
	}
	.news-holder {
		margin-bottom: 15px;
	}
	.tier2 {
		padding-right: 15px;
	}
	.tier2-holder {
		padding-right: 0px !important;
	}
	.tier2-contents {
		margin-bottom: 15px;
	}
	.tier3-holder {
		padding-left: 0px !important;
	}
	.tier3 {
		margin-top: 15px;
	}
	a h3 {
		line-height: 150%;
	}
	.twitter-holder {
		padding-right: 0px !important;
	}
	.twitter-contents {
		margin-bottom: 20px;
	}
	.page-sidebar {
		padding: 20px 0px 0px 0px !important;
	}
	.portrait-right {
		padding-left: 0 !important;
	}
	.portrait-left-img-wrapper {
		text-align: center;
	}
}

/* Responsive tablet-up styling */
@media (min-width: 768px) {
	.news-holder{
		margin-bottom:5px;
	}
	.tier2 {
		padding-left: 15px;
	}
	.tier2-holder {
		padding-left: 0px !important;
	}
	.tier3 {
		padding-left: 4px !important;
	}
	.twitter-contents {
		margin-bottom: 20px;
	}
}

/* Responsive tablet-portrait styling */
@media (min-width: 768px) and (max-width: 992px) {
	.h1-newsline {
		font-size: 300%;
	}
	.page-sidebar {
		padding-left: 23px !important;
		padding-right: 0;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.h1-newsline {
		font-size: 410%;
	}
	.page-sidebar {
		padding-left: 30px;
		padding-right: 0;
	}
}
@media (min-width: 1200px) {
	.h1-newsline {
		font-size: 500%;
	}
	.page-sidebar {
		padding-left: 30px;
		padding-right: 0;
	}
	.news-follow-us li a {
       padding: 3px 6px;
	}
}

/* Styling for NewsItemPage */
#news-holder input.text {
    padding: 0;
	width:100%;
}
#news-holder .newsrow {
    margin-bottom:10px;
}
#news-holder .page-content small {
    margin-left:20px;
}
#news-holder img {
	margin: 0px 0px 10px 10px;
}
#news-holder #Form_DateRangeForm_action_doDateFilter {
	margin-right: 0;
}
#news-holder .resultsHeader {
	font-size: 12px;
}
#news-holder .bottom-line {
	border-bottom: 1px solid #757575;
	padding-top:8px;
}
#news-holder .date-author {
	font-weight:normal;
	font-style: normal;
}

/* Styling for NewsItemPage_show */
#news-item img {
	margin: 0px 0px 10px 10px;
}
#news-item .date-author {
	margin-bottom:20px;
	font-weight:bold;
	font-style: italic;
}
#news-item .back-to-news {
	margin-top:20px;
}

/* Styling for NewsItemPage_show */
.PublicNoticePage #news-holder input.text {
    padding: 0;
	width:100%;
}
.PublicNoticePage #news-holder img {
	margin: 0px 0px 10px 10px;
}
.PublicNoticePage #news-holder #Form_DateRangeForm_action_doDateFilter {
	margin-right: 0;
}
.PublicNoticePage #news-holder .resultsHeader {
	font-size: 12px;
}
.PublicNoticePage #news-holder .bottom-line {
	border-bottom: 1px solid #757575;
	padding-top:8px;
}
.PublicNoticePage #news-holder .date-author {
	font-weight:bold;
	font-style: italic;
}
@media (min-width: 992px) {
	.PublicNoticePage .row.newsrow {
		margin-bottom: 15px;
	}
}