body{
  color: #faffaf;
}

@font-face {
  font-family: Segoe Script;
  src: url(SEGOESCB.TTF) format('truetype');
}


h1 {
  text-align: center;
  color: #2A2929;
  font-family: Segoe Script;
  padding-top: 20px;
  padding-bottom: 0px;
  font-size: 65px;
  letter-spacing: 4;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}


li {
    display: inline;
    margin-right: 80px;
    margin-left: 80px;
    margin-bottom: 10px;
}

ul li{
  text-align: center;
}

li a{
text-decoration: none;
color: #95989A;
font-family: Prestige Elite Std;
font-size: 20px;

}

.description {
  font-family: georgia;
  font-size: 20px;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: left;
  width: 95%;
  line-height: 1.8;
}

.descriptionPara{
  font-family: georgia;
  font-size: 20px;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: left;
  width: 95%;
  line-height: 1.8;
}

.title {
  text-align: center;
  font-family: Adobe Gothic Std;
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.name {
  width: 100%;
  text-align: center;
  font-size: 20;
  font-family: georgia;
  letter-spacing: 1pt;
}

.bio {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  word-break: keep-all;
  line-height: 1.8;
  letter-spacing: 0.2;
}

.team, .Sources{
  width: 600px;
  margin: 0 auto;
}

.SourceName {
  width: 100%;
  text-align: center;
  font-size: 20;
  font-family: Adobe Gothic Std;
  letter-spacing: 0.5pt;
  padding-top: 10pt;
  font-weight: bolder;
  color:#262626;
}

.SourceDescription {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  word-break: keep-all;
  line-height: 1.8;
  letter-spacing: 0.2;
}


.mapDetails, .mapContainer{
  display: inline;
}

.parentContainer{
  padding-top: 20pt;
}

.mapDetails{
  float:left;
  margin:0;
  width: 600px;
  text-align: center;
}

.answer{
  font-size: 18;
  font-family: georgia;
}

.dataDescription{
  padding: 20pt;
}

.mapContainer{
  width: 300px;

}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* basic positioning */
.colorKey {
  list-style: none;
  font-size: 20px;
  font-style: Georgia;
  padding-right: 25pt;
  padding-bottom: 40pt;
}

.colorKey li {
  float: right;
   margin-right: 10px;
 }

.colorKey span { border: 1px solid #ccc; float: right; width: 40px; height: 18px; margin: 3px; }
/* your colors */
.colorKey .greenKey { background-color: green; }
.colorKey .yellowKey { background-color: yellow; }
.colorKey .redKey { background-color: red; }


.front, .side {
  display: inline-block;
}
.side{
  float: right;
}

.down, .angle{
  display:inline-block;
}

.down{
  float: right;
}

.image {
   position: relative;
   width: 100%; /* for IE 6 */
}

.headText {
   position: absolute;
   top: 600px;
   left: 0;
   width: 100%;
}

.headText span {
   color: white;
   font: bold 24px/45px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px;
}

.headText span.spacer {
   padding:0 8px;
}

.banner {
   position: relative;
   width: 100%; /* for IE 6 */
}

.bannerText {
   position: absolute;
   top: 80px;
   left: 0;
   width: 100%;
   text-align: center
}

.bannerText span {
   color: white;
   font: bold 24px/45px Helvetica, Sans-Serif;
   letter-spacing: 1px;
   padding-left: 10px;
   padding-right: 20px;
   background: light blue;
   padding: 10px;
}