body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0;
  background-color: #343;
  color: inherit;
}

h1
{
  font-size: 2em;
}

h2
{
  font-size: 1.7em;
  margin-top: 2em;
}

h3
{
  font-size: 1.5em;
}

#container
{
  width: 800px;
  background: #FFF;
  color: inherit;
  margin: 0 0 0 1em;
  background-image: url(images/color1.jpg);
}

#content
{
  margin: 0 2em 2em 5em; /* was 0 2 2 15 */
  /*background-color: #FFF;*/
}

#content img
{
  float: right;
  margin-right: 3px;
  margin-bottom: 3px;
}

#content table img
{
  float: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#content td
{
  width: 160px;
}

#sitename
{
  width: 800px;
  height: 150px;
}

#sitename h1
{
  background-image: url(images/final2.jpg);
  font-family: serif;
  font-style: italic;
  color: white;
  background-color: inherit;
  text-align: center;
  width: 800px;
  padding: 110px 0 0 0;
}

.pagename
{
        font-variant: small-caps;
        background: inherit;
	color: #3C4138;
        border-bottom: 3px dotted #3C4138;
}

.feature
{
	background: url(images/yellowgradient.gif) repeat-y right;
        border-right: 1px solid #666;
        border-bottom: 1px solid #666;
        padding-left: 1em;
}

.extra
{
	background: url(images/star.gif) no-repeat left center;
        padding-left: 1em;
}

.imageright
{
	float: right;
}

.clearer
{
  clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.thumbnail
{
  float: left;
  width: 160px;
  border: 1px solid #999;
  margin: 0 5px 5px 0;
}

.floatright
{
	float: right;
}



/* starting tab code */
    #navbar {
      float:left;
      width:100%;
      background:#DAE0D2 url("images/bg.gif") repeat-x bottom;
      color: #765;
      font-size:93%;
      line-height:normal;
      }
    #navbar ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #navbar li {
      float:left;
      background:url("images/left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #navbar a {
      float: left;
      display:block;
      background:url("images/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration: none;
      font-weight: bold;
      color: #765;
      background-color: #DAE0D2;
      }
    #navbar #current {
      background-image:url("images/left_on.gif");
      }
    #navbar #current a {
      background-color: #DAE0D2;
      background-image:url("images/right_on.gif");
      color: #333;
      padding-bottom:5px;
      }