body{
  margin: 10px 0px;
  color: #336633;
  background-color: #ccddcc;
}
#header{
  margin: 0px;
}
#footer{
  margin: 5px 10px;
  text-align: right;
}
#linkbox{
  float: left;
  width: 120px;
  margin: 0px 10px;
  padding: 5px;
  text-align: center;
  background-color: #336633;
}
#titlebox{
  margin: 0px auto;
  text-align: left;
}
#jpegbody{
  clear: left;
  margin: 15px 0px 0px 0px;
  padding: 12px 0px 28px 0px;
  text-align: center;
  background-color: #eeeeee;
}
#limebody{
  clear: left;
  margin: 15px 0px 0px 0px;
  padding: 24px 0px 36px 0px;
  text-align: center;
  background-color: #eeeeee;
}
.title{
  margin-left: 10px;
  text-align: left;
  font-size: x-large;
  font-weight: bold;
  font-family: serif;
  color: #336633;
}
.large-note{
  margin-left: 10px;
  text-align: left;
  font-size: large;
  font-weight: bold;
  font-family: serif;
  color: #336633;
}
.middle-note{
  margin-left: 10px;
  text-align: left;
  font-size: midium;
  font-weight: normal;
  font-family: serif;
  color: #336633;
}
.small-note{
  margin-left: 10px;
  text-align: left;
  font-size: small;
  font-weight: normal;
  font-family: sans-serif;
  color: #336633;
}
.holder{
  margin-left: 10px;
  text-align: left;
  font-size: large;
  font-weight: bold;
  font-family: serif;
  color: #336633;
}
a.rootlink{
  font-size: midium;
  font-weight: bold;
  font-family: serif;
  color: #ffffcc;
}
.copyright{
  font-size: small;
  font-weight: normal;
  font-family: serif;
}
.clear-left{
  clear: left;
}