<!--
/**********************************************************
 * Copyright:  © (c) 2003-2007 Ragbert, the Webboffin(R)  *
 * http://webboffin.crosswinds.net/                       *
 **********************************************************
 * While you may certainly use this CSS file as a model   *
 * for learning about stylesheets, please code your own   *
 * CSS file for your site.  You'll be a better designer   *
 * and a better person for it.   Thank you.   &:-)        *
 **********************************************************/
 
body {
  color: #000; background: #ecf0ff url(images/logo_bg.gif); /* url(images/webboffin_bg.gif); */
  background-attachment: fixed;
  font: normal 90% Verdana,Arial,Helvetica,sans-serif;
  margin: 0;
}

h1 {font: italic bold 1.5em Verdana,Arial,Helvetica,sans-serif; text-align: center;}
h2 {font: bold 1.5em Verdana,Arial,Helvetica,sans-serif; text-align: center;}
h3 {font: bold 1.3em Verdana,Arial,Helvetica,sans-serif; text-align: center;}
h4 {font: bold 1.2em Verdana,Arial,Helvetica,sans-serif; text-align: center;}
h5 {font: bold 1em Verdana,Arial,Helvetica,sans-serif; text-align: center;}

strong,b {font-weight: bold;}

p {
  font: normal 1em Verdana,Arial,Helvetica,sans-serif;
  color: #000; background: inherit;
  text-align: left;
  margin-top: 12px;
}

blockquote {
  color: #000; background: inherit;
  font: normal 1em Verdana,Arial,Helvetica,sans-serif;
  text-align: left;
  margin: 20px 15px 20px 15px;
}

hr {width: 75%; text-align: center;}

img {border: 0px none;}

input,textarea {font-size: 13px;}

#formbox {
  width: 300px;
  color: #009; background: #fff none;
  border: 1px solid #009;
  margin: 1em auto;
  padding: 12px 5px 0 5px;
  text-align: center;
}

form table#contact {
  position: relative;
  width: 500px;
  margin: 7px auto;
  text-align: center;
}

td {font: normal .98em Verdana,Arial,Helvetica,sans-serif;}

a {color: #00f; background: inherit; font-weight: bold; text-decoration: none;}
a:link,a:visited {color: #00f; background: inherit;}
a:active {color: #f06; background: inherit;}
a:hover  {color: #09c; background: #fff; text-decoration: underline;}

#main {
  position: relative;
  margin-left: 200px; 
  margin-right: 20px;
  text-align: center; /* Hack for IE5/Win */
}

#logo {
  width: 120px;
  height: 35px;
  color: #000; background: transparent url(images/logo.gif) no-repeat top center;
  /* border: 0 solid #ecf0ff; */
  border: 0px;
  margin: 7px auto;
  padding: 0;
  text-align: center;
}

#logo a {
  display: block;
  width: 100%;
  height: 100%;
  border: 0px;
  text-align: center;
}

#logo a:hover {
  color: #000; background: transparent url(images/logo.gif) no-repeat top center;
  text-decoration: none;
}

#contentbox {
  color: #000; background: #fff none;
  border: 1px solid #009;
  margin-bottom: 2em;
  padding: 5px 20px;
  z-index: 3;
}

#contentbox #list {
  width: 95%;
  color: #00c; background: inherit;
  font-style: italic;
  text-align: left; /* Counteract to IE5/Win Hack */
}

#subscribebox {
  width: 500px;
  color: #009; background: #fff none;
  border: 1px solid #009;
  margin: 12px auto;
  padding: 5px 20px;
  text-align: center; /* NS4x hack */
}
 
#subscribebox p {color: #009; background: #fff none; margin: 12px 0;}

ul#aboutmenu li {
  color: #099; background: #fff none;
  list-style: disc;
  margin-left: 1.2em;
  padding-left: .25em;
  text-align: left; /* Counteract to IE5/Win Hack */
}

.secthead {
  color: #009; background: #6fc none;
  font: bold 1em Verdana,Arial,Helvetica,sans-serif;
}

pre {color: #000; background: inherit; padding-left: 5px; margin-left: .5em;}

code {color: #f00; background: inherit; font: normal 9pt 'Lucida Console',monospace;}

.alert {color: #f03; background: inherit;}

.comment {color: #f00; background: inherit; font: italic normal .9em/.2em Verdana,Arial,Helvetica,sans-serif;}

.clearleft {clear: left;}

.whatsup {
  position: relative;
  left: 7px;
  float: left;
  top: 1em;
  text-align: left; /* Counteract to IE5/Win Hack */
  margin: 0;
  padding: 0 1px;
  color: #f00; background: #fff none;
  border: 1px dotted #069;
  z-index: 1;
}

.whatsup a.whatsup {
  top: 0;
  left: 0;
  color: #f00; background: inherit; 
  font: bold 11px Verdana,Arial,Helvetica,sans-serif;
  text-decoration: none;
  text-align:left; /* Counteract to IE5/Win Hack */
  margin: 1px;
  padding: 0;
  border: 0;
}

.whatsup a:hover {
  color: #f00; background: #ffd none; 
  text-decoration: none;
  text-align:left; /* Counteract to IE5/Win Hack */
}

#w3c {
  position: absolute;
  bottom: 1em;
  left: 2em;
}

div#menuPlain {
  margin: 1em auto;
  padding: 0;
  text-align: center;
}

div#menuPlain li {
  display: inline;
}

div#menuPlain a, div#menuPlain span.here  {
  font-weight: bold;
  font-size: 1.1em;
}

.here {
  color: #069; background: #ccf none; 
}

#copyright {
  position: relative;
  width: 20em;
  color: #336; background: #fff none;
  font: normal .8em Arial,Helvetica,sans-serif;
  margin: 1.5em auto;
  padding: 1px 0;
  border: 1px outset #30c;
  text-align: center;
}

#permission {
  color: #009; background: inherit;
  font: normal .8em Arial,Helvetica,sans-serif;
  margin: 1.5em auto;
  text-align: center;
}

-->