body {
  background-image: url("/assets/images/scroll_painting.jpg");
  background-attachment: fixed;
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: 69%; }

.page {
  width: 940px;
  margin: 0 auto;
  box-shadow: 0 -25px 20px 6px #666666; }

.pageHeader {
  height: 200px;
  background-color: #333339; }

.headerName {
  color: #ccffcc;
  font-family: "serif";
  font-size: 60;
  font-weight: bold;
  margin: 0;
  text-align: center;
  padding-top: 50px; }

.clear {
  clear: both; }

.content {
  border-radius: 0 0 10px 10px;
  background: white; }

#nav {
  font-size: 20;
  margin: 0;
  padding: 0;
  list-style: none; }
  #nav li {
    border-top: 8px solid #00aa99;
    border-right: 1px solid #444444;
    float: left;
    display: block;
    position: relative;
    width: 234px;
    z-index: 500;
    margin: 0;
    background: #9f8877;
    box-shadow: inset 0 -30px 15px -20px #444444; }
    #nav li a {
      font-family: "helvetica";
      font-weight: 900;
      padding: 13px 0 14px 0;
      display: block;
      text-align: center;
      text-decoration: none;
      color: white;
      text-shadow: 0 1px #333333; }
  #nav li:hover {
    background: #c4b289;
    box-shadow: none; }
  #nav li.selected {
    border-top: 8px solid #cc3a2b; }
  #nav li.selected a {
    color: #ffec96; }
  #nav ul {
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    display: none; }
    #nav ul li {
      border: none;
      box-shadow: none;
      width: 234px;
      float: left; }
      #nav ul li a {
        display: block; }