@charset "utf-8";

/** general **/
html {
	font-family: 'Open Sans', 'Calibri', 'Arial', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: 'Open Sans', 'Calibri', 'Arial', sans-serif;
	font-style: normal;
	font-weight: normal;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	outline: none;
}

p {
	margin-bottom: 18px;
}

img {
	max-width: 100%;
}

.no-p {
	padding: 0 !important;
}

.no-m {
	margin: 0 !important;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
	zoom: 1;
}
/* IE7 */


h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', 'Calibri', 'Arial', sans-serif;
	color: #000000;
	line-height: normal;
	padding: 0 0 15px 0;
	text-rendering: optimizelegibility;
}

h1 {
	font-size: 2.9rem;
	color: #112c51;
	text-align: center;
}

h2 {
	font-size: 2rem;
	color: #112c51;
	text-align: left;
}

h3 {
	font-size: 1.5rem;
	color: #112c51;
	font-weight: bold;
	text-align: center;
}

h4, h4 a {
	font-size: 1.5rem;
	color: #112c51;
	font-weight: bold;
	font-style: normal;
	margin: 5px 0;
}

h5 {
	font-size: 1.8rem;
	color: black;
	font-weight: bold;
}


h6 {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

.mcms_RendererContentDetail a {
	color: #126dbb;
	text-decoration: underline;
}

	.mcms_RendererContentDetail a:hover {
		text-decoration: none;
	}

nav {
	background-color: #0d1e4f;
	height: 52px;
	line-height: 52px;
	width: 100%;
}

@media (min-width:576px) {
	nav {
		position: fixed;
		top: 0;
		z-index: 999;
	}

	header {
		margin-top: 52px;
	}
}

header {
	width: 100%;
	background-size: cover;
	background-position: center center;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.logo {
	text-align: center;
	padding-top: 35px;
}

.facebook-btn {
	margin-left: 15px;
}


@media (min-width:992px) {
	header {
		min-height: 429px;
		background-image: url("../images/top-image-header.jpg");
	}
}

@media (max-width:991px) {
	header {
		background-image: url("../images/top-image-header-md.jpg");
	}
}

@media (min-width:768px) and (max-width:991px) {
	header {
		min-height: 360px;
	}
}

@media (min-width:576px) and (max-width:767px) {
	header {
		min-height: 340px;
	}
}

@media (max-width:575px) {
	header {
		min-height: 340px;
	}
}

/*------------------------------------------*/

.search-box {
	background: none !important;
	display: block;
	background-color: #ece7df !important;
	float: left;
}

.search-input {
	float: left;
	font-size: 1rem;
	height: 42px;
	line-height: 1.25;
	padding-left: 5%;
	width: calc(100% - 75px);
	background: none;
	border: 0;
}

.search-input:focus {
	-webkit-box-shadow: inset 0 0 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0 0 5px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0 0 5px 0px rgba(0,0,0,0.4);
}

.search-btn {
	background-image: url("../images/search-btn.jpg");
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	float: right;
	height: 42px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	width: 42px;
	border: none;
}

.search-btn:hover {
	background-image: url("../images/search-btn-hover.jpg");
	background-repeat: no-repeat;
	cursor: pointer;
}

.search-btn {
	border-radius: 0 !important;
}

.search-input {
	border-radius: 0 !important;
}

.search-error-text 
{
    line-height: 42px;
}


/*-------------Quick links section----------------------*/
.quick-links {
	text-align: center;
}

.quick-links a {
	color: #821c42;
	text-decoration: none;
	animation: none !important;
	padding-top: 130px;
}

.quick-links a:hover {
    color: #112c51;
}

.call-before-dig, .pay-bills, .codered, .meeting-agendas {
	background-image: url("../images/quick-icons.png");
	text-align: center;
	background-repeat: no-repeat;
	cursor: pointer;
}


/*-------------Quick links section on small screens----------------------*/
@media (max-width:575px) {
	.call-before-dig, .pay-bills, .codered, .meeting-agendas {
		width: 98%;
		vertical-align: middle;
		background-color: #0d1e4f;
		border-bottom: 1px solid #2c407a;
		padding: 6px 0;
		background-image: none !important;
	}

	.call-before-dig:hover, .call-before-dig:hover a, .pay-bills:hover, .pay-bills:hover a, .codered:hover, .codered:hover a, .meeting-agendas:hover, .meeting-agendas:hover a {
		background-color: #ffe17d;
		color: #0d1e4f !important;
	}

	.quick-links a {
		font-size: 1.36rem;
		color: white;
		padding-top: 0 !important;
	}

	.quick-links a:hover {
		color: #0d1e4f !important;
	}
}

@media (min-width:360px) {
	.quick-links a {
		font-size: 1.1rem;
		line-height: 1.2;
	}
}

.quick-links {
	margin-bottom: 30px;
}
/*----------------*/


@media (min-width:576px) and (max-width:767px) {
	.call-before-dig, .pay-bills, .codered, .meeting-agendas, .hours {
		margin-top: 20px;
		padding-top: 95px;
		height: 95px;
		width: 40%;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 60px;
		background-size: 940px;
	}

	.call-before-dig {
		background-position: -25px 0;
	}

		.call-before-dig:hover {
			background-position: -25px -163px;
		}

	.pay-bills {
		background-position: -246px 0;
	}

		.pay-bills:hover {
			background-position: -246px -163px;
		}

	.codered {
		background-position: -468px 0;
	}

		.codered:hover {
			background-position: -468px -163px;
		}

	.meeting-agendas {
		background-position: -695px 0;
	}

		.meeting-agendas:hover {
			background-position: -695px -163px;
		}
}

/*----------------*/
@media (min-width:768px) {
	.quick-links {
		margin-bottom: 65px;
		margin-top: 10px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.call-before-dig, .pay-bills, .codered, .meeting-agendas, .hours {
		margin-top: 20px;
		padding-top: 95px;
		height: 95px;
		width: 24%;
		float: left;
	}

	.call-before-dig {
		background-position: -33px 0;
	}

		.call-before-dig:hover {
			background-position: -33px -145px;
		}

	.pay-bills {
		background-position: -230px 0;
	}

		.pay-bills:hover {
			background-position: -230px -145px;
		}

	.codered {
		background-position: -430px 0;
	}

		.codered:hover {
			background-position: -430px -145px;
		}

	.meeting-agendas {
		background-position: -630px 0;
	}

		.meeting-agendas:hover {
			background-position: -630px -145px;
		}
}


@media (min-width:992px) and (max-width:1199px) {
	.call-before-dig, .pay-bills, .codered, .meeting-agendas, .hours {
		margin-top: 20px;
		padding-top: 95px;
		height: 95px;
		width: 24%;
		float: left;
	}

	.call-before-dig {
		background-position: -5px 0;
	}

		.call-before-dig:hover {
			background-position: -5px -145px;
		}

	.pay-bills {
		background-position: -206px 0;
	}

		.pay-bills:hover {
			background-position: -206px -145px;
		}

	.codered {
		background-position: -407px 0;
	}

		.codered:hover {
			background-position: -407px -145px;
		}

	.meeting-agendas {
		background-position: -607px 0;
	}

		.meeting-agendas:hover {
			background-position: -607px -145px;
		}
}

@media (min-width:1199px) {
	.call-before-dig, .pay-bills, .codered, .meeting-agendas {
		margin-top: 20px;
		padding-top: 95px;
		height: 95px;
		width: 22%;
		float: left;
	}

	.call-before-dig {
		background-position: -2px 0;
		margin-left: 65px;
	}

		.call-before-dig:hover {
			background-position: -2px -145px;
		}

	.pay-bills {
		background-position: -197px 0;
	}

		.pay-bills:hover {
			background-position: -197px -145px;
		}

	.codered {
		background-position: -396px 0;
	}

		.codered:hover {
			background-position: -396px -145px;
		}

	.meeting-agendas {
		background-position: -596px 0;
	}

		.meeting-agendas:hover {
			background-position: -596px -145px;
		}

	.quick-links a {
		font-size: 1.25rem;
	}
}
/*---------------News section--------------------------------*/
#news {
	background-color: #e4e5e7;
	padding: 45px 0 40px 0;
}

#news ul {
	list-style-type: none;
	padding: 0;
}

#news ul div, #news ul div a {
	font-weight: bold;
	color: #0a2346;
	text-decoration: none;
	font-size: 1.2rem;
}

