body>div#Menu,
body>div.map { position: fixed }
/* Local navigation menu, along the right side */

div#Menu,
div.map { 
  position: absolute;
  width: 11em; height: auto;
  top: 0em; right: 1em; bottom: 0.15em; left: auto;
  background: #EEF url('images/orsoban3_copia_mini.jpg') top center no-repeat;
  border-left: 1px dashed navy;
  border-right: 1px dashed navy; }
div#Menu p.navhead, div#Menu a,
div.map p, div.map li, div.map h2 {
  display: block;
  font-size: 90%;
  margin: 0em 1.63em 0.74em -0.9em;
  padding: 0.42em 1em;
  text-indent: 0;
  text-align: right;
  background: #98f;
  color: white;
  border-right: 1px dashed navy;
  list-style: none }		/* Remove triangle from H2 */
div.map li li {			/* Nested LIs don't get the dogear */
  margin: 0;
  padding: 0;
  line-height: 100%;
  background: #ff7;
  color: white}
div.map > ul {
  margin: 0;
  padding: 0 }
div#Menu p.navhead {
  font-weight: bold }
div#Menu a:link, div#Menu a:visited,
div.map a:link, div.map a:visited {
  font-style: italic;
  text-decoration: none;
  color: white }
div.map a:hover {
  text-decoration: overline underline; 
  background: #FEF;
  color: #002599; }
div#Menu:before,
div.map:before {
  content: "narrative";
  display: block;
  margin-top: 4.2em;
  margin-bottom: 1em;
  padding: 0.75em 1.75em;
  color: #002599;
  font-family: zapfino, cursive;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0em;
  text-decoration: overline underline; }
div#Menu:after,
div.map:after {
  content: "powered by myself";
  display: block;
  margin-top: 7.4em;
  margin-bottom: 0.55em;
  padding: 0em 0.5em;
  color: #005522;
  font-family: arial, sans-serif;
  font-size: 80%;
  font-weight: normal;
  text-align: right;
  letter-spacing: 0em; }