body { /* Everything within the html body. */
  font-family: arial, helvetica, sans-serif; /* Fonts you want to use, in order */
  font-size: 12px; /* Size of text. */
  color: #8b93ab; /* Colour of normal text */
  border: 0px; /* Zero bordering on tables, paragraphs and list items. */
  padding: 0px; /* Zero bordering on aforementioned. */

  /* This will set the background colour to be 
	 consistent on all browsers - Netscape uses a
	 grey background as default. */
  background-image: url(../images/bgcolour.jpg);
}

a:link { /* all links */
  text-decoration: none; /* Don't allow links to discolour after being visited. */
  color: #FFFFFF; /* White links */
}

a:visited { /* all visited links */
  text-decoration: none; 
  color: #FFFFFF; 
}

a:hover { /* links your mouse is over */
  /* When you put your mouse over a link, this is the 
	 colour that it'll show up as. */
  color: #8b93ab; 
}

/* This allows all images to pack together. */
a img {
  border: none;
}

/* This class centers, horizontally and vertical, the outer most div. */
.centring {
  position:absolute;
  top: 50%;
  left: 50%;
  width: 775px; /* This should be the aggregate width size of the images. */
  height: 442px; /* This should be the aggregate height size of the images. */
  margin-top: -221px; /* set to a negative number 1/2 of your height */
  margin-left: -387px; /* set to a negative number 1/2 of your width */
}

/* The centralPane class corresponds to the main textual content. */
.centralPane {
  position: absolute; 
  background-image: url(../images/bg.jpg); /* Background image for text. */
  width: 334px; /* Width of the bg.jpg */
  height: 304px; /* Height of the bg.jpg */
  left: 159px; /* Width of profile.jpg */
}

/* W3C logo link class */
.valid {
  /* Push to the left of screen. */
  float: left;
}