#news ul div a:hover {
	text-decoration: underline;
}

#news ul li {
	background-image: url(../images/news-img.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 30px 0;
	padding-left: 60px;
}

.all-news-page 
{
    background-color: white !important;
	padding: 0 0 20px 0 !important;
}

.btn-view a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#821c42+0,501539+79,501539+100 */
	background: #821c42; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyMWM0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzUwMTUzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDE1MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #821c42 0%, #501539 79%, #501539 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#821c42), color-stop(79%,#501539), color-stop(100%,#501539)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, #821c42 0%,#501539 79%,#501539 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, #821c42 0%,#501539 79%,#501539 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, #821c42 0%,#501539 79%,#501539 100%); /* IE10 preview */
	background: linear-gradient(to bottom, #821c42 0%,#501539 79%,#501539 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#821c42', endColorstr='#501539',GradientType=0 ); /* IE6-8 */
}

	.btn-view a:hover {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#501539+0,501539+100 */
		background: #501539; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwMTUzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDE1MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #501539 0%, #501539 100%); /* FF3.6-15 */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#501539), color-stop(100%,#501539)); /* Chrome4-9,Safari4-5 */
		background: -webkit-linear-gradient(top, #501539 0%,#501539 100%); /* Chrome10-25,Safari5.1-6 */
		background: -o-linear-gradient(top, #501539 0%,#501539 100%); /* Opera 11.10-11.50 */
		background: -ms-linear-gradient(top, #501539 0%,#501539 100%); /* IE10 preview */
		background: linear-gradient(to bottom, #501539 0%,#501539 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#501539', endColorstr='#501539',GradientType=0 ); /* IE6-8 */
	}

#news a, #calendar a {
	text-decoration: none;
}

#news .btn-view {
	margin-top: 45px;
}

#calendar .btn-view a:hover {
	text-decoration:none;
}

.btn-view a {
	color: white;
	font-size: 1.3rem;
	padding: 10px 55px;
}

#calendar {
	background-image: url("../images/calendar-bg.jpg");
	width: 100%;
	background-size: cover;
	background-position: top center;
	padding: 65px 0 30px 0;
	min-height: 506px;
}

