#container {
  background:              #fff;
  color:                   #333;
  font-family:             "trebuchet ms", "Lucida Sans Unicode", "LucidaGrande", Verdana, Sans-serif;
  margin:                  10px auto;
  max-width:               890px;
  width:                   890px;
}

#header {
  font-size:               200%;
}

#header span{
  color:                   #8bbc70;
}

#header img{
  float:                   right;
}

#nav {
  border-bottom:           2px solid #8bbc70;
  margin-bottom:           20px;
}

#nav ul {
  margin:                  30px 0 0 0;
  padding:                 0 0 5px 40px;
}

#nav li {
  background:              #abdc90;
  display:                 inline;
  margin:                  0px 1px;
  padding:                 10px 10px 3px 10px;
  border-top-left-radius:  6px 6px;
  border-top-right-radius: 6px 6px;
}

#nav li.active {
  background:              #8bbc70;
  padding-bottom:          5px;
}

#nav a {
  color:                   #333;
  text-decoration:         none;
}

#nav li a:hover {
  text-decoration:         underline;
}

#nav li.active a:hover {
  text-decoration:         none;  
}

#left {
  float:                   left;
  margin-bottom:           20px;
  width:                   590px;
}

#right {
  float:                   right;
  font-size:               80%;
  margin-bottom:           20px;
  width:                   250px;
}

#footer {
  background-color:        #646464;
  clear:                   both;
  color:                   white;
  font-size:               80%;
  margin:                  30px 0px;
  padding:                 30px;
  text-align:              center;
}

#content h1 {
  clear:                   both;
  color:                   #8bbc70;
  font-size:               150%;
  font-weight:             normal;
  margin:                  15px 0 5px 0;
}

#content h2 {
  clear:                   both;
  color:                   #8bbc70;
  font-size:               110%;
  font-weight:             normal;
  margin:                  5px 0 2px 0;
}

#content h3{
  color:                   #8bbc70;
  display:                 inline;
  font-size:               100%;
  font-weight:             normal;
}

#content p {
  margin:                  0 0 10px 0;
}

#content img.left {
  float:                   left;
  margin-bottom:           10px;
  margin-right:            10px;
}

#content img.right {
  float:                   right;
  margin-bottom:           10px;
  margin-left:             10px;
}

#right h1 {
  border-bottom:           1px solid #8bbc70;
}

#content a {
  color:                   #999;
  text-decoration:         none;
}

#content a:hover {
  text-decoration:         underline;
}

#content a.readmore {
  font-size:               85%;
  position:                relative;
  top:                     -1em;
}

#content th {
  font-weight:             bold;
  text-align:              left;
  text-decoration:         underline;
}