body {
  background-color: #272727;
  color: #333;
  font: normal 11pt/17pt Arial,Helvetica,sans-serif;
  margin: 0;
}  

a, a:visited {
 color: #c43187;
}

a:hover {
 color: #e4399d;
}

h1,h2,h3,h4,h5,h6 {
  color: #6f3f00;
}

@media screen
{
  #content {
     margin: 30px 18px 10px 230px;
     padding: 0 30px 40px;
     background-color: #fff;
  }
  #logo {
    top: 0px;
    color: #333;
    float: left;
    padding: 10px 5px 3px 25px;
    position: fixed;
  }
  #navigation {
    font-size: 90%;
    color: #333;
    float: left;
    padding: 0px 0px 0px 5px;
    margin-top: -25px;
  }
}

@media print 
{
  #content {
    background-color: #fff;
  }
  #logo {
    display: none;
  }
  #navigation {
    display: none;
  }
  #footer {
    background-color: #fff;
  }
}
#content h1,h2,h3,h4,h5,h6 {
  color: #6f3f00;
  border-bottom: 1px solid #ffdaae;
  font: normal 20pt Arial,Helvetica,sans-serif;
  margin:0 0 15px;
  padding:25px 0 10px;
}

#content h2 {
  color: #955500;
  font-size: 18pt;
  padding: 25px 0 8px;
}

#content h3 { 
  border-bottom: none;
  color: #688a6f;
  font-size: 16pt;
  margin-bottom: 0;
}
#content h4 { 
  border-bottom: none;
  color: #000000;
  font-size: 14pt;
  margin-bottom: 0;
}

#content table th {
  font: bold 10pt Arial,Helvetica,sans-serif;
  margin: 4px;
}

#content table td {
  font: normal 10pt Arial,Helvetica,sans-serif;
  background-color: #ffeeaa;
}

#navigation img {
  padding: 0px 0px 25px 0px; 
}

#navigation h1 {
  background-color: #7cba6e;
  color: #000;
  font-size: 1.1em;
  padding: 0.2em 0.5em;
  margin: 1em 1em 0.1em;
}

#navigation ul {
  margin: 0 1em;
  padding: 0 0.5em;
  list-style: none outside none;
}

#navigation li {
  margin: 0;
  padding: 0;
}

#navigation li a, #navigation li a:visited {
  margin: 0;
  padding: 0 0.5em;
  background-color: #404d42;
  color: #ececec;
  padding:1px 5px;
  text-decoration:none;
}

#navigation li a:hover {
  background-color: #7cba6e;
  color: #000;
}

div.breadcrumbs {
  font-size: 80%;
  padding-top: 0.8em;
} 

div.breadcumbs ul {
  margin-left: 0;
  padding-left: 0;
}

div.breadcrumbs ul li {
  list-style: none;
  float: left;
}

div.breadcrumbs ul li.item:before {
  content: "\00BB";
  padding-left: 0.7em;
  padding-right: 0.7em;
} 

#footer {
  background-color:#404040;
  color:#717171;
  font-size: 80%;
  margin: 0 18px 0  230px;
  padding: 10px 30px;
}

#footer a, #footer a:visited {
  color: #af8f66;
}

#footer a:hover {
  color: #dcb27e;
}

div.codehilite {
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -o-pre-wrap; 
    background: #faf8f0; 
    display: block; 
    padding: 0.5em 1em; 
    margin: 0.5em 1em; 
    border: 1px solid #bebab0;
    line-height: 133%;
}
span.c1, span.cm { /* comments */
    color: #667f5b;
}
span.nt { /* XML Nodes */
    color: #667f5b;
}
span.k { /* keyword */
    color: #8e2b75;
    font-weight:bold;
}
span.nd { /* Java Annotations */
    color: #646464;
}
span.s , span.s2 { /* Strings */
    color: #1500ff;
}

