/* CSS Document */

body {
margin:0;
padding:0;
font-family: 'PT Sans', sans-serif;
font-weight: 500;
font-style: normal;
max-width: 660px;
}
#header {
background-image:url(BkgrdHeader.png);
background-repeat:no-repeat;
background-position: top;
background-attachment:scroll;
height:450px;
z-index: 0;
position: relative;

}
#container {
margin-top:-375px;
position: sticky;
max-width:1208px;
padding: 1px 13%;
}
#container a {text-decoration: none; color: #0033AB;}
#container a:active {text-decoration: underline; color:#3366CC;}
#container a:visited {text-decoration: none; color: #0033AB;}
#container a:hover {text-decoration: underline; color:#3366CC;}

#container p { margin: 25px 0; font-size:larger;}
.headerimg {width:97%; height:auto;}
.iconimg {width:74%; height:auto; }
.textimg {margin:15px; max-width:350px;  }

h2 {font-family: itc-american-typewriter, serif;}
h4 {font-family: itc-american-typewriter, serif; font-weight:normal;}

#footer_container {}
#footer1_container {font-size: medium;
	border-top: 0 solid transparent;
    padding: 15px; }
	
#footer1 {margin-top:200px;}
			
#sitebyISI { font-size: x-small; padding-bottom: 4px; padding-top: 5px; text-align:center; color: #000; font-family: itc-american-typewriter, serif;}
#footer1_container a, #footer_container a, #sitebyISI a {text-decoration: none; color: #1DAF4F; font-family: itc-american-typewriter, serif;}
#footer1_container a:active, #footer_container a:active, #sitebyISI a:active {text-decoration: none; color:#000; font-family: itc-american-typewriter, serif;}
#footer1_container a:visited, #footer_container a:visited, #sitebyISI a:visited {text-decoration: none; color: #1DAF4F; font-family: itc-american-typewriter, serif;}
#footer1_container a:hover, #footer_container a:hover, #sitebyISI a:hover {text-decoration: none; color:#000;font-family: itc-american-typewriter, serif; }

#footerbg { 
background-image:url(BkgrdFooter.png);
background-repeat:no-repeat;
background-position: bottom;
height:450px;
}


/* PARALLAX */

.keyart, .keyart_layer {
	height: 3000px;
	position: absolute;
	z-index: 0;
}

#parallax { 	
}
#nonparallax {
	display: block;
}

.keyart {
	position: relative;
	z-index: 0;
}

.keyart_layer {
	background-position: bottom center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 100%;
	position: absolute;
}
.keyart_layer.parallax {
	position: fixed;
}
	#keyart-0 {
		background-image: url('BkgrdCyan.png');
	}
	#keyart-1 {
		background-image: url('BkgrdGreen.png');
	}
	#keyart-2 {
		background-image: url('BkgrdMagenta.png');
	}
	#keyart-3 {
		background-image: url('BkgrdYelo.png');
	}
	#keyart-4 {
		background-image: url('BkgrdCyan.png');
	}
	#keyart-5 {
		background-image: url('BkgrdGreen.png');
	}
	#keyart-6 {
		background-image: url('BkgrdMagenta.png');
	}
	#keyart-7 {
		background-image: url('BkgrdYelo.png');
	}

#maincontain {z-index:2; position: absolute; margin: 0; top:0; width:100%;}

#navbar {
  overflow: hidden;
  background: none;
  background-color:#FFFFFF;
  background-image:url(BkgrdCyan.png);
  position: fixed;
  z-index:5;
  width: 100%;
}

#navbar a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background: none;
  color: black;
}

#navbar a.active {
  background: none;
  color: white;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

@media screen and (max-width: 1020px) {
  #navbar img {
    width: 80%;
  }
}
@media screen and (max-width: 950px) {
  #container {
  margin-top: -275px;
  }
}