html { padding: 0px; margin: 0px; }

body {
  margin: 0px; padding: 0px;
  font: 14px "Microsoft Verdana",Verdana,sans-serif;
}

table {
font: inherit;
background: inherit;
color: inherit;
}

a {
 text-decoration: none;
}

@media screen {  /* hide from IE3 */
 a:hover { position: relative; text-decoration: underline; }
}

pre { margin: 0px 1em }

p {
 margin-top: 0.8em;
 margin-bottom: 0.8em;
}

pre, code { font-family: fixed,monospace; } /* navigator 4 requires this */
pre.code { padding: 1em; }

ul.toc {
  list-style: disc;      /* Mac NS has problem with 'none' */
  list-style: none;
}

li { margin-bottom: 1em; }

h1 {
  overflow: hidden;
  white-space: nowrap;
  font: bold small-caps 170% Georgia,serif;
  padding: 4px 10px 4px 10px;
  letter-spacing: 3px;
  margin-bottom: 1px;
}

h2 { font: 150% bold Georgia,serif; letter-spacing: 2px; }
h3 { font-family: bold Georgia,serif; }
.secbody { font-size: 95%; margin: 10px 10px 10px 20px; background: #356; padding: 5px; }
.secbody h2 { border-bottom: 2px solid; margin-left: -20px; padding-left: 1em; }
.secbody h3 { border-bottom: 1px solid; }
.secbody h4 { border-bottom: 1px solid; text-align: right; }


#footer, #header {
  z-index: 100;
  font-size: 80%;
  padding: 4px 1em 4px 1em;
}

#footer {
  border: 2px dotted;
  border-right: none;
}

h1 a, h2 a {
  text-decoration: none;
}

.center {
  text-align: center;
}

a img, a.image { border: none; }

input, textarea {
 font-family: monospace;
}

input[type="text"], textarea { border: 1px solid; }

button, input.button {
 padding: 0px;
 font-family: sans-serif;
 font-size: smaller;
}

.pointer { cursor: pointer; } /* for the sucking IE5 "browser". */

#employ {
  position: relative;
  float: right;
  padding: 2px 10px 2px 10px;
  left: -33%;
  font-size: 80%;
  border-left: 2px dotted;
  border-right: 2px dotted;
  border-bottom: 2px dotted;
  font-variant: small-caps;
  letter-spacing: 3px;
}

#pagecontent {
  border-top: 2px dotted;
  padding: 1.5em 1em 1em 1em;
}

form { margin: 0px; }

html, body {
 color: #8ac;
 background: url(dark-fade-3.gif) repeat-y #345;
}

:link { color: #0cf; background: transparent }
a:visited { color: #0cf; background: transparent /* 98fb98 */ }
a:active { color: #f80; background: transparent }

div a:active { color: #f80; border-color: #fff; background: transparent }

.hide { display: none }

@media screen {  /* hide from IE3 */
 a:hover { color: #f80; background: transparent }
 a:hover span.underline { color: #ffc; }
}

h1 {
 color: #fff;
 border-top: 2px solid #08A;
 border-left: 2px solid #08A;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 background-image: url(dark-fade-1.jpg);
}

h2, h3, h4 {
 color: #fff;
 border-color: #b97;
}

h4 {
 color: #ccc;
 border-color: #975;
}

em {
 color: #ba4;
}

#navbar { background: #356; border-color: #689; text-align: center; border: 3px; }
#navbar .title {
  color: #acd;
  font-weight: bold;
  background: #134;
  border-color: #689;
}

#footerbar { background: #245; text-align: center; }
.update { font-size: 75%; float: left; }

.rhsimg {
  border: 2px solid #689;
  float: right;
  clear: both;
  margin-bottom: 5px;
}

#footer, #header, #employ {
 background: #123;
 border-color: #97c;
 color: #abc;
}

#footer a, #header a {
 color: #cba;
}

#header a:hover, #footer a:hover {
 color: #f80;
}

#pagecontent { border-color: #97c; }



/*** FORMS ***/

select, select:hover, select:active { background: #ccf; color: #000; }
input[type="text"], textarea { border-color: #05a; background: #89b; -moz-border-radius: 6px; }
button, input[type="button"] {
  background: #678; border: 1px solid; border-color: #89a #234 #234 #89a;
}
button:hover, input[type="button"]:hover { background: #89a; }
button:active, input[type="button"]:active { border-color: #234 #89a #89a #234; }