html {font-size: 100% /* IE/Win hack */}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #000;
  margin: 0;
  padding: 0;
  background-color: #FFF;
}

/************************************************************************/
#header {
  background-color: #1B0B8F;
  width: 100%;
  height: 15px;
}

/************************************************************************/
#banner {
  width: 100%;
}

#banner #logo {
  position: absolute; top: 15px; left: 20px;
  z-index: 20;
}
#heading {
  position: absolute; top: 45px; left: 100px;
  font-size: 2em;
  font-weight: bold;
  color: #1B0B8F;
  z-index: 20;
}
#banner #bannerRight {
  position: absolute; top: 15px; right: 0;
  margin: 0;
  padding: 0;
  z-index: 5;
}

/************************************************************************/
#login {
  position: absolute; top: 90px; left: 0;
  width: 100%;
  height: 22px;
  background: url(../images/WICDmenubar.gif) 0 0 repeat-x;
  font-size: 0.9em;
  color: white;
}
#login form {
  float: right;
  padding-right: 1em;
}
#login input {
  height: 18px;
  font-size: 0.9em;
  color: black;
  margin-top: 2px;
}
#login a {
  color: white;
  padding-right: 3em;
}
/************************************************************************/
#menubar {
  position: absolute; top: 90px; left: 0;
  width: 100%;
  height: 22px;
  background: url(../images/WICDmenubar.gif) 0 0 repeat-x;
  padding-top: 3px;
}

#menubar a {
  text-decoration: none;
  color: white;
  padding-left: 2em;
}
#menubar a:hover {
  text-decoration: underline;
}
/************************************************************************/
#content {
  position: absolute; top: 113px; left: 0;
  width: 100%;
}
#content #leftPane {
  float: left;
  width: 50%;
  padding: 1em;
}
#content #rightPane {
  float: right;
  padding: 1em;
  margin: 0.5em;
  width: 40%;
  background-color: #D3E1FC;
  border: 1px solid #00D;
}

#content form {
  padding: 0.5em;
}
#content textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
#content h1 { font-size: 1.75em; }
#content h2 { font-size: 1.5em; font-weight: bold; font-style: italic;}
#content h3 { font-size: 1.3em; font-style: italic;}
#content h4 { font-size: 1.3em; font-weight: bold; margin: 0; padding: 0;}
#content li { padding-bottom: 0.75em; }
#content ul ul { padding-top: 0.5em; }
#content .footnote { font-size: 0.9em; }

#content table { border: 0px solid gray; font-size: 1em;}
#content thead {background: #999; color: white;}
#content th, td {text-align: left; vertical-align: top; padding: 0 0.5em 0 0; border-width: 0}
#content th {font-size: 1.3em; text-align: center;}
#content a, #content a:visited {color: #00D; padding: 0 0.5em;}

#content .prompt {
  display: block;
  width: 8em;
  font-weight: bold;
}

#content .subprompt {
  display: block;
  width: 10em;
}

#content .note {
  font-size: 0.75em;
}

#content .count {
  padding-left: 5em;
}

/************************************************************************/


#captcha img {
  border: 3px inset #CCF;
}

