body {
  margin: 0px;
  font-size: 16px;
  text-align: center;     /* Used to center the container in IE6 since it doesn't support auto margins */
  background: #CCCCCC url('images/bg3.gif') repeat-y 50% 0; /* Used a different background to get rid of borders for IE6 */
}

a:link {
  color: blue;
}

a:visited {
  color: blue;
}

a:hover {
  color: blue;
  background-color: yellow;
}

#container {
  position: relative;     /* Has to be relative so the absolutely positioned elements will move to center with this */
  width: 768px;
  height: auto;
  color: black;
  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 {
  position: absolute;
  top: 0;
  left: 0;
  width: 768px;
  height: 100px;
  color: white;
  background-color: #0033FF;
  text-align: center;
  vertical-align: middle;
}

#header h1 {
  margin: 0;
  padding: 0;
  line-height: 200%;
  font-size: 48px;
}

#collage {
  position: absolute;
  top: 100px;
  left: 0;
  width: 768px;
  height: 113px;
  text-align: left;
  background-color: white;
  background-image: url('images/collage.jpg');
  background-repeat: no-repeat;
  background-position: left;
}

#title {
  position: absolute;
  top: 213px;
  left: 0;
  width: 768px;
  height: 55px;
  color: white;
  background-color: #0033FF;
  border: 0px solid orange;
  text-align: center;
  vertical-align: middle;
}

#title h2 {
  font-size: 28px;
  font-weight: bold;
  line-height: 200%;
  padding: 0;
  margin: 0;
}

#nav {
  position: absolute;
  top: 275px;
  left: 0;
  width: 185px;
  height: auto;
  text-align: left;
  border: 0px solid black;
}

#nav a {
  color: white;
  font-size: 16px;
  font-weight: bold;
  font-family: "Times New Roman";
  background-color: #0066FF;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  height: auto;
  width: 145px;
  line-height: 200%;
}

#nav a:link {
  text-decoration: none;
}

#nav a:visited {
  text-decoration: none;
}

#nav a:hover {
  color: lime;
  text-decoration: underline;
}

#contentarea {
  position: absolute;
  top: 275px;
  left: 195px;
  width: 563px;
  height: auto;
  text-align: center;
  font-size: 16px;
  border: 0px solid black;
}

/* Begin Merging From Old Layout */

caption {
  font-size: 1.5em;
  color: navy;
}

.indextext {
  text-align: left;
  font-size: 17px;
  color: navy;
}

#map {
  border: 0px solid black;
  margin-bottom: 10px;
}

/* End Merging From Old Layout */

p.contentintro {
  width: 80%;
  text-align: left;
  font-size: 16px;
  color: navy;
  margin-left: auto;
  margin-right: auto;
  border: 0px solid black;
}

.shortcontentintro {
  color: navy;
  text-align: center;
}

/* Begin content table styles */

#contenttable {
  color: navy;
  font-size: 14px;
  border-collapse: collapse;
}

.zebra {
  background: #F0F5FE url('images/tableborderdots.gif') repeat-x bottom;
}

.nonzebra {
  background: #FFFFFF url('images/tableborderdots.gif') repeat-x bottom;
}

/* Finish content table styles */

p.footer {
  color: navy;
}

#contactform td {
  color: navy
}

/* (c) Copyright 2005 - All Rights Reserved - Moultrie-Georgia.com - A division of Pro Tech Ventures, LLC */