/* Copyright 2003 Performance Dynamics Company. All Rights Reserved.  */

HTML {
  /* background-color: #669999; */
  background-color: #008866
  padding: 0px;
  margin: 0px;
}

BODY {
  margin: 0px;
  margin-left: 48px;
  margin-bottom: 12px;
  border-left: 2px solid black;
  border-bottom: 1px solid black;

  background-color: #ffffff;
  color: #000000;
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  
  font-size: 14px; /* added Tue, Jan 31, 2006 */
  font-family: "Trebuchet Ms", Verdana, sans-serif; 
}


h1, h2, h3, h4, h5, h6 {
  font-family: "trebuchet ms",sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  color: #666699;
}

h1 {
  margin-top: 0px;
  margin-left: -12px;
  margin-right: -10px;
  margin-bottom: 10px;
  padding: 5px;
  color: #ffffff;
  background-color: #008866;
  border-bottom: 2px solid black;
}

h1 a:link, h1 a:visited {
  color: white;
}

h1 span.left {
  font-size: 18px;
}

h1 span.center { 
  font-size: 36px;
}

h1 span.right { 
  font-size: 24px;
}

h2 {
  width: 50%;
  color: white;
  background-color: #008866;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  margin-left: -12px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px;
}

h2 :link, h2 :visited {
  color: white;
}

h2:target {
  width: 70%;
  background-color: #3333cc;
  margin-left: 11px;
  padding: 12px;
}

h2:target {
  -moz-border-radius: 100% 100% 100% 100%;
}

address {
  text-align: right;
}

.footer {
  border-top: 1px solid black;
  margin-left: -12px;
  margin-right: -10px;
  margin-bottom: -1px; /* body.border-bottom */
  padding: 4px;
  font-family: sans-serif;
  background-color: #008866;
  color: #ffffff;
}
.footer :visited, .footer :link {
  color: #ffffff;
}
.footer :link:hover, .footer :visited:hover {
  background-color: #eeffee;
  color: #000000;
}


:link:focus, :visited:focus {
}

:link {
  color: #0000cc;
}

:visited {
  color: #004488;
}

:link:hover, :visited:hover {
  color: #008800;
  background-color: #eeffee;
  text-decoration: none;
}

:link:active, :visited:active {
  color: #ff0000;
  background-color: #ffff00;
}

input:focus { 
  color:black; 
  background-color: yellow;
}

div.nav {
  font: 14px verdana;
  float: right;
  padding: 4px;
  width: 15em;
  margin: 1em;
  margin-right: 0em;
  border: 1px solid #777777;
  border-right-width: 2px;
  border-bottom-width: 2px;
  background-color: #eeeeee;
}

li {
  margin-bottom: 0.5ex;
}

li > em:first-child, li > strong:first-child { 
  color: #444488;
  font-family: sans-serif; 
}

div.topic {
  margin-left: 5%;
  margin-right: 5%;
  background: #ffffff;
  padding: 0.3em;

  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  max-width: 40em;
}
div.topic > p {
  line-height: 1.3em;
}
div.topic {
  -moz-border-radius: 4px;
}

pre, code {
  color: #226622;
}

pre {
  white-space: pre;
  background-color: #f0f4f0;
  border: 1px solid #77aa77;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}

blockquote {
  font-style: italic;
}

hr {
  border-width: 0px;
  border-top: 1px solid #008866;
}