/**
 * This CSS file is just for the splash page. The crap here will be so unique, that I don't see
 * why spreading this to other pages would be needed.
 **/
body {
  margin:20px; padding:0;
  background-color: #A3B8D7;
  text-align: center;
  font: 10pt/12pt arial;
}
#wrapper {
  /** ack. i hate hacks **/
  background: transparent url(../images/finger.gif) no-repeat fixed 425px 125px;
  width: 650px;
  margin: 0 auto;
}

body>div#wrapper {
  background: transparent url(../images/finger.gif) no-repeat fixed 100% 50%;
}

#masthead {
  margin: 20px 0 0 0; 
  padding: 25px 0;
  background-color: #5260A9;
}

#nav {
  margin: 0; padding: 0;
  width: 100%;
  float: left;

  background-color: #5260A9;
}

#nav ul { 
  text-align: center;
  list-style: none;
  padding: 0 50px; 
  margin: 0; 
  width: 100%; 
} 

#nav li {
  float: left;
  text-align: center;
}

#nav a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #F3F805;
  height: 25px;
  width: 109px;
  padding-top: 2px;
  font-size: 10pt/12pt;
  font-weight: 900;
  font-family: "arial narrow", "arial black", "arial";
  border: 1px solid #5260A9;
}
#nav a:hover {
  border: 1px solid #f3f805;
}

#content {
  clear: both;
  text-align: left;
  padding: 10px; 
  position: relative;
  border-top: none;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;

}
