* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
  font-size: 11px;
  color: #f0f3c8;
  text-align: center;
  line-height: 1.1em;
  background-color: #fffff;
}

h1 {
  padding-top: .3em;
  text-indent: -5000em;
  background: transparent url(../images/title.png) no-repeat scroll center bottom;
}

p {
  padding: .75em 12px;
}

p.center {
  padding: 0 0 1em 0px;;
  text-align: center;
}

img {
  border-width: 0;
}

#back {
  width: 339px;
  margin: 0 auto;
  background: transparent url(../images/background.png) repeat-y scroll center top;
}

#top {
  background: transparent url(../images/foliage.png) no-repeat scroll 8px top;
}

#bottom {
  margin: 0 auto;
  width: 147px;
  text-align: left;
  background: transparent url(../images/bottom.png) no-repeat scroll left bottom;
}

#extras {
  margin: 0 auto;
  width: 147px;
}

#extras img {
  margin: 10px 1px 0 0;
}

div.float {
  float: left;
  padding-left: 4px;
  padding-right: 4px;
  width: 185px;
}
  
div.float p {
   text-align: center;
}

div.container {
  background-color: #f0f3c8;
  color: #000;
}

div.spacer {
  clear: both;
}