body {
  font-family: sans-serif;
}

a {
  border: 0px;
  color:  #00f;
}
a:visited {
  color:  #00f;
}
img {
  border: 0px;
}

a.selected {
  font-weight: bold;
}

img.spacer {
  width:       100%;
  visibility:  hidden;
}

img.filler {
  width:      100%;
  height:     100%;
}

div#leftpage {
  position:  absolute;
  width:     50%;
  left:	     0px;
  top:	     10px;
}

div#rightpage {
  position:  absolute;
  width:     50%;
  right:     0px;
  top:	     10px;
}

img#leftphoto {
  position:  absolute;
  top:	     0px;
  right:     5%;
}

img#rightphoto {
  position:  absolute;
  top:	     0px;
  left:	     5%;
}

a#leftanchor {
  position:  absolute;
  left:	     0px;
  width:     50%;
  height:    100%;
  z-index:   2;
}

a#leftanchor:hover {
  background:url('left-arrow.png') no-repeat left;
}

a#leftanchor:active {
  background:url('left-arrow-i.png') no-repeat left;
}

a#rightanchor {
  position:  absolute;
  right:     0px;
  width:     50%;
  height:    100%;
  z-index:   2;
}

a#rightanchor:hover {
  background:url('right-arrow.png') no-repeat right;
}

a#rightanchor:active {
  background:url('right-arrow-i.png') no-repeat right;
}

div#topdiv {
  position:  absolute;
  top:	     0px;
  width:     100%;
}

a#topanchor {
  position:  absolute;
  top:	     0px;
  width:     100%;
  height:    180px;
  z-index:   1;
}

a#topanchor:hover {
  background:url('up-arrow.png') no-repeat top;
}

a#topanchor:active {
  background:url('up-arrow-i.png') no-repeat top;
}

img#topspacer {
  width:     100%;
  height:    180px;
}

div.insert {
  position:  absolute;
  background-color: #eee;
  padding:   20px;
}

div#left-insert {
  right:     5%;
}
div#right-insert {
  left:     5%;
}