html, body {
  margin:0;
  padding:0;
  background:#000000;
  color:#ffffff;
  font-family:"Times New Roman",Times,Serif;
}

h1 {
  margin:10px 0 15px;
  text-align:center;
}

p {
  margin:0 0 1em 0;
}

#navField {
  padding:5px 0;
  background:#333333;
}

#nav {
  width:900px;
  margin:0 auto;
  text-align:right;
}

#position {
  float:left;
  padding-left:10px;
  font-size:1.1em;
}

#slideshow {
  position:relative;
  margin:0 auto;
  width:900px;
  height:600px;
}

#slideshow.loading {
  background:url(loader.gif) no-repeat center;
}

.slide {
  position:absolute;
  top:0;
  left:0;
  display:none;
  width:900px;
  background:#000000;
}

.slide img {
  display:block;
  margin:0 auto 10px;
}

.slide div.caption {
  width:900px;
  margin:0 auto 10px;
  font-size:1.1em;
}

a:link, a:visited, a:hover, a:active {
  color:#ffffff;
  text-decoration:underline;
}

#playButton, #next, #prev {
  display:inline-block;
  width:18px;
  height:18px;
  margin:0 10px;
  padding:2px 5px;
  vertical-align:middle;
  cursor:pointer;
}

#next {
  background:#000000 url(next.png) no-repeat center;
}

#prev {
  background:#000000 url(prev.png) no-repeat center;
}

.play {
  background:#000000 url(play.png) no-repeat center;
}

.pause {
  background:#000000 url(pause.png) no-repeat center;
}