a:link, a:visited, a:active {
  text-decoration: none;
  color: cyan;
  color: #eaadea;
}

body {
  background: black;
  color: white;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
}

.navNumber {
  font-family: arial, sans-serif;
  font-style: normal;
  font-size: 10px;
}

.navIndicator {
  left: 0;
  top: -6;}

.navigate {
  top: 10;
  left: 0;
  width: 100;
}

#prevID, #nextID {
  position: absolute;
  left: 570;
  width: 20;
  height: 20;
}

#prevID {
  top: 10;
}

#nextID {
  top: 390;
}

.text {
  position: absolute;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-top: 10;
  left: 100;
  width: 500;
  top: 0;
  height: 420;
  text-align: justify;
  font-family: helvetica, sans-serif;
  font-style: normal;
  color: silver;
  font-size: 14px;
}

.heading {
  text-align: center;
  font-size: 20px;
}

#Introduction .text {
  padding-left: 30;
  width: 460;
  font-size: 14px;
  top: 10;
}

#Chrissy .text, #Julia .text {
  left: 110;
  width: 470;
}

#Luke .text {
  position: absolute;
  left: 310;
  width: 280;
  top: 10;
}

#Luke .heading {
  padding-bottom: 5;
}

#Emma .text {
  top: 20;
  left: 100;
  width: 185;
  color: white;
}

.smaller {
  text-align: center;
  font-size: 12px;
}

#Susan .text {
  padding-top: 5;
  color: white;
}

#Susan a:link, #Susan a:visited, #Susan a:active {
  color: yellow;
}

#Andrew a:link, #Andrew a:visited, #Andrew a:active {
  color: #9932cd;
}

#Susan .text .textLeft {
  position: absolute;
  left: 20;
  width: 230;
  top: 35;
  text-align: justify;
}

#Susan .text .textLeft .narrow {
  width: 150;
}

#Susan .text .textRight {
  position: absolute;
  left: 350;
  width: 120;
  top: 300;
  color: white;
}

#Kate .text {
  top: 50;
  color: white;
  padding-left: 15;
  width: 280;
  color: yellow;
}

#Kate .text .narrow {
  width: 230;
}

#Kate a:link, #Kate a:visited, #Kate a:active {
  color: #ffc800;
}

#Hector .text {
  left: 393;
  padding-left: 10;
  width: 192;
}

#Hector #hectorCredit {
  position: absolute;
  visibility: hidden;
  top: 390;
  left: 5;
  width: 90;
  text-align: right;
  font-family: helvetica, sans-serif;
  font-style: normal;
  font-size: 11px;
  color: gray;
}

#Amy .text td {
  font-family: helvetica, sans-serif;
  font-style: normal;
  font-size: 14px;
  padding: 10 0 10 0;
  color: silver;
}

#Andrew .text {
  left: 150;
  padding-top: 210;
  width: 290;
  color: black;
}

#Matt .text {
  position: absolute;
  left: 330;
  width: 260;
  top: 0;
}

#Matt .heading {
  padding-bottom: 5;
}

#Bernard .text {
  left: 110;
  padding-top: 310;
  width: 170;
  color: yellow;
}

#Julia .text {
  width: 270;
}

#Liz .text {
  left: 100;
  width: 170;
}

#Liz #lizCredit {
  position: absolute;
  visibility: hidden;
  top: 390;
  left: 0;
  width: 270;
  text-align: right;
  font-family: helvetica, sans-serif;
  font-style: normal;
  font-size: 11px;
  color: gray;
}

#Madeleine .text {
  color: pink;
}

#Madeleine .text .aside {
  font-size: 12px;
  text-align: center;
}  

#Madeleine .text .aside, #Madeleine .text .textLeft {
  padding-left: 20;
  padding-right: 20;
}

#Madeleine .text .textRight {
  position: absolute;
  left: 297;
  top: 230;
  width: 185;
  color: black;
}

#Phil .text {
  top:10;
  left: 320;
  width: 230;
  color: white;
}

#Bron .text {
  top: 285;
  left: 360;
  width: 175;
  color: black;
}

#Peter .text {
  top: 10;
  left: 300;
  width: 280;
  color: white;
}

#Patrick .text {
  top: 5;
  left: 360;
  width: 220;
  color: white;
}

#Patrick .heading {
  text-align: left;
  padding-bottom: 10;
}

#Patrick .textleft {
  padding-bottom: 5;
}

#Patrick .textright {
  padding-left: 60;
}

#Bernard a:link, #Bernard a:visited, #Bernard a:active {
  color: #c0ff00;
}

#Susan .picture, #Kate .picture, #Andrew .picture, #Bernard .picture, #Hector .picture, #Luke .picture, #Matt .picture, #Julia .picture, #Liz .picture, #Madeleine .picture, #Phil .picture, #Bron .picture, #Patrick .picture {
  position: absolute;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  top: 0;
  left: 100;
}

#Andrew .picture {
  left: 130;
}

#Luke .picture {
  top: 60;
}

#Matt .picture {
  top: 60;
}

#Julia .picture {
  top: 85;
  left: 395;
}

#Bron .picture {
  top: 0;
  left: 210;
}

#Introduction .picture {
  text-align: center;
}

#Liz .picture {
  left: 280;
}

#Patrick .picture {
  left: 0;
}