/* 
 * style type="text/css"
 * gdps 2003-08-15 v 1.0 First written
 * mostly ripped from http://www.w3.org/Style/Examples/007/maps.html
 *
 * Example for useage:
 *
 * <div class="map">
 * <p id="p1"><a href="../../CSS/#news">What's new?</a>
 * <p id="p2"><a href="../../CSS/#learn">Learning CSS</a>
 * <p id="p3"><a href="../../CSS/#browsers">CSS Browsers</a>
 * <p id="p4"><a href="../../CSS/#editors">Authoring Tools</a>
 * <p id="p10"><a href="../../CSS/#specs">Specs</a>
 * <p id="p6"><a href="../../CSS/Test">CSS1 Test Suite</a>
 * <p id="p9"><a href="/StyleSheets/Core">W3C Core Styles</a>
 * <p id="p8"><a href="http://jigsaw.w3.org/css-validator/">CSS Validator</a>
 * </div>
 *
 */

/*
 * now implemented from W3C site's style (main version copied below)
 * the first linked .css is for Netscape 4 browsers;
 * this will be then overridden for other browsers with the second linked .css
 * this second link will not work for NS4 as the media=all will be unknown and rejected.
 *
<link href="http://www.w3.org/Style/map-ns.css" rel="stylesheet" type="text/css">
<link href="http://www.w3.org/Style/map.css" rel="stylesheet" type="text/css" media="all">

/******************************************************************** 
 * commented out (in case the above links are later binned by W3C ...
 */

DIV.map {                        /* Reserve some room for the links */
  padding-top: 196px;
  margin-left: 0em;             /* Adapt this to your own page...  - was -2em */
  margin-right: 0em;            /* Adapt this to your own page...  - was -2em */
  margin-bottom: 4em;
  margin-top: 5em;
  clear: both;
  text-shadow: 0.2em 0.2em /* 0.2em */ silver }

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10 {
  white-space: nowrap }
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10 {
  text-indent: 0 }
#p1 A, #p2 A, #p3 A, #p4 A, #p5 A, #p6 A, #p7 A, #p8 A, #p9 A, #p10 A {
  text-decoration: none;
   }
#p1 a:hover, #p2 a:hover, #p3 a:hover, #p4 a:hover, #p5 a:hover, 
#p6 a:hover, #p7 a:hover, #p8 a:hover, #p9 a:hover, #p10 a:hover {
   text-decoration: underline; 
   }
   

#p1, #p1 A   {color: #DDD; font: 24px/1 Impact, Helvetica Narrow, sans-serif} /* was 100px/l */
#p2, #p2 A   {color: #FFF; font: italic 28px/1 "Georgia", serif}
#p3, #p3 A   {color: #080; font: 30px/1 "Verdana", sans-serif}
#p4, #p4 A   {color: #088; font: bold 25px/1 Courier New, Courier, monospace}
#p5, #p5 A   {color: #37F; font: bold 50px/1 "Verdana", sans-serif} /* was 100px/l */
#p6, #p6 A   {color: #2CA; font: bold 40px/1 "Verdana", sans-serif; }
#p7, #p7 A   {color: #F73; font: bold oblique 25px/1 "Verdana", sans-serif}
#p8, #p8 A   {color: #088; font: italic 15px/1 "Verdana", sans-serif}
#p9, #p9 A   {color: #088; font: italic 220px/1 "Verdana", sans-serif}
#p10, #p10 A {color: #F73; font: bold 45px/1 "Verdana", sans-serif}

#p1  {text-align: center; margin: -200px 8% 165px 42%}   
#p2  {text-align: center; margin: -185px 45% 120px 0}  
#p3  {text-align: center; margin: -125px 30% 108px 10%} 
#p4  {text-align: right;  margin: -145px 5% 95px 0}   
#p5  {text-align: center; margin: -110px 5% 100px 40%}  
#p6  {text-align: right;  margin: -150px 10% 45px 35%}
#p7  {text-align: left;   margin: -58px 5% -50px 5%}      
#p8  {text-align: left;   margin: -40px 5% 85px 3%}   
#p9  {text-align: left;   margin: -25px 0% -205px 0}     
#p10 {text-align: left;   margin: -120px 5% 75px 0}