html {
  height: 100%;
  width: 100%;
  margin:0 auto;
  background: #FFFFCC;
  border:10px solid #FFFFCC;
}

body {
  margin: 0;
  padding: 0;
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  background-color: #FFFFCC;
}
#wrapper {
  position: relative;
  width: 760px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1em;
}
/* Heading banner section at top of page */
#header {
  background-image: url(images/divinity_header1.gif);
  background-repeat: no-repeat;
  height: 200px;
  position: relative;
}
#header h1 {
  margin: 0;
  padding: 0.3em 10px 0.3em 0;
  text-align: right;
  width: 750px;
  font-weight: normal;
  color: #FFFFFF;
  font-size: 190%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(images/black80percent.png);
}
/* Images floated to the right of a section */
.right-floater {
float:right;
margin-left:0.5em;
}
#content {
  margin-left: 250px;
  width: 500px;
  padding: 0 10px 0 0;
}
#content h2 {
  font-size: 120%;
  color: #993333;
  background-color: transparent;
  margin: 0;
  padding: 1.4em 0 0 0;
}
#content p {
  font-size: 100%;
  line-height: 1.6;
}
/*
#content img {
  border:5px solid #993333;
}
*/
#content tr {
  font-size: 80%;
}
#nav {
  position: absolute;
  top: 200px;
  left: 0;
  width: 230px;
}
#nav ul {
  list-style: none;
  margin: 3em 0 0 0;
  padding: 0;
  border: none;
}
#nav li {
  font-size: 105%;
  font-weight:bold;
}
#nav a:link, #nav a:visited {
  color: #555555;
  background-color: transparent;
  display: block;
  padding: 1em 0 0 10px;
  text-decoration: none;
  min-height: 40px;
}
#nav a:hover, #nav li.cur a:link, #nav li.cur a:visited {
  color: #FFFFFF;
  background-image: url(images/arrow.jpg);
  background-repeat: no-repeat;
}