html
{
  margin: 0;
  padding: 0;
}

body
{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, "Times Roman", sans-serif;
}

.hide
{
  display: none;
}

#pageHeader
{
  float: left;
  margin: 5px 15px 15px 15px;
  padding: 5px;
  border: 1px solid #51853e;
}

#pageHeader h1
{
  font-family: Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 200%;
  font-weight: bold;
  padding: 5px 20px 10px 20px;
  letter-spacing: 2px;
  margin: 0;
  float: right;
  font-variant: small-caps;
}

#pageHeader h1 em
{
  font-style: italic;
}

#pageHeader h1 span
{
  font-size: 50%;
}

#pageHeader h2
{
  margin: 0 10px 5px 0;
  font-family: Georgia, Garamond, Arial, sans-serif;
  font-size: 75%;
  font-weight: bold;
  font-style: normal;
  text-transform: lowercase;
  letter-spacing: 2px;
  clear: right;
  float: right;  
  padding-left: 45px;
  background: url('../images/hcd_small.gif') no-repeat 0 50%;
}

#pageHeader a
{
  text-decoration: none;
  color: black;
}

a#logo
{
  padding: 18px 5px 13px 5px;
  float: left;
}

.logoH,
.logoC,
.logoD
{
  font-family: "Times New Roman", Arial, sans-serif;
  font-weight: bold;
  border: solid 1px #333;
  color: black;  
}

#pageHeader .logoH,
#pageHeader .logoC,
#pageHeader .logoD
{
  padding: 3px 8px;
  margin: 0 5px;
  font-size: 28pt;
}

#pageFooter .logoH,
#pageFooter .logoC,
#pageFooter .logoD
{
  padding: 1px 3px;
  margin: 0 1px;
}

#pageFooter .logoD
{
  margin-right: 3px;
}

.logoH
{
   background-color: #EE8800; 
/*    background: #EE8800 url('../images/logoH.gif') repeat 0 0;    */
}

.logoC
{
  background-color: #FFEE64;
/*   background: #FFEE64 url('../images/logoC.gif') repeat 0 0;     */
}

.logoD
{
  background-color: #FFBCA0;
  /* background: #FFBCA0 url('../images/logoD.gif') repeat 0 0;       */
}

#pageBody
{
  margin: 0 15px;
  clear: both;
}

#nav
{
  clear: both;
  float: left;
  width: 100%;
  margin: 2px 0 0 0;
  padding: 0;
  list-style: none;
  background: url('../images/bottomLine.gif') repeat-x bottom left;
}

#nav #t-index
{
  margin-left: 10px;
}

#nav li
{
  margin: 0;
  float: left;
  padding: 0 0 0 9px;  
}

#nav li a
{
  float: left;
  display: block;
  margin: 0 1px 0 0;
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif;
  padding: 5px 15px 4px 6px;
}  

#content
{
  font-family: Verdana, Arial, "Times New Roman", sans-serif;
  padding: 0;
  margin: 0;
  min-height: 220px;
  line-height: 150%; 
  letter-spacing: 150%;  
  float: right;
  width: 88%;
}

#tabContent
{
  min-width: 600px;
  border: 1px solid #765;
  border-top: none;
  padding: 10px;
  text-align: justify;
  clear: both;
}
  
#tabContent .firstLetter,
#tabContent:first-letter
{
  float: left;
  font-family: "Times New Roman", Arial, sans-serif;
  font-weight: bold;
  padding: 5px 8px;
  border: solid 1px black;
  margin: -4px 3px 5px 0;
}

#tabContent p strong,
#tabContent p em
{
  font-weight: bold;
}

#pageFooter
{
  clear: both;
  margin: 15px;  
  padding: 10px 0;
  height: 1%;
  float: left;
  border: 1px solid #51853e;
}

#pageFooter #coderedlink
{
  padding-left: 10px;
  text-align: right;
}

#pageFooter a
{
  float: left;
  font-family: Arial, sans-serif;
  text-decoration: none;
}

#pageFooter a:hover, 
#pageFooter a:focus
{
  text-decoration: none;
}

#pageFooter a.author
{
  margin: 0;
}

#pageFooter a.copyright
{
  float: right;
  padding-right: 10px;
}

#pageBody a.topper
{
  clear: both;
  margin-left: 0;
  font-size: smaller;
  font-weight: bold;
  font-family: Arial, sans-serif;
  padding: 5px 25px;
  text-decoration: none;
  display: block;
}

img 
{ 
  border: 0;
  margin: 10px;
  padding: 2px;
  float: left;
}

#sidebar
{
/*  min-width: 84px; */
  float: left;
  width: 12%;
  margin: 0;
  padding: 0;
}

#sidebar img
{
  padding: 0;
  margin: 2px 0;  
}

#sidebar img.top
{
  margin-top: 4px;
}

sup
{
  font-size: 90%;
  padding-left: 2px;
}