/* online map screen styles */

<style type="text/css" media="screen, tv, tty">
  body {font-family: sans-serif; background-image: url("paper.jpg")}
  a:link {color: blue}
  a:hover {color: red}
  a:visited {color: green}
  a:active {color: black}
  #link {text-decoration: none}
  #link a {text-decoration: none}
  #link a:hover {text-decoration: none}
  #link a:visited {text-decoration: none}
  #link a:active {text-decoration: none}
  #links a {text-decoration: none}
  #links a:hover {text-decoration: none}
  #links a:visited {text-decoration: none}
  #links a:active {text-decoration: none}
  #img {border-width: 0}
  #summary {position: absolute; top: 400px; width: 550px}
  #instruction {position: relative; top: 20px; width: 600px; color: blue; style: bold}
  #online_map {position: absolute; left: 5px; top: 5px}
  #lpmap {position: absolute; left: 0px; top: 0px; height: 294px;
  		width: 600px; z-index: 1}

  .notes p {margin: 5px; font-size: 8pt; color: white; text-decoration: none}
  .notes p span {color: yellow}
  .notes a {background: blue; text-color: white; width: 20px;
         height: 20px; overflow: hidden; z-index: 2}
  .notes a:hover {width: 150px; height: 170px; overflow: visible; z-index: 3}

  #point1 {position: absolute; left: 420px; top: 360px}
  #point2 {position: absolute; left: 440px; top: 300px}
  #point3 {position: absolute; left: 405px; top: 430px}
  #point4 {position: absolute; left: 190px; top: 220px}
  #point5 {position: absolute; left: 70px; top: 305px}
  #point6 {position: absolute; left: 50px; top: 320px}
  span {color: brown; align: center}
  h3 span {color: brown; align: center}
  h6 span {color: blue; align: center}