@import url(tcf_page_extended.css);
/* Bits and snippets of this as well as the implementation approach were taken from
   the W3C Tabless-Navigation Information page at: http://www.w3.org/2002/11/homepage.
   After reading about 8-zillion pages of information on XHTML and CSS that simple
   example was the "picture worth (much more than) a thousand words" for me */
html { /* rule for Netscape 4 */
  color: #000000;
  background: #ffffff;
  background-image: none;
  font-family: Verdana, sans-serif;
  margin: 0;
  padding: 0;
}
@media all { /* rule for all other browsers */
  html {
    color: #000000;
    background: #ffffff;
    background-image: none;
    font-family: Verdana, sans-serif;
    margin: 0;
    padding: 0;
  }
}
body {
  color : #000000;
  background: #ffffff;
  background-image: none;
  margin: 0;
}
h1 {
  font-size: 180%;
  font-weight: bold;
  text-align: center;
  margin: 1em 0.5ex 0 0.5ex
;
}
p.h1 {
  font-size: 180%;
  font-weight: bold;
  text-align: center;
  margin: 1em 0.5ex 0 0.5ex
;
}
h2 {
  font-size: 150%;
  font-weight: bold;
  margin: 1em 0.5ex 0 0.5ex
;
}
p.h2 {
  font-size: 150%;
  font-weight: bold;
  margin: 1em 0.5ex 0 0.5ex
;
}
h3 {
  font-size: 120%;
  font-weight: bold;
  margin: 1em 0.5ex 0 1.5ex;
}
h4, h5, h6 {
  font-size: 120%;
  font-weight: bold;
  margin: 1em 0.5ex 0 2.5ex;
}
div.quote {
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  margin: +4%, 1em;
}
div.center {
  text-align: center;
}
div.illustrationgraphic {
  text-align: center;
}
.small {
  font-size: 75%;
}
strong {
  font-weight: bold;
  font-style: normal;
}
em {
  font-style: italic;
}
a> img {
   color: #ffffff; /* hide the border in Netscape 4 */
   background-color: #ffffff;
   background-image: none;
}
@media all { /* hide from Netscape 4 */
   a> img {
     color: inherit; /* undo the rule above */
     background-color: inherit;
     background-image: none;
     border: none;
   }
}
div.mastheadfull {
  color: #000000;
  background: transparent;
  background-image: none;
  text-align: left;
  clear: right;
  width: 100%;
  margin: 1em 0 0 0;
}
div.mastheadfull> p { /* lame rule for masthead in Netscape 4 */
  font-size: 200%;
  margin: 0 0 0 1ex;
}
@media all { /* hide from Netscape 4 */
  div.mastheadfull> p {
    font-size: 200%;
    margin: 0 0 0 1ex;
    float: left;
  }
}
div.pagebodyfull {
  color: #000000;
  background: transparent;
  background-image: none;
  clear: left;
  float: none;
  margin: 0;
}
div.copyright {
  text-align: center;
  margin: 0 +8% 1em +8%;
}
div.copyright> p {
  color: #666666;
  background: transparent;
  background-image: none;
  font-size: 75%;
}
div.note {
  color: #000000;
  background: #00ffff;
  background-image: none;
  text-align: center;
  width: 65%;
  padding: 1em 0;
}
div.note> p {
  text-align: left;
}
p.browseroops {
 display: none;
}
div, p, ul, ol li, dl, dd, table {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  margin: 1ex 8% 0 8%;
}
dt {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  margin: 0 +12ex 0 +12ex;
}
ol> li { list-style-type: decimal; }
ol> li> ol> li { list-style-type: lower-latin; }
ol> li> ol> li> ol> li { list-style-type: lower-roman; }