body {
  background: #FFFFFF;
  font-size: 16px;
  text-align: center; /* Center container in IE6 */
  margin: 0;
}

a:link {
  color: blue;
}

a:active {
  color: red;
}

a:visited {
  color: blue; /* Change back to purple after site completed */
}

a:hover {
  color: red;
}

#container {
  background: #FFFFFF url(images/woodbackground.jpg);
  width: 768px;
  height: auto;
  color: black;
  padding: 15px; /* Used so that some of the background will show around the edges of the container */
  margin: 0 auto;     /* Used to center the container in browsers that support this setting */
  text-align: left;     /* Used to counteract the body-level container center for IE6 - see above */
  border: 0px solid black;
}

#header {
  width: 748px;
  height: 175px;
  color: white;
  background-color: transparent;
  text-align: center;
  vertical-align: middle;
  border: 0px solid red;
}

#navimenu {
  float: left;
  height: auto;
  text-align: left;
  width: 154px;
  background-color: transparent;
  border: 0px solid green;
}

#navimenu a {
  text-align: left;
  color: brown;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial;
  background: #FFFFFF url(images/rollover.jpg) top left no-repeat;
  overflow: hidden;
  margin: 0px 0px 5px 0px;
  padding-left: 5px;
  display: block;
  height: auto;
  width: 95%; /* Had to change this from 90 to 95 for IE to be wide enough */
  line-height: 2.0em;
  text-decoration: none;
}

#navimenu a:link {
  border-top: 2px solid #CCCCCC;
  border-bottom: 2px solid #000000;
  border-left: 2px solid #CCCCCC;
  border-right: 2px solid #000000;
}

#navimenu a:visited {
  border-top: 2px solid #CCCCCC;
  border-bottom: 2px solid #000000;
  border-left: 2px solid #CCCCCC;
  border-right: 2px solid #000000;
}

#navimenu a:hover {
  color: lime;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #CCCCCC;
  border-left: 2px solid #000000;
  border-right: 2px solid #CCCCCC;
  background: #FFFFFF url(images/rollover.jpg) bottom left no-repeat;
  overflow: hidden;
}

#body {
  float: right;
  width: 594px;
  height: auto;
  text-align: center;
  font-size: 16px;
  border: 0px solid yellow;
  background: white;
}

h1 {
  color: black;
  font-size: 36px;
  font-family: Arial;
}

h2 {
  color: black;
  text-align: left;
  font-size: 20px;
  font-family: Arial;
  padding-left: 5px
}

.producttable {
  width: 100%;
}

.ptdata {
  text-align: center;
  vertical-align: middle;
  border: 0px solid black;
}

.servicestable {
  width: 100%;
}

.servicesdata {
  text-align: left;
  vertical-align: top;
  border: 0px solid black;
}

.margincentered {
  text-align: center;
  margin: 10px;
}

.marginjustified {
  text-align: justify;
  margin: 10px;
}

.centered {
  text-align: center;
}

.pagetitle {
  font-size: 20px;
}