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; }
}

p.copyright { font-size: small }
p.copyright small { font-size: small }

pre { margin: 0px 1em }

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

.note { margin-left: 3em; margin-right: 3em;
border-top: 2px solid; border-bottom: 2px solid; border-left: 2px solid;
-moz-border-radius: 8px 0px 0px 8px; }
.note .body { padding: 5px 10px; }
.note .title { float: right; padding: 4px 10px; font-weight: bold; }

dt, dd { margin-top: 0 } /* opera 3.50 */
dd { margin-bottom: 1em }
dt {
 font-weight: bold;
 font-style: italic;
 border-bottom: 1px dotted;
 padding-left: 1em;
 margin-left: 1em;
}

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: 10px;
}
h2 { font: 150% bold Georgia,serif; letter-spacing: 2px; }
h3 { font-family: bold Georgia,serif; }
.secbody { font-size: 95%; margin: 10px 10px 10px 20px; }
.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; }

/* BEGIN: NEWS */

.news-pager { width: 100%; font-size: 85%; margin-bottom: 10px; -moz-border-radius: 12px; }

.brief {
  display: none;
  position: absolute;
  border: 2px solid;
  border-top: 1px solid;
  z-index: 10;
  width: 400px;
  font-family: Tahoma,Verdana,sans-serif;
  font-size: 80%;
}
.brief .nest, #buzzbar .nest { padding-left: 20px; }
.brief .item { border-top: 1px solid; padding: 2px; }
.brief .stamp { float: right; margin-left: 10px; }
.brief .name { font-weight: bold; }
.brief .text, #buzzbar .text { padding: 1px 5px; }

#buzzbar {
  float: right;
  width: 28%;
  border: 1px solid;
  border-top: none;
}
#buzzbar .title { padding: 3px; font-size: 90%; border-top: 1px solid; }
#buzzbar .sect { margin: 5px 10px; font-size: 80%; font-family: tahoma,arial,helvetica,sans-serif; }
#buzzbar .item { }
#buzzbar .stamp { padding: 2px 4px; margin: 0px -4px; }
#buzzbar .time { float: right; text-align: right; border-bottom: 1px dashed; }
#buzzbar .name { border-bottom: 1px dashed; }

#newsbar {
  width: 70%;
}

.newsstart { margin-bottom: 25px; font-size: 90%; padding: 2px; -moz-border-radius: 8px; }
.newsstart .newsbody { padding: 0.5em 1em; }
.newsstart .newsbody li { margin-bottom: 0px; }

.newsstart .bot, .newsstart .top {
  position: relative;
  border: 1px solid;
  -moz-border-radius: 6px;
  padding: 2px 5px;
  font: 90% Tahoma,Verdana,sans-serif;
}

.newsstart .subject {
  padding: 2px 10px;
  font: bold italic 110% Georgia,serif;
  text-align: right;
}

.newsstart .bot {
  float: right;
  top: -0.7em;
  margin: 0px 0px;
}

.newsstart .top {
  float: left;
  top: 1em;
  margin-left: 0px;
}

.newsstart .newsauthor { font-weight: bold; }

/* END: NEWS */

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

#footer {
  border: 2px dotted;
}

#LoginLogout {
  border: 2px dotted;
}

.paren {
  font-size: smaller;
  margin-left: 20px;
}

FIXME {
  background-color: #600000;
  color: #ff0000;
  padding: 10px;
  border: 2px solid #ff0000;
  display: block;
  font-weight: bold;
  font-size: larger;
  text-align: center;
}

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

.cventry {
  border-left: 2px solid;
  border-right: 2px solid;
  border-bottom: 1px dashed;
}

.cvtag, .cvtaghl {
  margin: 0px 10px 0px 10px;
  text-align: right;
  font-weight: bold;
  padding: 4px 20px 4px 20px;
  border-right: 1px dashed;
  border-bottom: 1px dashed;
  border-left: 1px dashed;
  cursor: default;
}

.cvval {
  padding: 4px;
  margin-left: 10px;
  font-size: 90%;
}

.cvval ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

.cvval li {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: square;
}

.gbhead {
  border-bottom: 2px solid;
}

.gbname {
  padding: 2px 5px 2px 5px;
}

.gbdate {
  padding: 2px 5px 2px 5px;
  font-size: 90%;
  float: right;
}

.gbtext {
  padding: 0px 20px 5px 20px;
  font-size: 90%;
}

.center {
  text-align: center;
}

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

.error {
  padding: 20px;
  border: 4px solid #f00;
  text-align: center;
  font-size: 140%;
}

#conttoc {
  float: right;
  font-size: 80%;
  border: 1px solid;
  margin: 0px 0px 20px 20px;
  padding: 5px;
  font-family: Tahoma,Verdana,sans-serif;
}

#conttoc .level1 { font-weight: bold; }
#conttoc .level2 { margin-left: 1em; }
#conttoc .level3 { margin-left: 2em; }
#conttoc .level4 { margin-left: 3em; }
#conttoc .level5 { margin-left: 4em; }
#conttoc .level6 { margin-left: 5em; }

div.scrollTop {
  float: right;
  font-size: 12px;
  font-family: tahoma,verdana,sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
}

input, textarea {
 font-family: monospace;
}

input[type="text"], input[type="password"], 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 13px;
  left: -33%;
  font-size: 80%;
  border-left: 2px dotted;
  border-right: 2px dotted;
  border-bottom: 2px dotted;
  font-variant: small-caps;
  letter-spacing: 3px;
  cursor: pointer;
}

/* BEGIN: navigation */

