@charset "utf-8";

/*
Color
Dark Blue rgba(0, 0, 27, 1.0)
Primary Text rgba(255, 255, 255, 1.0)
Secondary Text rgba(204, 204, 204, 1.0)
Main Text rgba(242, 242, 242, 1.0)
Slide Show Dot rgba(187, 187, 187, 1.0)
Slide Show Dot Hover rgba(113, 113, 113, 1.0)
Send Button rgba(147, 94, 49, 1.0)
Send Button Hover rgba(168, 126, 90, 1.0)
*/

body {
	background-color: rgba(0, 0, 27, 1.0);
}
/*#mainHeader h1 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 0px;
}*/
h2 {
	margin-bottom: 40px;
	text-align: center;
	color: rgba(242, 242, 242, 1.0);
	font-family: "Adobe Garamond Pro Regular";
	font-size: 1.2em;
    letter-spacing: 1.3pt;
} 
h3 {
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	color: rgba(242, 242, 242, 1.0);
	font-family: "Adobe Garamond Pro Bold";
	font-size: 1.5em;
    letter-spacing: 1.3pt;
} 
#mainHeader img {
    max-width: 100%;
    display: block;
    margin: auto;
    margin-top: -30px;
}
ul {
	list-style-type: none;
	margin: -30px 0px 50px 0px;
	padding: 0;
	overflow: hidden;
	text-align: center;
	
}
li {
	display: inline;
	padding: 0px 50px;
}
a {
	color: rgba(255, 255, 255, 1.0);
}
a:link {
	text-decoration: none;
	font-size: 2em;
	font-family: "Adobe Garamond Pro Bold";

}
a:visited {
	text-decoration: none;
}
a:hover {
	color: rgba(204, 204, 204, 1.0);
	text-decoration: underline;	
}
a.active {  
	background-color: rgba(0, 0, 27, 1.0);
	color: rgba(204, 204, 204, 1.0);
	text-decoration: underline;
}
img.imageContainer {
	float: left;
}
p {
    max-width: 800px;
    width: 100%;
    margin: auto;
    color: rgba(242, 242, 242, 1.0);
    font-family: "Adobe Garamond Pro Regular";
    text-align: justify;
    font-size: 1.2em;
    letter-spacing: 1.3pt;
	
}

/* Slideshow container */
.slideshow-container {
	max-width: 600px;
	position: relative;
	margin: auto;
}
/* Hide the images by default */
.mySlides {
	display: none;
}
/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	background-color: rgba(0, 0, 27, .4);
	color: rgba(255, 255, 255, 1.0);
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}
/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0,0.6);
}
/*Caption text */
.text {
	color: rgba(204, 204, 204, 1.0);
	font-size: 1em;
	margin: auto;
	padding-top: 20px;
	position: absolute;
	bottom: -30px;
	width: 100%;
	text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
	color: rgba(255, 255, 255, 1.0);
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}
/* The dots/bullets/indicators */
.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 30px 2px 30px 2px;
	background-color: rgba(187, 187, 187, 1.0);
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}
.active, .dot:hover {
	background-color: rgba(113, 113, 113, 1.0);
}
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
/*contact form*/
.container {
	width: 800px;
    max-width: 100%;
	margin: auto;
	position: relative;
}
.container h1 {
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
	color: rgba(242, 242, 242, 1.0);
	font-family: "Adobe Garamond Pro Bold";
	font-size: 1.5em;
    letter-spacing: 1.3pt;
}
.cw-frm h3 {
	margin-bottom: 15px;
	text-align: center;
	text-transform: none;
	color: rgba(242, 242, 242, 1.0);
	font-family: "Adobe Garamond Pro Bold";
	font-size: 1.2em;
}
/*.input-group {
	width: 100%;
    padding: 0px;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
	font-family: "Adobe Garamond Pro Bold";
}*/
form, p.warning {
	margin-left: 0px;
}
label {
	max-width: 100%;
	display: block;
	margin: auto;
	color: rgba(242, 242, 242, 1.0);
	font-family: "Adobe Garamond Pro Bold";
	font-size: 1.0em;
}
input[type=text],[type=email],[type=subject], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
	background-color: white;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
	font-family: "Adobe Garamond Pro Bold";
	font-size: 1.0em;
}
input[type=submit] {
	background-color: rgba(147, 94, 49, 1.0);
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	margin-top: 15px;
	font-family: "Adobe Garamond Pro Bold";
	font-size: 1.2em;
	cursor: pointer;
}
input[type=submit]:hover {
	background-color: rgba(168, 126, 90, 1.0);
}

.form-invalid{
	outline:2px solid red;
}
.warning {
	font-weight: bold;
	color: #ff0000;
}
#pageFooter {
	clear: both;
}
#pageFooter p {
	padding: 30px 0px;
	text-align: center;
	color: rgba(204, 204, 204, 1.0);
	font-size: 1.2em;
}