html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
.red {color:#FF0000;}
body {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background-image: url(../../images/background/ryan4-23-23.jpg);
	background-repeat: no-repeat;
	background-position:centers;
	background-size:cover;
	background-attachment:fixed;
	background-color:#000000;
	
}
h1 {
  color: #8281d1;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
h2 {
  color: #8281d1;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
a,  a:link {
  color: #da4d33;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #5f519e;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #b92200;
  text-decoration: underline;
}
a:focus {
  color: #b92200;
}
a:active {
  color: #392f69;
}
/*#outerWrapper {
  margin: 0 auto 0 auto;
  text-align: left;
  width: 100%;
}
#outerWrapper #topNavigation {
  background-color: #f4f2fc;
  border-bottom: solid 1px #a8a2d1;
  height: 25px;
  padding: 10px 10px 10px 10px;
}
#outerWrapper #contentWrapper #content {
	background-image:url(../../images/background/ryan4-23-23.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
  margin: 0 0 0 0;
  padding: 10px 10px 10px 10px;
}
#navnew {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	opacity:30%;
	z-index:1;

}*/
#container {
  position:absolute;
  width: 100%;
  height: 30%;
}
#block {
  background: #333;
  filter: alpha(opacity=60);
  /* IE */
  -moz-opacity: 0.6;
  /* Mozilla */
  opacity: 0.6;
  /* CSS3 */
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#headtxt {
	position: absolute;
  top: 8%;
  left: 0%;
  width: 100%;
  height: 100%;
  font-family:"Times New Roman", Times, serif;
  font-size:28px;
  line-height:32px
}

#text {
  position: absolute;
  top: 25%;
  left: 0%;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 320px)
and (max-width: 860px) {
h1 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
}
a,  a:link {
  color: #FF0000;
  font-weight: bold;
  text-decoration:underline;
}
a:hover {
  color: #ffffff;
  text-decoration: underline;
}
a:visited {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #ffffff;
  text-decoration: underline;
}
a:focus {
  color: #ff0000;
}
a:active {
  color: #ffffff;
}
#apDiv1 {
	position:absolute;
	left:0%; top:30%;
	padding:10px;
	color:#000000;
	background-color:#90ee90; opacity:60%;
	width: 96%;
	height: 50%;
	overflow:scroll;
	z-index:1;
	font-weight:bold;
	/*text-align:justify;*/
}	
#text a, a:link {color: #ffffff;
  text-decoration: none;
  padding:10px;
  border:thin color:;
  margin:5px;
}	
#footer {
	position:fixed;
	top:85%; left:0%;
	background-color:#666666; 
	width: 100%;
	height:100px;
	padding:30px;
}
#footer a {color:#ffffff; }
#footer a:hover {color:#F00; text-decoration:underline;margin-bottom:15px;}


}