body {background-color:#cce6ff;
	width:960px;
	margin:auto;}
.head{
margin:50px;
text-align:center;
color: darkblue;
}
.firstphoto{
  margin:0px auto;
  height:320px;
  width:900px;
}
.text{
text-align:center;
}
li {
float:left;
}
li a {
  display: block;
  padding: 8px;
  background-color: #333;
  color:white;
  padding:10px 100px;
  margin:auto;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
    background-color: #333;
}
li a:hover:not(.active) {
  background-color: darkblue;
}

/* Style the header */
header {
  background-color: #666;
  padding: 30px;
  text-align: center;
  font-size: 35px;
  color: darkblue;
  background-image:url("gateway_image.jpg");
  background-repeat:no-repeat;
}
article {position:relative; height:1200px; }
.pic1{position:absolute; top:400px; left:530px;}
.pic2{position:absolute; top:0px; left:530px;}
.pic3{position:absolute; top:220px; left:150px;}
.pic4{position:absolute; top:500px; left:150px;}
.pic5{position:absolute; top:5px; left:150px;}


nav{position:relative;
bottom:0px;}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  position:absolute; 
  bottom:40px;
}

td, th {
  border: 1px solid #000000;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #ff99cc;
}