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

  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.
*/

div.map {			/* Reserve some room for the links */
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 10%;
  margin-right: 10%;
  /* width: 100%; */
  margin-bottom: 10%;
  margin-top: 10%;
  clear: both;
}

#p1 a, #p2 a, #p3 a, #p4 a, #p5 a, #p6 a, #p7 a, #p8 a, #p9 a, #p10 a, #p11 a, #p12 a, #p13 a, #p14 a, #p15 a, #p16 a {text-decoration: none;}

#p1, #p1 a {color: #DDD; font: 35px/1 "Impact", "Helvetica Narrow", sans-serif}
#p2, #p2 a {color: #DDD; font: italic 20px/1 "Georgia", serif}
#p3, #p3 a {color: #DDD; font: 20px/1 "Verdana", sans-serif}
#p4, #p4 a {color: #DDD; font: bold 20px/1 "Courier New", "Courier", monospace}
#p5, #p5 a {color: #DDD; font: bold 40px/1 "Verdana", sans-serif}
#p6, #p6 a {color: #DDD; font: bold 16px/1 "Verdana", sans-serif}
#p7, #p7 a {color: #DDD; font: italic 30px/1 "Verdana", sans-serif}
#p8, #p8 a {color: #DDD; font: italic 15px/1 "Verdana", sans-serif}
#p9, #p9 a {color: #DDD; font: italic 15px/1 "Verdana", sans-serif}
#p10, #p10 a {color: #DDD; font: bold 25px/1 "Verdana", sans-serif}
#p11, #p11 a {color: #DDD; font: 50px/1 "Impact", "Helvetica Narrow", sans-serif}
#p12, #p12 a {color: #DDD; font: italic 20px/1 "Georgia", serif}
#p13, #p13 a {color: #DDD; font: 20px/1 "Verdana", sans-serif}
#p14, #p14 a {color: #DDD; font: bold 20px/1 "Courier New", "Courier", monospace}
#p15, #p15 a {color: #DDD; font: bold 40px/1 "Verdana", sans-serif}
#p16, #p16 a {color: #DDD; font: bold 10px/1 "Verdana", sans-serif}

#p1 {text-align: right;  margin: -15px 0 85px 0}	/* top right */
#p2 {text-align: left;   margin: -10px 0 50px 5%}	/* top left */
#p3 {text-align: right;  margin: -87px 35% 47px 0}	/* center */
#p4 {text-align: right;  margin: -19px 0 58px 0}	/* center right */
#p5 {text-align: left;   margin: -30px 0 30px 0}	/* center left */
#p6 {text-align: left;   margin: -40px 0 15px 35%}	/* bottom center */
#p7 {text-align: right;  margin: -10px 0 0px 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: -130px 0 70px 0}	/* center left */
#p11 {text-align: right;  margin: -10px 0 45px 0}	/* top right */
#p12 {text-align: left;   margin: -10px 0 10px 5%}	/* top left */
#p13 {text-align: right;  margin: -8px 35% 47px 0}	/* center */
#p14 {text-align: right;  margin: -9px 0 58px 0}	/* center right */
#p15 {text-align: left;   margin: -10px 0 3px 0}	/* center left */
#p16 {text-align: left;   margin: -100px 0 3px 0}	/* center left */

#pd1 a, #pd2 a, #pd3 a, #pd4 a, #pd5 a, #pd6 a, #pd7 a, #pd8 a, #pd9 a, #pd10 a, #pd11 a, #pd12 a, #pd13 a, #pd14 a, #pd15 a, #pd16 a {text-decoration: none;}

#pd1, #pd1 a {color: #DDD; font: 35px/1 "Impact", "Helvetica Narrow", sans-serif}
#pd2, #pd2 a {color: #DDD; font: italic 20px/1 "Georgia", serif}
#pd3, #pd3 a {color: #DDD; font: 20px/1 "Verdana", sans-serif}
#pd4, #pd4 a {color: #DDD; font: bold 20px/1 "Courier New", "Courier", monospace}
#pd5, #pd5 a {color: #DDD; font: bold 40px/1 "Verdana", sans-serif}
#pd6, #pd6 a {color: #DDD; font: bold 16px/1 "Verdana", sans-serif}
#pd7, #pd7 a {color: #DDD; font: italic 30px/1 "Verdana", sans-serif}
#pd8, #pd8 a {color: #DDD; font: italic 15px/1 "Verdana", sans-serif}
#pd9, #pd9 a {color: #DDD; font: italic 15px/1 "Verdana", sans-serif}
#pd10, #pd10 a {color: #DDD; font: bold 25px/1 "Verdana", sans-serif}
#pd11, #pd11 a {color: #DDD; font: 50px/1 "Impact", "Helvetica Narrow", sans-serif}
#pd12, #pd12 a {color: #DDD; font: italic 20px/1 "Georgia", serif}
#pd13, #pd13 a {color: #DDD; font: 20px/1 "Verdana", sans-serif}
#pd14, #pd14 a {color: #DDD; font: bold 20px/1 "Courier New", "Courier", monospace}
#pd15, #pd15 a {color: #DDD; font: bold 40px/1 "Verdana", sans-serif}
#pd16, #pd16 a {color: #DDD; font: bold 10px/1 "Verdana", sans-serif}

#pd1 {text-align: right;  margin: -15px 0 85px 0}	/* top right */
#pd2 {text-align: left;   margin: -10px 0 50px 5%}	/* top left */
#pd3 {text-align: right;  margin: -87px 35% 47px 0}	/* center */
#pd4 {text-align: right;  margin: -9px 0 58px 0}	/* center right */
#pd5 {text-align: left;   margin: -30px 0 30px 0}	/* center left */
#pd6 {text-align: left;   margin: -40px 0 15px 35%}	/* bottom center */
#pd7 {text-align: right;  margin: -10px 0 0px 0}		/* bottom right */
#pd8 {text-align: left;   margin: -40px 0 20px 3%}	/* bottom left */
#pd9 {text-align: right;  margin: -25px 0 5px 0}		/* bottom right */
#pd10 {text-align: left;   margin: -130px 0 70px 0}	/* center left */
#pd11 {text-align: right;  margin: -10px 0 45px 0}	/* top right */
#pd12 {text-align: left;   margin: -10px 0 10px 5%}	/* top left */
#pd13 {text-align: right;  margin: -8px 35% 47px 0}	/* center */
#pd14 {text-align: right;  margin: -9px 0 58px 0}	/* center right */
#pd15 {text-align: left;   margin: -10px 0 3px 0}	/* center left */
#pd16 {text-align: left;   margin: -100px 0 3px 0}	/* center left */