* {
	box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	text-align: center;
	font-size: 14px;
	color: #000;
}

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

.mobile {
	display: none;
}

.container {
	width: 710px;
	max-width: 100%;
	margin: 0 auto;
}


header .container {
	width: 740px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
}

	section, footer {
		text-align: left;
	}

		section a {
			text-decoration: none;
			outline: 0;
		}
		
		section h1 {
			font-size: 1.55em;
			color: #000080;
			padding-bottom: 1px;
			margin-top: 15px;
			border-bottom: 1px solid #000080;
		}
		
		section h2 {
			font-size: 1.30em;
		}
		
		section h1.noborder {
			padding-bottom: 0;
			border-bottom: none;
			margin-bottom: 10px;
		}
		
		section .loader {
		  border: 16px solid #f3f3f3; /* Light grey */
		  border-top: 16px solid #000080;
		  border-bottom: 16px solid #000080;
		  border-radius: 50%;
		  width: 120px;
		  height: 120px;
		  animation: spin 2s linear infinite;
		}

		@keyframes spin {
		  0% { transform: rotate(0deg); }
		  100% { transform: rotate(360deg); }
		}
		
		section .slider-content * {
			outline: 0;
		}
		
		section	.slider-content {
			width: 670px;
			margin: 0 auto;
		}
		
		section .slick-dots {
			margin-bottom: 10px;
		}
		
		section .slick-dots.touch-device li button:hover::before,
		section .slick-dots.touch-device li button:focus::before,
		section .slick-dots li button:focus:before {			
			opacity: 0.25 !important;
		}

		section .slick-dots.touch-device li.slick-active button::before,
		section .slick-dots li.slick-active button:focus:before,
		section .slick-dots li.slick-active button:before {
			opacity: 0.75 !important;
			color: #000080;
		}	
	
		section .slick-dots li button:before {
			font-size: 20px;
			color: #000080;
		}	
	
		section .slick-slide {
			height: auto !important;
		}
		
		section .slick-prev {
			left: -35px;
		}
		
		section .slick-next {
			right: -28px;
		}
		
		section .slick-prev, section .slick-next {
			width: 30px;
			height: 30px;
		}
		
		section .slick-prev:before, section .slick-next:before {
			color: #000080;
			font-size: 25px;				
		}		

		section .featured {
			display: flex;
			flex-direction: row;
		}
					
		section .featured .item {
			flex: 1 1 auto;
			padding: 0;
			margin: 0 0 15px 0;
			width: 99%;
			background: #fbf2e8;
			border: 1px solid #744f3f;				
		}			
		
		section .featured b, section .featured h2 {
			font-size: 1.02em;
			color: #744f3f;
			padding: 0;
			margin: 0;
		}
		
		section .featured .item .callout-image {
			background: #fff;
			height: 282px;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		section .featured .item .callout-image img {
			max-height: 282px;
			max-width: 570px;
			display: block;
			margin: 0 auto;
		}
		
		section .featured .item .inner {
			border-top: 1px solid #744f3f;	
			padding: 5px 10px;
			min-height:27px;
		}
		
		section .pause-play {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 20px;			
		}
		
		section .pause-play i {
			font-size: 30px;
			color: #000080;
			opacity: .75;
			cursor: pointer;
			text-decoration: none;
			outline: none;
		}
		
		section .pause-play i:hover {
			opacity: 1;
		}
		
.fullwitdh {
	width: 100%;
}

.center {
	text-align: center;
}

.blue-divider {
	width:100%;
	height: 1px;
	background: #000080;
	margin: 5px 0 15px 0;
}

.home-links {
	display: flex;
    flex-direction: row;
	padding: 0;	
}

	.home-links ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.home-links ul li {
			background-image: url('../images/block.jpg');
			background-repeat: no-repeat;
			text-align: left;
			padding: 0 0 0 24px;
			margin: 0 0 3px 0;
			line-height: 17px;			
		}
		
			.home-links ul li a {
				font-family: Times New Roman;
				text-decoration: none;
				color: #48579C;
				font-size: 1.32em;
				font-weight: bold;
			}
			
				.home-links ul li a:hover {
					color: #CC0066;
					text-decoration: underline;
				}
				
		.home-links div {
			flex: 1 1 auto;
			padding: 0;
			margin: 5px 5px 5px 0;
			width: 50%;
			float: left;
		}	
			
footer .container {
	display: flex;
    flex-direction: row;
	padding: 0 0 15px 0;
}

	footer .footer-links {
		font-size: 12px;
		font-weight: bold;
		color: #000080;
		margin: 0;
		padding: 0 0 0 10px;
	}
	
	footer .widthfull {
		width: 100%;
	}
	
	footer ul {
		list-style: none;	
	}
	
	footer .footer-links a {
		font-size: 12px;		
		color: #CC0066;
	}

	footer .footer-links a:hover {
		color: #000000;
	}

	footer .redbullet {
		color: #CC0066;
	}

@media (max-width: 726px) {		
	.container {
		width: auto;
	}
	
	.body .container {
		padding: 0 15px;
	}
	
	section .slider-content {
		width: 91%;
	}
	
	section .slick-prev {
		left: -30px;
	}
	
	section .slick-next {
		right: -26px;
	}	
	
	footer .container {
		padding: 0 15px 15px 15px;
	}
			
	section .home-links,
	section .featured,
	footer div {
		flex-wrap: wrap;
	}
	section .featured .item .callout-image img {
		max-width: 100%;
		height: auto;	
	}
	
	footer .footer-links {
		padding-top: 10px;	
	}
	
	.dlblineheight {
		padding-bottom: 5px !important;
	}
}

@media (max-width: 600px) {
	.mobile {
		display: inline;
	}
	
	.main {
		display: none;
	}
}

@media (max-width: 320px) {
	section .slick-dots {
		position: relative;
		top: 0;
	}
}

@media (min-width: 727px) {
	header .container, section .featured {
		justify-content: space-between;
	}
	.body {
		flex-direction: row;
	}
}