a:link
{  color: #336699;}
a:visited
{  color: #993399;  }
a:hover
{  color: #333366;  }
a:active
{  color: #CC6699;  }

body
{
  background-color: #336699;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-family: Arial, sans-serif;

}

div#body 
{
  background-color: #FFFFFF;
  border-left: solid 2px #666666;
  border-right: solid 2px #666666;
  width: 750px;
  margin: 0 auto;
  
}

div#header
{
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  padding: .5em;
  padding-left: 20px;
  color: #333333;
  background-color: #CCCCCC;
  border-bottom: solid 2px #666666;
  text-align: left;
  min-height: 3em;

}
h1#headname
{
  font-size: 2em;
  font-weight: bold;
  text-decoration: underline;
  margin: 0 auto;
  margin-right: .5em;
  float: left;
  
}

span.headtext
{
  font-size: .8em;
  font-weight: bold;
}

div#path
{
  color: #666666;
  font-family: Garamond, Georgia, serif;
  font-size: 1.1em;
  text-align: left;
  margin-left: 5em;
}

h2.title
{
  color: #333333;
  text-align: left;
  font-size: 1.8em;
  font-family: "Trebuchet MS", sans-serif;
  border-bottom: solid 2px #666666;
  margin: .5em 0 .5em 20%;
  width: 75%;
  
}

p.text
{
  text-align: justify;
  text-indent: 2em;
  margin: 1em 5% 1em 5%;
}

img#comic
{ border:solid 1px #666666; }

div#comments
{
  width: 50%;
  margin: 1.5em auto;
  margin-bottom: 2em;
  padding: .3em;
  border: solid 2px #666666;
  color: #333333;
  background-color: #F0F0F0;
}

h3.smallhead
{
  text-decoration: underline;
  text-align: center;
  color: #333333;
  font-family: Verdana;
  font-weight: bold;
  margin: .2em .5em .2em .2em;

}

div.news
{
  width: 60%;
  margin: .5em auto;
  text-align: justify;
  padding: .5em 1em .5em 1.5em;
  border: solid 1px #666666;
  
}

.newssig
{
  margin: 0;
  text-align: right;
}

div#index
{
  text-align: left;
  margin: .5em .5em .5em 20%;
}