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

  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="linkarea">
      <P ID="p1"><A HREF="...">...</A></P>
      <P ID="p2"><A HREF="...">...</A></P>
      <P ID="p3"><A HREF="...">...</A></P>
      ...
    </DIV>

  The following works more or less, but see map.css for a better way.

*/

DIV.map {margin: 140px -7% 4em 0}

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10 {white-space: nowrap}
#p1 A, #p2 A, #p3 A, #p4 A, #p5 A, #p6 A, #p7 A, #p8 A, #p9 A, #p10 A {text-decoration: none}

/* Adjusts font properties */
#p1, #p1 A {color: #C0C0C0; font: 90px/1 "Impact", sans-serif}
#p2, #p2 A {color: #FFFF00; font: bold 42px/1 "Goudy Old Style", serif}
#p3, #p3 A {color: #BC0307; font: bold 40px/1 "Courier New", "Courier", monospace; line-height: 80%}
#p4, #p4 A {color: #37F; font: bold 40px/1 "Courier New", "Courier", monospace; line-height: 80%}
#p5, #p5 A {color: #F73; font: bold 100px/1 "Verdana", sans-serif}
#p6, #p6 A {color: #22A; font: bold 25px/1 "Verdana", sans-serif}
#p7, #p7 A {color: #088; font: italic 80px/1 "Verdana", sans-serif}
#p8, #p8 A {color: #088; font: italic 20px/1 "Verdana", sans-serif}
#p9, #p9 A {color: #088; font: italic 20px/1 "Verdana", sans-serif}
#p10, #p10 A {color: #F73; font: bold 60px/1 "Verdana", sans-serif}

/* Adjust location on page        top    right  bottom  left*/
#p1 {text-align: left;   margin: -165px  0      0       -5px}	/* top right */
#p2 {text-align: left;   margin: -110px   0      0       50px}	/* top left */
#p3 {text-align: left;   margin: -15px   0      20px	     0} 	/* center */
#p4 {text-align: right;  margin: -15px   0	10px     -40px}		/* center right */
#p5 {text-align: left;   margin: -50px   0      40px     0}		/* center left */
#p6 {text-align: center; margin: -40px   0      15px     0}	      /* bottom center */
#p7 {text-align: right;  margin: -90px   0      10px     0}	      /* bottom right */
#p8 {text-align: left;   margin: -40px   0      20px     3%}	/* bottom left */
#p9 {text-align: right;  margin: -25px   0      5px      0}	      /* bottom right */
#p10 {text-align: left;  margin: -120px  0      70px     0}	      /* center left */