body {
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
}

header {
	background-image: url( '../files/images/template/header-background.jpg' );
	padding: 40px 20px 40px 20px;
}

header img {
	margin: 0px 0px 0px 40px;
}

h3 {
    font-family: "Arial Narrow","Helvetica Narrow",Tahoma,Arial,Helvetica,sans-serif;
    color: #ce2029;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 2px;
    margin-top: 20px;
}

h4 {
    font-family: "Arial Narrow","Helvetica Narrow",Tahoma,Arial,Helvetica,sans-serif;
    color: #ce2029;
    font-size: 1.2rem;
    font-weight: bold;
}

img.headshot {
	float: right;
	padding: 0px 0px 10px 20px;
}

p.quote {
	color: #999999;
    font-size: 1rem;
    font-style: italic;
}


.quote > span:before {
	content: '\201c';
}

.quote > span:first-child:after {
	content: '\201d';
}

.quote span+span {
	margin-left: 20px;
    font-size: 0.8rem;
}

.quote span+span:before {
	content: '\02014 ';
}

nav {
	text-align: center;
	margin: 10px 10px 0px 10px;
	text-align: right;
}

nav ul {
	margin: 0px 20px 0px 0px;
	padding: 0;
}

nav ul li {
	display: inline;
}

nav ul li a {
	color: #6c6e6e;
	text-decoration: none;
	margin-left: 20px;
	font-weight: bold;
	font-family: "Arial Narrow","Helvetica Narrow",Tahoma,Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 16px;
}

nav ul li a:hover {
	color: #ce2029;
	text-decoration: none;
}

nav ul li.on a {
	color: #6c6e6e;
	text-decoration: none;
}

main {
	clear: both;
}

div.jat a {
	display: block;
	float: right;
	background-image: url( '../files/images/template/jat.png' );
	margin: 30px 0px 30px 0px;
	width: 55px;
	height: 29px;
}

footer {
	font-size: 1rem;
	background-color: #515151;
	color: #8c8c8c;
	padding-top: 50px;
}

footer a {
	color: inherit;
}

footer p {
	line-height: 17px;
	margin-bottom: 7px;
	font-size: 0.9rem;
	letter-spacing: 1px;
}

footer h1 {
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 12px;
	font-size: 0.9rem;
}

footer div img {
	vertical-align: middle;
	padding-right: 5px;
}

div.gallery a {
	display: block;
	width: 100%;
}

div.gallery div {
	text-align: center;
}

div.gallery img {
	width: 100%;
	margin-top: 30px;
	box-shadow: 5px 5px 10px rgba( 0, 0, 0, 0.9 );
}

div.gallery span.caption {
	display: block;
	width: 100%;
	position: relative;
	top: -32px;
	background-color: rgba( 150, 150, 150, 0.8 );
	font-size: 1rem;
	color: white;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 1px 1px 3px rgba( 0, 0, 0, 0.5 );
	padding: 5px 0px 5px 0px;
}

div.gallery a:hover {
	text-decoration: none;
	opacity: 0.8;
}


.carousel-control-next, .carousel-control-prev {
	width: 10%;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	width: 50px;
	height: 50px;
	opacity: 1.0;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-control {
  width: 0%;
}

/* Put controls outside carousel: */

#carousel {
  margin-left: 5%;
  margin-right: 5%;
}

.carousel-control-prev {
  margin-left: -10%;
}

.carousel-control-next {
  margin-right: -10%;
}

/* Hide indicators */
.carousel-indicators {
	display: none;
}

@media screen and (max-width: 565px) {
	header {
		padding: 0px;
	}

	header img {
		width: 100%;
		margin: 0;
	}

	nav {
		width: 100%;
		text-align: center;
	}

	footer div {
		margin-top: 20px;
	}

}

@media screen and (max-width: 780px) {
	header {
		padding-top: 10px;
	}

	header img {
		margin-top: 0px;
	}
}