body {
 margin: auto;
 padding: 0;
 background-color: white;
 color: black;
 background-image: url(img/bg.jpg);
 background-repeat: repeat-x;
 font: small Arial, Helvetica, Verdana, sans-serif;
}

#wrapper {
 background-color:  white;
 color: black;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 padding: 10px;
 width: 900px;
}

#main {
  position: relative;
  top:0;
  left:  0;
  width: 100%;
  margin-top: 10px;
}
#content {
  margin: 0 240px 0 0;
  border-top: 4px dashed #0a0;
  border-left: 4px dashed #0a0;
  border-right: 4px dashed #ea9909;
  border-bottom: 4px dashed #ea9909;
  background-color: white;
  color: black;
  position: relative;
  left: 167px;
  width: 550px;
  min-height: 400px;
  padding-left: 5px;
}
#content  p {
  color: #006600;
  font-size: 110%;
}
#content .inner {
  margin: 10px 20px 10px 40px;
}
#content h1 {
  color: #006600;
}
#content .inner h2 {
  color: #245185;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #b9d2e3;
  font-size: 110%;
}
#content .inner ul.features {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .inner h3 {
  font-size: 130%;
}
#content .inner h3 a:link, #content .inner h3 a:visited {
  color: #245185;
}
#content .inner p {
  color: #666666;
  font-size: 90%;
}
#content .inner .features li img {
  float: left;
  margin: 0 5px 5px 0;
}
#content .inner p.author {
  font-weight:  bold;
}
#content .inner p.more{
  margin-top: 0;
  text-align: right;
}
#content .inner p.more a:link, #content .inner p.more a:visited {
  color: black;
  background-image: url(img/more-bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
  font-size: 90%;
  color: #1e4c82;
}
#sidebarleft {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  background-color: #00aa00;
  color: white;
  margin: 0;
  padding: 0;
  border: 4px bevelled;
}
#sidebar {
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  background-color: #ea9909;
  color: white;
  margin: 0;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 0;
}
#sidebar h3 {
  font-size: 110%;
  background-image: url(img/sidebar-header-bg.jpg);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0.2em 0 0.2em 10px;
  font-weight: normal;
}
#sidebar .inner {
  padding: 10px;
}
#sidebar ul {
  list-style-image: url(img/more-bullet.gif);
  margin-left: 0;
  padding-left: 20px;
}
#sidebar p, #sidebar li {
  font-size: 90%;
  line-height: 1.4em;
}
#sidebar ul a:link, #sidebar ul a:visited {
  color: white;
}



#sidebar p.more {
  clear: right;
  margin: 0 30px 0 0;
  text-align: right;
}

a.nav:link {
  color: white;
  background-color: #00aa00;
}
a.nav:visited {
  color: white;
  background-color: #00aa00;
}
a.nav:hover {
  color: white;
  background-color: #fcaa09;
}

#copyright{
   background-color: #fff;
   color: #000;
}
p.mid{
  text-align: center;
}
p.webmaster{
  border: 1px solid #000;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 75%;
}
img.bord {
  border: 1px solid #000099;
}