body {
  background-color: #335c55; 
  color: #081112; 
  font-family: Arial; 
  font-size: 11px; 
  text-align: justify;
  letter-spacing: 0pt; 
}


#top {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px 0px 0px 0px;
  border: 0px;
  background: #081112;
  background-image: url(bg.gif);
  height: 420px;
  }

html>body #top {
  height: 420px;
  }

#headerimage {
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
  }

#left {
  position: absolute;
  top: 420px;
  left: 0px;
  margin: 0px;
  padding: 10px;
  border: 0px;
  background: #335c55;
  width: 150px;
  }

html>body #left {
  width: 150px; 
  }

#middle {
  position: absolute;
  padding: 10px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 0px;
  background: #335c55;
  top: 420px;
  margin: 0px 150px 0px 150px; 
  }

#right {
  position: absolute;
  top: 420px;
  right: 0px; 
  margin: 0px;
  padding: 10px;
  border: 0px;
  background: #335c55;
  width: 130px;
  }

html>body #right {
  width: 130px
  }

/* Thanks to Tutorialtastic.co.uk! */

#navigation {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #cf8a67;
}
#navigation li {
  margin-bottom: 2px;
}
#navigation a {
  color: #7da057;
  display: block;
  width: 150px;
  padding: 10px 0 10px 13px;
  border-top: 1px solid #cf8a67;
  background: url(bullet-01.gif) no-repeat center left;
}
#navigation a:hover {
   color: #a2c2c0;
   text-decoration: none;
   background: url(bullet-02.gif) no-repeat center left;
}

/* Thanks to Tutorialtastic.co.uk! */

img {
  border: 0px;
}

blockquote {
  color: #7da057; 
  background-color: #e4e8e0;
  font-family: Arial; 
  font-size: 11px; 
  text-align: justify;
  letter-spacing: 0pt;
  padding: 5px 0 5px 5px;
  border: #0f1d1d;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 5px;
  border-bottom-width: 0px;
}

a:link { 
  color: #87afad; 
  letter-spacing: 0pt;
  text-decoration: none;
  text-align:justify;
  font-size: 11px; 
  background-color: transparent;
  font-weight: bold;
  cursor: help;
}

a:active { 
  color: #25484a; 
  letter-spacing: 0pt;
  text-decoration: none;
  text-align:justify;
  font-size: 11px; 
  background-color: transparent;
  font-weight: bold;
  cursor: help;
}

a:visited { 
  color: #172b2a; 
  letter-spacing: 0pt;
  text-decoration: none;
  text-align:justify;
  font-size: 11px; 
  font-weight: bold;
  cursor: help;
}

a:hover { 
  color: #863623; 
  letter-spacing: 0pt;
  text-decoration: none;
  text-align:justify;
  font-size: 11px; 
  font-weight: bold;
  background-color: #87afad;
  cursor: help;
}

h2 {
  font-family: Georgia;
  font-size: 17px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 5pt;
  line-height: 12px;
  color: #bad87e;
  text-align: right;
  background-color: transparent;
  padding-right: 0px;
  border: #d79470;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 2px;
}

h3 {
  font-family: Georgia;
  font-size: 11px;
  letter-spacing: 1pt;
  color: #a2c2c0;
  text-align: right;
  line-height: 10px;
  background-color: transparent;
  border: #44827e;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 1px;
}


em, i {
  color: #b2d278;
}

strong, b {
color: #cf8a67;
}

textarea, input {
  color: #c3df88;
  background: transparent;
  font-size: 11px; 
  font-weight: normal;
  text-decoration: none;
  font-family: Arial; 
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: #c47c5a; 
}

