body {
  margin: 0;
  color: #000000;
  background-color: #ffffff;
  background-image: none
}

a:link { color: #0066cc; text-decoration: none }
a:visited { color: #990099; text-decoration: none }
a:hover { text-decoration: underline }
a:active { color: #99ccff; text-decoration: underline }

a:link img { border: none }
a:visited img { border: none }
a:active img { border: solid #99ccff }

@media print {
  body { font-family: "Times", serif; font-size: 10pt; }
  h1, h2, h3, h4, h5, h6 { font-family: "Helvetica", sans-serif; }
}

@media screen {
  body { font: 120%/1.45 "Gill Sans", "Verdana", sans-serif;}
}

p {
  text-indent: 1em;
  margin: 0em 0em 0em 0em;
  width: 40em;
}


hr {
  color: #000000;
  background-color: #000000;
  height: 1px;
}

ul { list-style-position: outside; width: 37em;}
ul.none { list-style-type: none; width: 37em;}
ol { list-style-position: outside; width: 37em;}
ol.arabic { list-style-type: decimal; width: 37em;}
ol.roman { list-style-type: lower-roman; width: 37em;}
ol.alpha { list-style-type: lower-alpha; width: 37em;}

h1 { width: 21em; }
h2 { width: 28em; }
h3 { width: 35em; }
h4 { width: 40em; }

/* Tables */
table {
  width: 40em;
}

th {
  vertical-align: top;
  text-align: right;
  padding-right: 0.5em;
  margin-top: 0px;
}
#navigation {
  /*position: absolute;*/
  top: 0em;
  left: 0em;
  right: 0em;
  color: black;
  background-color: #ffcc00;
  text-indent: 0em;
  /*font-family: "Helvetica", sans-serif;*/
  padding: 0.5em 0.5em 0.5em 0.5em;
}

#navigation p {
  text-indent: 0em;
  /*font-family: "Helvetica", sans-serif;*/
  width: 100%;
}

#navigation p.cc {
  position: absolute;
  top: 0em;
  right: 1em;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

#container {
  /*position: absolute;*/
  top: 5.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

p.noindent {
  text-indent: 0em
}

blockquote {
  margin: 2em 2em 2em 1em;
  padding-left: 1.25em;
  padding-right: 0.75em;
  border-left: 2px solid #ffcc00;
}

blockquote.introquote {
  text-indent: 0em;
  padding-left: 2em;
  padding-right: 2em;
  border: none;
}

blockquote.acn {
  text-indent: 0em;
  padding: 1em 1em 1em 1em;
  /*border: none;*/
  border: 1px solid #bbbb66;
  background-color: #ffff88;
  -moz-border-radius: 0.7em;
}

strong.color {
  color: #0066cc;
}

.introbox {
  margin: 0px 0px 50px 0px
}

.introbox h2 {
  margin: -70px 0px 0px 180px
}

.introbox p {
  width: 50%;
  text-indent: 0em;
  margin: 0px 0px 0px 180px
}

p.quote {
  text-indent: 0em;
  margin: 0% 10% 0% 10%;
}

.code-snippet {
  border: 2px solid #ffcc00;
  padding: 0px 0px 0px 0px;
  margin-top: 2em;
  margin-bottom: 1em;
}

.code-snippet p {
  font-family: "Helvetica",sans-serif;
  font-size: large;
  color: #000000;
  background-color: #ffcc00;
  margin: -0.7em 0em 0em 2em;
  padding: 0.2em 0.2em 0.2em 0.2em;
  width: 50%;
}

.code-snippet pre {
  color: #000000;
  background-color: #ffffff;
  margin: 1em 0em 1em 2em;
}

/* Pretty printing styles. Used with prettify.js. */

.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
pre.prettyprint { padding: 2px; border: 1px solid #888; background-color: #dddddd; }

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}