.blue-box {
	background-color: #1c395a;
	width: 100%;
	min-height: 95px;
	padding: 17px 0 16px 0;
	text-align: center;
	font-size: .9rem;
	color: white;
	margin-bottom: 15px;
	margin-top: 30px;
	font-weight: normal;
}

	.blue-box a {
		font-weight: normal;
		margin-top: 15px;
		color: white;
	}

#calendar a:hover {
	text-decoration: underline;
}

#calendar p a {
	color: #0a2346;
	font-weight: bold;
	text-align: left;
}

#calendar .btn-view {
	margin-top: 60px;
	margin-bottom: 30px;
}
/*----------------Calendar on small screen----------------------------------*/
@media (min-width:992px) and (max-width:1199px) {
	.blue-box {
		min-height: 100px;
	}

	#calendar .row > div {
		padding-left: 7px !important;
		padding-right: 7px !important;
	}

	.blue-box a {
		font-size: 1.2rem;
	}
}

@media (min-width:1200px) {
	.blue-box a {
		font-size: 1.5rem;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.blue-box {
		min-height: 108px;
	}

	#calendar .row > div {
		padding-left: 7px !important;
		padding-right: 7px !important;
	}

	.blue-box a {
		font-size: 1.1rem;
	}

	#calendar p a {
		font-size: 1rem;
		line-height: 1;
	}
}

@media (min-width:992px) {
	#calendar p a {
		font-size: 1.2rem;
		line-height: 1.1;
	}
}

@media (min-width:1200px) {
	.blue-box a {
		font-size: 1.5rem;
	}
}

/*------------------Footer--------------------------*/
footer {
	background-color: #0a2346;
	color: white;
	padding-top: 30px;
	font-size: 1rem;
	line-height: 1.8;
}

	footer h2 a {
		color: white;
		font-size: 1.3rem;
		text-decoration: none;
	}

	footer h2:hover {
		text-decoration: underline;
		color: white;
	}

	footer h2 img {
		margin-right: 10px;
	}

	footer a {
		color: white;
		text-decoration: underline;
	}

		footer a:hover {
			text-decoration: none;
			color: white;
		}

.footerlogo {
	margin-bottom: 30px;
	padding: 0;
}

.facebook {
	margin-top: 10px;
}

	.facebook a img {
		margin-right: 10px;
		margin-top: 5px;
	}

	.facebook a {
		font-weight: bold;
		color: #a7b9bf;
		line-height: 1;
		text-decoration: none;
	}

.e-verify {
	font-size: .9rem;
	color: white;
}

	.e-verify div {
		font-weight: bold;
		font-size: 1.35rem;
	}

.footer-bottom {
	background-color: #081c37;
	width: 100%;
	padding: 10px 0;
	font-size: 1rem;
}

footer input {
	float: left;
	margin-right: 8px;
}

.footer-bottom a {
	float: left;
}

@media (min-width:1200px) {
	.contact {
		padding-left: 50px;
	}

	.footer-bottom div:first-child {
		text-align: center;
	}
}

@media (min-width:576px) and (max-width:767px) {
	.footerlogo {
		text-align: center;
	}

	facebook img {
		width: 40px;
		height: 40px;
	}

	.facebook a {
		font-size: 1.1rem;
	}

	.e-verify {
		margin-top: 10px;
	}

	.contact {
		padding-bottom: 30px;
	}
}

