/* 
	The following css file has been pulled from the w3c Web site (www.w3c.org)
	
	I have changed it considerably, but left the original comments except of the
	ones that concerned the text placement, as this has changed.
	
	Please be aware of the following: the text will layer across each other, with
	the first line being at the bottom.  Also, the position is relative to the 
	previous line, not absolute, so you should play with it a little bit to find 
	out a combination you like.
*/

/*
  Author: Bert Bos <bert@w3.org> (Adapted from work by Håkon Wium Lie)
  Created: 17 August 1999
  Version: $Revision: 1.10 $

  The following section creates a set of partially overlapping
  headlines in different colors and font families. Negative
  margin values must be set on block-level elements to have an
  effect - in this document P elements are used and the selectors
  are named '#p*'.

  The source will look like this:

    <DIV CLASS="map">
      <P ID="p1"><A HREF="...">...</A></P>
      <P ID="p2"><A HREF="...">...</A></P>
      <P ID="p3"><A HREF="...">...</A></P>
      ...
    </DIV>

  This works by setting an offset from the bottom of the link area.
  The height of the line plus the bottom margin are equal to the top margin,
  so the line doesn't contribute to the height of its parent in any way.
*/

BODY {
	background-color: black;

	color: #DDD;
}
	

DIV.map {			/* Reserve some room for the links */
  padding-top: 20px;
  padding-left: 50px;
  margin-left: -4%;
  margin-right: -6em;
  /* width: 100%; */
  margin-bottom: 4em;
  margin-top: 5em;
  clear: both;
  text-shadow: 0.2em 0.2em /* 0.2em */ silver;
}


#p1 {margin: 0px 0 0 200px}
#p2 {margin: -10px 0 0 80}
#p3 {margin: -150px 20% 47px 350px}
#p4 {margin: -30px 20% 58px 120px}
#p5 {margin: -170px 30% 30px 280px}
#p6 {margin: -10px 0 15px 5%}
#p7 {margin: -70px 0 0px 5%}
#p8 {margin: 10px 0 0px 20%}
#p9 { margin: 0px 0 5px 3%}
#p10 {margin: 130px 0 -90px 50%}/