.menuholder {
  position: absolute;
  left: 0px;
  overflow: hidden;
  width: 160px;
  border-right: 2px dotted;
  z-index: 100;
  font-size: 90%;
}

.menubar {
  position: relative;
  font-family: Tahoma,Verdana,sans-serif;
  cursor: default;
  border-bottom: 2px dotted;
}

.menubar .control {
  font-weight: bold;
  font-size: 90%;
  padding: 0px; margin: 0px; border: 0px;
  border-collapse: collapse;
}

.menubar .control td { padding: 1px; margin: 0px; border: 0px; }

.menubar .control .button { float: left; }
.menubar .control .button-right { float: right; }

.menubar .space { margin-bottom: 3px; }

.menubar .title {
  margin: 0px auto;
  font-weight: bold;
  font-family: Georgia,serif;
  font-size: 120%;
  font-style: italic;
  -moz-border-radius: 0px 0px 4px 4px;
  border: 1px solid;
  width: 94%;
  letter-spacing: 1px;
}

.menubar .title td { margin: 0px; padding: 0px 5px; border: none; }

.menubar .title .img { float: right; width: 12px; height: 12px; filter: alpha(opacity = 60); -moz-opacity: 0.6; }

.menubar .title-hilite .img { filter: alpha(opacity = 100); -moz-opacity: 1; }

.menubar .section {
  margin: 0px 10px;
  overflow: hidden;
  font-size: 95%;
}

.menubar .section .body {
  -moz-border-radius: 0px 0px 4px 4px;
  padding: 5px;
  border: 1px solid;
  border-top: none;
}

.menubar .section .body table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}

.menubar .section .body .item,
.menubar .section .body .item td {
  cursor: pointer;
  padding: 0px;
  margin: 0px;
}

.menubar .section .body .item .image {
  width: 20px;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}

.menubar .section .body .item .image .img {
  border: none;
  padding: 0px;
  margin: 0px;
}

.menubar .section .body .item {
  text-decoration: none;
}

.menubar .section .body .item .link {
  padding: 1px 1px 1px 4px;
  -moz-border-radius: 3px;
}

.menubar .section .body .item-hilite .link {
  padding: 0px 0px 0px 3px;
  border: 1px solid;
}

.menubar .section .body .item-hilite .image {
  -moz-opacity: 1;
  filter: none;
}

.menubar .section .body .item-disabled .image {
  filter: none;
  -moz-opacity: 1;
}

/* END: navigation */

#beforemenu, #aftermenu { text-align: center; padding: 10px 0px; }

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

div.k1, div.k2, div.k3 {
  font-size: 18px; font-family: Georgia,serif;  font-weight: bold;
}
div.k1 { font-style: italic; letter-spacing: 3px; text-align: center;
position: relative; top:0.6em; left: -0.8em; }
div.k2 { font-style: italic; letter-spacing: 3px; text-align: center; }
div.k3 { letter-spacing: 8px; text-align: center; position: relative;
top:-0.6em; left: 0.8em }

div.k1 { color: #05a; }
div.k2 { color: #aa0; }
div.k3 { color: #a50; }

form { margin: 0px; }

/* PopupDiv (3D popup dialog) */

.popupdiv {
  border: 2px solid;
  border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
  background: ThreeDFace;
  color: ButtonText;
  z-index: 200;
}

.popupdiv, .popupdiv button, .popupdiv input, .popupdiv select, .popupdiv textarea {
  font: 11px Tahoma,Verdana,sans-serif;
}

.popupdiv .title {
  background: Highlight;
  color: HighlightText;
  border-bottom: 1px solid #000;
  padding: 1px 0px 2px 5px;
  font-weight: bold;
  cursor: default;
}

.popupdiv .title .button {
  float: right;
  border: 1px solid #66a;
  background: #000;
  padding: 0px 2px 1px 2px;
  color: #fff;
  text-align: center;
}

.popupdiv .title .button-hilite { border-color: #88f; background: #44c; color: #fea; }

.popupdiv button {
  width: 60px;
  padding: 0px 0px;
  background: ThreeDFace;
  color: ButtonText;
  border: 1px solid;
  border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
}

.popupdiv button:hover {
  background: ThreeDHighlight;
}

/* dialogs */

#PDConfig { display:none; padding:5px; }

#wizard, #wizard-background-for-the-stupid-internet-explorer {
  position: absolute;
  border: 1px solid red;
  width: 600px;
  height: 400px;
  z-index: 1000;
  color: #fff;
}

#wizard a:link, #wizard a:visited { color: #ff0; text-decoration: underline; }
#wizard a:hover { color: #f00; }

/* contact form */
.contact .form-error {
  color:          #fb3a0b;
  cursor:                 help;
  font-family:            helvetica, verdana, sans-serif;
  font-size:          9pt;
  font-weight:          bold;
}

.contact legend {
  color:          #306f85;
  font-family:            helvetica, verdana, sans-serif;
  font-size:          9pt;
  font-weight:          bold;
}

.contact fieldset {
  width:          70%;
  text-decoration:        none;
  font-family:            helvetica, verdana, sans-serif;
  font-weight:            normal;
  font-size:              9pt;
  color:                  #808080;
}

.contact label {
  text-decoration:        none;
  font-family:            helvetica, verdana, sans-serif;
  font-weight:            normal;
  font-size:              9pt;
  color:                  #808080;
}

.contact label#message-label {
  text-decoration:        none;
  font-family:            helvetica, verdana, sans-serif;
  font-weight:            normal;
  font-size:              9pt;
  color:                  #808080;
  text-align:          center;
}