@media (min-width:768px) {
	.facebook a {
		font-size: 1.2rem;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.facebook img {
		width: 40px;
		height: 40px;
	}

	.facebook div {
		font-size: 1.1rem;
	}

	.e-verify div {
		font-size: 1.1rem;
	}

	.footerlogo {
		padding-bottom: 30px;
	}

	.contact {
		font-size: .9rem;
		line-height: 1.6;
	}

	.footerlogo {
		margin-top: 30px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.footerlogo {
		padding-bottom: 30px;
	}
}


@media (min-width:576px) {
	.facebook a img {
		float: left;
	}
}

@media (max-width:575px) {
	.footerlogo, .contact {
		width: 100% !important;
		text-align: center;
	}

	footer > .container div, .footer-bottom {
		text-align: center;
	}

	.facebook span {
		display: none;
	}

	.facebook {
		margin-bottom: 20px;
	}

	footer h2 {
		text-align: center;
	}

	.facebook a {
		font-size: 1.2rem;
	}

	footer input, .footer-bottom a {
		float: none;
	}

	.e-verify {
		padding-bottom: 20px;
	}
}

/*-------------Header on small screens--------------------------*/
@media (min-width:992px) and (max-width:1199px) {
	header {
		min-height: 450px;
	}

	.facebook-btn {
		margin-left: 5px;
		margin-top: 45px;
		float: right;
	}

	.search-box {
		min-width: 270px;
		margin-top: 45px;
	}
}

@media (min-width:1200px) {
	.search-box {
		min-width: 322px;
		margin-top: 95px;
	}

	.facebook-btn {
		margin-top: 95px;
		float: right;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.search-box {
		max-width: 340px;
		min-width: 500px;
		margin-top: 30px;
		margin-left: 95px;
	}

	.facebook-btn {
		margin-top: 30px;
		float: left;
	}

	.logo {
		width: 280px;
	}
}
.search-box {
	float: left;
}

@media (min-width:321px) and (max-width:575px) {
	.search-box {
		min-width: calc(90% - 67px);
		margin-left: 25px;
		margin-top: 15px;
		margin-bottom: 0 !important;
	}

	.facebook-btn {
		margin-left: 15px;
		margin-top: 15px;
		float: left;
	}

	header {
		min-height: 380px;
	}
}

@media (max-width:320px) {
	.search-box {
		min-width: calc(90% - 80px);
		margin-left: 15px;
		margin-top: 15px;
		margin-bottom: 10px !important;
                margin-right: 10px;
	}

	.facebook-btn {
		margin-left: 15px !important;
                margin-top: 15px;
	}

	header {
		min-height: 400px;
	}
}

@media (min-width:576px) and (max-width:767px) {
	.search-box {
		min-width: calc(98% - 80px);
		margin-left: 15px;
	}

	.facebook-btn {
		margin-right: 15px;
		float: right;
	}

	.logo {
		margin-bottom: 20px;
		text-align: center;
	}
}


@media (max-width:1199px) {
	.search-box {
		margin-bottom: 40px;
	}
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}
/*------------------------------------------------------------*/
.p-t-1 {
	padding-top: 1rem !important;
}

.p-t-2 {
	padding-top: 2rem !important;
}

.p-t-4 {
	padding-top: 4rem !important;
}

.p-b-4 {
	padding-bottom: 4rem;
}

.p-b-2 {
	padding-bottom: 2rem !important;
}

.p-l-2 {
	padding-left: 2rem;
}

.p-l-4 {
	padding-left: 4rem;
}

.p-r-2 {
	padding-right: 2rem;
}

.p-r-4 {
	padding-right: 4rem;
}

.m-t-2 {
	margin-top: 2rem;
}

.m-t-3 {
	margin-top: 3rem;
}

.m-t-4 {
	margin-top: 4rem;
}

.m-t-6 {
	margin-top: 6rem;
}

.m-t-12 {
	margin-top: 12rem;
}

.m-b-2 {
	margin-bottom: 2rem;
}

.m-b-4 {
	margin-bottom: 4rem;
}

.m-b-6 {
	margin-bottom: 6rem;
}

.m-l-2 {
	margin-left: 2rem;
}

.m-r-2 {
	margin-right: 2rem;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.section-secondary 
{
    margin-top: -10px;
}

.container-secondary
{
    /*background-color: white;
    padding: 30px 30px 0 30px;
    min-height: 400px;*/
}

#tblContentLayout {
    margin-top: -10px;
}