@import url(http://fonts.googleapis.com/css?family=Overlock:400,900|Roboto|Fredoka+One|Lemon|Stardos+Stencil);

/* Clear body */
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
*	height: 100%;
*	background-color: #C0C0C0;
}

/* General Settings */
h1 {
    font-family: 'Fredoka One', cursive;
*    font-family: 'Overlock';
*    font-family: 'Lemon';
*    font-family: 'Stardos Stencil', cursive;
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
    color: #1d5781;
*    text-shadow: 1px 1px black;
}

h2 {
	margin: 0;
	padding: 0;
*	padding-bottom: 3px;
	font-family: Roboto;
	color: #1d5781;
	text-shadow: 1px 1px 1px black;
*	text-decoration: underline;
}

p {
	margin: 0;
*	font-family: Archivo+Narrow, sans-serif;
*	font-family: Rosario;
	font-family: 'Roboto';
	font-size: .9em;
*	padding: 0;
}


/*------Nav bar------*/
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

li {
	float: left;
*	text-align: center;
}

a.nav:link, a.nav:visited {
    display: block;
*   width: 82px;
*   font-weight: bold;
*	font-family: Roberto;
*	font-family: Molengo;
*	font-family: Cinzel;
	font-family: Overlock;	
	font-size: 1.1em;
	text-align: center;
    color: #FFFFFF;
*   background-color: #2E7DB6;
    padding: 6px 0px;
	margin: 0 15px;
    text-decoration: none;
*   text-transform: uppercase;
}

a.nav:hover, a.nav:active {
*    background-color: #7A991A;
	color: orange;
}

.navb {
*	background-color: #2673AB;
    background-color: #339999;
	margin: auto;
}

/* Creates facebook and g+ buttons */
.mediabox {
	clear: both;
*	position: relative;
}

.media {
	position: absolute;
*	top: 37px;
	top: 0px;
	right: 1%;
*	both: clear;
*	margin: 0 25%;
}

.media img{
	max-width: 35px;
}

/* Home page slideshow picture content */
/* screen time 7.5, 12.5, 12.5, 17.5 seconds */
#imagebox {
	margin: 20px auto 20px auto;
	max-width: 1200px;
	max-height: 666px;
	padding: 0;
*	position: relative;
*   border: 1px solid red;
}

#imagebox img {
	max-width: 90%;
	max-height: 90%;
	margin: 0 auto 0 auto;
*	border: 1px solid red;
    padding: 0;
*	left: 0;
*	top: 70px;
}

#imagebox img.firstanimation {
	         position: absolute;
	        animation: rollout 50s infinite; /* IE 10+, Fox 29+ */
    -webkit-animation: rollout 50s infinite; /* Safari 4+ */
	   -moz-animation: rollout 50s infinite; /* Fox 5+ */
	     -o-animation: rollout 50s infinite; /* Opera 12+ */
}

#imagebox img.secondanimation {
	         position: absolute;
	        animation: rollout2 50s infinite; /* IE 10+, Fox 29+ */
    -webkit-animation: rollout2 50s infinite; /* Safari 4+ */
	   -moz-animation: rollout2 50s infinite; /* Fox 5+ */
	     -o-animation: rollout2 50s infinite; /* Opera 12+ */
}
#imagebox img.thirdanimation {
	         position: absolute;
	        animation: rollout3 50s infinite; /* IE 10+, Fox 29+ */
    -webkit-animation: rollout3 50s infinite; /* Safari 4+ */
	   -moz-animation: rollout3 50s infinite; /* Fox 5+ */
	     -o-animation: rollout3 50s infinite; /* Opera 12+ */
}
#imagebox img.fourthanimation {
	         position: absolute;
	        animation: rollout4 50s infinite; /* IE 10+, Fox 29+ */
    -webkit-animation: rollout4 50s infinite; /* Safari 4+ */
	   -moz-animation: rollout4 50s infinite; /* Fox 5+ */
	     -o-animation: rollout4 50s infinite; /* Opera 12+ */
}

/* 3.125 frames = 1 second of animation*/
/* keyframes */
@keyframes rollout {
	0% {opacity: 0;}
	15% {opacity: 1;}
    40% {opacity: 0;}
	65% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes rollout2 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 1;}
	65% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes rollout3 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 0;}
	65% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes rollout4 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 0;}
	65% {opacity: 0;}
	100% {opacity: 1;}
}

/* webkit */
@-webkit-keyframes rollout {
	0% {opacity: 0;}
	15% {opacity: 1;}
    40% {opacity: 0;}
	65% {opacity: 0;}
	100% {opacity: 0;}
}
@-webkit-keyframes rollout2 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 1;}
	65% {opacity: 0;}
	100% {opacity: 0;}
}
@-webkit-keyframes rollout3 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 0;}
	65% {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes rollout4 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 0;}
	65% {opacity: 0;}
	100% {opacity: 1;}
}

/* moz */
@-moz-keyframes rollout {
	0% {opacity: 0;}
	15% {opacity: 1;}
    40% {opacity: 0;}
	65% {opacity: 0;}
	100% {opacity: 0;}
}
@-moz-keyframes rollout2 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 1;}
	65% {opacity: 0;}
	100% {opacity: 0;}
}
@-moz-keyframes rollout3 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 0;}
	65% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes rollout4 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 0;}
	65% {opacity: 0;}
	100% {opacity: 1;}
}

/* o */
@-o-keyframes rollout {
	0% {opacity: 0;}
	15% {opacity: 1;}
    40% {opacity: 0;}
	65% {opacity: 0;}
	100% {opacity: 0;}
}
@-o-keyframes rollout2 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 1;}
	65% {opacity: 0;}
	100% {opacity: 0;}
}
@-o-keyframes rollout3 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 0;}
	65% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes rollout4 {
	0% {opacity: 0;}
	15% {opacity: 0;}
    40% {opacity: 0;}
	65% {opacity: 0;}
	100% {opacity: 1;}
}

/* This made text below the picture box but was deleted 
#wichitanow {
*    clear: both;
    margin: 0 auto 50px auto;
    max-width: 900px;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
}

#wichitanow p {
    padding: 0;
    margin: 0 5px;
    text-align: center;
}
*/

/* Creates the footer at the bottom of the page */
.footer {
	clear: both;
	position: fixed;
	background-color: #1f2d36;
	height: 20px;
	bottom: 0;
	width: 100%;
*	position: absolute;
*	bottom: 0;
*	margin-top: 10px;
*	border: solid 1px orange;
*	border-top: solid white 1px;
*	float: left;
*	padding-top: 4px;
}

.footer p {
*	clear: both;
*	font: Tahoma 8pt;
	font-family: Roboto, sans-serif;
	font-size: .9em;
	color: white;
*	width: 50%;
	text-align: center;
	margin: 0;
	padding: 0;
*	display: inline;
}