html, body {
  padding: 0;
  margin: 0;
}
body {
  background: #FFF url('backrep.png') repeat-x;
  font-family: "Arial", sans-serif;
}
h1,h2,h3,h4 {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #5878c8;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: none;
}
div.clearing {
  clear: both;
  height: 1px;
  overflow: hidden;
}
div#page {
  background: #FFF;
  width: 952px;
  margin: 0 auto;
}
div#head {
  background: #FFF url('header.jpg') no-repeat right;
  height: 229px;
}
h1 {
  background: url('logo.png') no-repeat;
  height: 138px;
  width: 396px;
  cursor: hand;
}
h1 span {
  position: absolute;
  top: -100em;
  width: 1px;
  overflow: hidden;
}
h2 {
  color: #b00000;
  font-style: italic;
}
h3 {
  text-align: center;
  color: #000;
}
div#nav {
  width: 146px;
  position: absolute;
  top: 160px;
}
div#nav ul#popnav {
  width: 100px;
}
div#nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
  margin-left: 18px;
}
/* DEAN! Here's where you change the grey-bar color, original: #bfbfbf */
div#nav li {
  height: 25px;
  border-top: 2px solid #bfbfbf;
  padding-top: 8px;
  text-transform: uppercase;
  font-weight: bold;
  background: #FFF;
}
div#nav li.firstli {
  border: none;
}
div#nav li:first-child {
  border: none;
}
div#nav li a {
  color: #000;
}
div#nav li a:hover {
  text-decoration: none;
}
div#nav li div {
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  left: 118px;
  padding: 5px;
  padding-left: 3px;
  text-align: right;
  margin-top: -9px;
  background: #FFF;
}

/* FF HACKS */

div#nav li > div {
  margin-top: -29px;
  left: relative;
}

/* IE HACKS */

/*\*/ * html div#nav li div { width: 300px; } /**/
*+html div#nav li div { width: 300px; margin-top: -7px; }

/* END HACKS */

/*  DEAN! Here's where you need to change the background and border colors, original border: #846a5b */
div#nav li ul {
  background: #FFF;
  border: 1px solid #846a5b;
  padding: 0.2em 0.6em 0 0.6em;
  white-space: nowrap;
}

/* IE HACKS */

/*\*/ * html div#nav li ul { white-space: normal; } /**/

/* END HACKS */

div#nav li:hover div, div#nav li.over div {
  display: block;
}
div#nav li li {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
}
div#navad {
  margin-top: 200px;
  xbackground: #CCC;
  height: 77px;
  text-align: center;
}
div#content {
  padding-left: 155px;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 450px;
}
div#conleft {
  width: 322px;
}
div#conright {
  width: 322px;
  float: right;
  padding-right: 100px;
}
div#content p {
  text-align: justify;
  font-size: 75%;
  margin: 0;
}
div#footer { background: #a74937 url('footreptop.jpg') repeat-x top; zoom: 1;}
 div#foot2 { background: url('footrepbot.jpg') repeat-x bottom; }
 div#foot3 { background: url('footlefttop.jpg') no-repeat left top; }
 div#foot4 { background: url('footleftbot.png') no-repeat left bottom;}
 div#foot5 { background: url('footrighttop.png') no-repeat right top; }
 div#foot6 { background: url('footrightbot.png') no-repeat right bottom; }
 div#foot7 { padding: 12px 0 4px 0;}

div#footer table {
  width: 700px;
  margin: 0 auto;
  padding: 0;
  text-transform: uppercase;
  font-size: 70%;
}
div#footer td {
  text-align: center;
  border-right: 1px solid #FFF;
  letter-spacing: 1px;
}
div#footer td.lasttd {
  border-right: none;
}
div#footer td a {
  color: #FFF;
}
div#footer td a:hover {
  text-decoration: none;
}
div#copybar {
  background: #FFF;
  color: #000;
  font-size: 65%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
}
div#copybar p {
  margin: 0;
}