ul.menu {
  list-style: none;
  color: orange;
  border-buttom: thick solid #ffccff;
  width:100%;
  margin: 2% 0;
  margin-left: 20%;
}

ul.menu li {
  float: left;
}

ul.menu a {
  display: block;
  padding: 2px 20px;
  color: #E6E6FA;
  text-decoration: none;
}

.menu a:hover {
  background-color: orange;
  color: #CFF;
}
#self {
  color: #CCFFFF;
  background-color: #7F6636;
}

html {
  background-color:black;
}
body {
  color: #C4C4C4;
  font: medium "Trebuchet MS", trebuchet, verdana, sans-serif;
  margin: 2% 8%;
}

h2 {
   color: orange;
   float:left;
   width:20%;
   position: absolute;
   top:0%;
}

h4 {
  color: #CCFFFF;
}

#text {
  position: relative;
  top: 300px;
}

img {
  position: absolute;
}

#img2 {
  left: 378px;
}

#img5 {
  left: 885px;
}

#img7 {
  left: 725px;
}
#contents_people{
  position: absolute;
  top: 20%;
  font: large;
}
#contents_people ul {
  list-style-type: none;
}

#img3 {
  top: 1070px;
}

#img4 {
  top: 1070px;
  left:350px;
}

#img6 {
  top: 1070px;
  left: 611px;
}
span {
  color: #CCFFFF;
}
#alumni {
  font-size: 14px;
}