/* the height spawns a vertical scrollbar on all pages
 * to prevent short pages jumping to the left on Firefox
 * add a color and tiled image background to the page */ 
html, body {
  height: 101%;
  background: #996633 url(../images/back.jpg));
  }
/* this next rule prevents Firefox adding a space beneath the
 * title image when displayed as application/xhtml+xml */
#titlebar {
  width: 800px;
  height: 418px;
  background-image: url(../images/header.jpg) 
  }
body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #996633;
  }
  
p {
  color: #FFFFFF;
  font-family: "Times New Roman", Times, serif;
  margin: 2pt 10pt 5pt 5pt;
  }
#about p {
  color: #FFFFFF;
  font-size: large;
  font-family: "Times New Roman", Times, serif;
  margin: 2pt 10pt 5pt 5pt;
  }  
h1 {
  color: #FFFFFF;
  font-family: "Times New Roman", Times, serif;
  line-height: 26pt;
  margin-bottom: 0pt;
  } 
#striped td {
  padding: 2px 10px 2px 0;
  vertical-align: top;
  }
/* styles for the nav menu - remove padding, margin and bullets */
#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
/* float each list element inline */
#nav li {
  float: left;
  display: inline;
  }
/* ____________________________________________________________style the links in the nav list */
#nav a {
  display:block;
  margin: 0;
  height: 80;
  padding: 7px 0 7px 22px;
  width: 105px;
  text-decoration: none;
  font-variant:small-caps;
  font-weight:bold;
  font-size: 80%;
  }
#nav a:link, #nav a:visited {
  background: #999999  url(../images/Brick-Textures-010.jpg);
  color: #000000;
  border-left: #908AA5 solid 2px;
  border-top: #908AA5 solid 2px;
  border-right: #2C263D solid 2px;
  border-bottom: #2C263D solid 2px;
  }
#nav a:hover, #nav a:active {
  background: #DFECD9;
  color: #990000;
  border-left: #EBF3E7 solid 2px;
  border-top: #EBF3E7 solid 2px;
  border-right: #777E74 solid 2px;
  border-bottom: #777E74 solid 2px;
  }
#nav {
  margin: 0 0 0 8px;
  clear: both;
  }
    
/* special style for link to identify current page */
#thispage a:link, #thispage a:visited,
#thispage a:hover, #thispage a:active {
  background-color: #A8B2A3;
  color: #990000;
  border-left: #5B6058 solid 2px;
  border-top: #5B6058 solid 2px;
  border-right: #B1B7AE solid 2px;
  border-bottom: #B1B7AE solid 2px;
  }

#wrapper {
  background: #996633;
  }
#wrapper2 {
  background: #996633;
  }
#listing  {
  background: #996633;
  width: 650px;
  margin: auto;
  margin-bottom: 15pt;
  } 
#listLeft {
  width: 315px;
  float: left;
  margin-right: 5px;
  } 
#listRight {
  width: 325px;
  float: right;
  }      
#footer {
  background: #996633 url(../images/footer.jpg);
  height: 135px;
  }
/* styles for contact form */
form {
  margin: 10px 25px 0 50px;
  }
#name, #email {
  width: 200px;
  }
#message {
  width: 500px;
  height: 150px;
  }
label, .warning {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  }
.warning {
  color:#F00;
  }
a:link, a:visited {
  color: #FF9900;
  }
.floatLeft {
  float: left;
  padding: 15px;
  }  
#center {
  width: 500px;
  height: 400px;
  margin: auto;
  }