body{
  background: #393028;
  text-align: center;
  font-family: tahoma, sans-serif;
  font-size: 80%;
  margin: 0px;
  padding: 0px;
  letter-spacing: 0.0183em;
 }
 
 h3{
  font-size: 100%;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  color: #9c9c9c;
 }
 
 .gray {
  color: #9c9c9c;
 }
 
 .white{
  color: white;
 }
 
 .black{
  color: black;
 }
   
 .inline{
  display: inline;
 }
   
 a{
  text-decoration: underline;
  color: black;
 }
   
 a:hover{
  color: #9c9c9c;
 }

 p{
  margin: 0;
  padding: 0;
  padding-bottom: 2em;
  line-height: 1.5em;
 }

 #wrapper{
  width: 796px;
  background: white;
  margin: auto;
  text-align: justify;
  padding: 0;
  margin-top: 30px;
 }

 #header{
  display: block;
  height: 135px;
  width: 796px;
  background: url('../images/logo.jpg');
 }

 #header h1{
  display: none;
 }

 #nav{
  text-align: center;
  color: white;
  font-size: 115%;
 }

 #nav ul{
  list-style: none;
  margin: 0;
  padding: 0;
 }

 #nav li{
  float: left;
  width: 112px;
  height: 2.1em;
  line-height: 2.1em;
  margin-left: 2px;
 }

 #nav #first{
  margin-left: 0px;
 }

 #nav a{
  text-decoration: none;
  color: white;
  display: block;
  width: 112px;
  height: 2.1em;
  background: #9c9c9c;	
 }

 #nav a:hover{
  color: black;
  background: #ccc;
 }

 #nav .on a{
  color: black;
 }

 #footerImage{
  clear: both;
  display: block;
  width: 796px;
  height: 102px;
  padding-top: 20px;
  background: url('../images/footer.jpg') bottom left no-repeat;
 }

 #footerText{
  font-size: 85%;
  text-align: center;
  background: #393028;
  padding-top: 1em;
  letter-spacing: 0.16em;
  color: white;
 }

 #footerText a{
  text-decoration: none;
  color: white;
 }

 #footerText a:hover{
  text-decoration: underline;
 }

 .fauxfooter{ /*used for its clear:both props */
  clear: both;
  line-height: 0px;
  display: block;
  width: 0px;
  height: 0px;
 }