/* CSS Document */

body {
	margin:0px; font-family: Helvetica, Arial, sans-serif;
	color:#666; background-color:#E9E9E9;
}

/*MainHeader*/
.header {
	background-color:#194552; color:#FFF; background-image:url(SiteHeaderCollage.png);
	background-repeat:no-repeat;
	padding:0px; margin:0px;
	height:300px;
	
}

.footer {
	background-color:#666; text-align:center;
	height:300px; margin:0px; 
}

h4 {
	padding-bottom:8px;
	font-size:12px;
	color:#CCC;
	font-weight:normal;
}

.quote {
	width:75%; margin:25px auto; font-style:italic;
	border-color:#333; background-color:#FFF;
	border-radius:10px; padding:5px;
}


.content {
	padding-left:75px; padding-right:75px;
	padding-top:30px; padding-bottom:30px;
}

#parent {
	margin:auto;
	text-align:center;
	letter-spacing:35px;
	white-space:normal;
	overflow:hidden;
}

.child {
	width:300px; height:300px;
	position:relative;
	margin:10px;
	letter-spacing:normal;
	text-align:left;
	background-color:#FFF;
	border-radius:10px;
	display:inline-block;
	vertical-align:middle;
}

.child p {
	margin:10px;
	white-space:normal;
}

.child img {
	margin:0px; padding:0px;
	position:absolute;
	bottom:0px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

h1 {
	font-weight:normal; font-size:32px;
	color:#000; border-bottom:#999 dotted 1px;
}

h3 {
	font-weight:bold; font-size:22px;
	color:#333; margin:10px;
}

/* NavBar bg color */
.topnav {
    background-color: #333;
    overflow: hidden;
	font-family:Verdana, Geneva, sans-serif;
}

/* Links in NavBar */
.topnav a {
    float: left;
    color: #CCC;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
}

/* NavBar Hover Link */
.topnav a:hover {
    background-color: #333;
    color: #FFF;
}

/* NavBar active/current link */
.topnav a.active {
    background-color: #194552;
    color: #FFF;
}


/* SLIDESHOW */


* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  background-color:#3E3E3E;
  position: relative;
  margin: 0px;
}

/* Hide the images by default */
.mySlides {
    display: none;
	width:900px;
	margin-left:auto; margin-right:auto;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}