body {
 background-color:  rgb(232,235,224);
 color: #000;
 margin: 0;
 padding: 0;
 position: relative;
 
}

#banner { 
  background-image: url(gradient-blue.png); background-repeat: repeat-x; 
  height: 198px; overflow: hidden; border: none; position: relative;  width: 100%;
  border-bottom: solid 2px rgb(192,196,196); 
}

#banner h1 { position: absolute; left: 40px; bottom: 10px; margin: 0; padding: 0;}
#illust { position: absolute; bottom: 0; left: 435px; border: none; }
#logo { position: absolute; top: 25px; left: 25px; }

#main {
  background-image: url(gradient-brown.png); background-repeat: repeat-x;  border: none; position: relative;
  background-color: rgb(255,255,255); min-height: 400px;
}

#content { padding-left: 18px; margin-left: 40px; width: 50em; border: none;overflow: hidden;}
#content h1, #content h2, #content h3 { margin-left: -18px }

#menu {
  position: absolute; left: 50em; margin-left: 80px; top: 80px;
 
}

#menu li { font-size: 12px;  font-family: arial,verdana,helvetica,sans-serif;  color: #ef2929; list-style-image: url(bullet.gif); padding-left: 16px; margin-left: 0;
}

#footer {
  color: rgb(143,150,136);
  font-size: 10px;
  border-top: 2px solid rgb(192,196,196);
  height: 50px;
  padding-top: 15px;
  padding-left: 15px;
  background-color: rgb(232,235,224)
}

body, th, td {
 font: normal 13px serif;
 line-height: 1.5em;
}

h1, h2, h3, h4  {
 font-family: arial,verdana,helvetica,sans-serif;
 font-weight: bold;
 color: #ef2929; 
}

h1 { font-size: 19px; }
h2 { font-size: 16px;  }
h3 { font-size: 14px; }
hr { border: none;  border-top: 1px solid #ccb; margin: 2em 0 }
address { font-style: normal }
img { border: none }

.underline { text-decoration: underline }
ol.loweralpha { list-style-type: lower-alpha }
ol.upperalpha { list-style-type: upper-alpha }
ol.lowerroman { list-style-type: lower-roman }
ol.upperroman { list-style-type: upper-roman }
ol.arabic     { list-style-type: decimal }

/* Link styles */
:link, :visited {
 text-decoration: none;
 color: #b00;
 border-bottom: 1px dotted #bbb;
}

#menu :link, #menu :visited {
 border-bottom:  1px dotted #bbb;
}

#menu :link:hover, #menu :visited:hover {
 background-color: #eee;
 color: #555;
}

:link:hover, :visited:hover {
 background-color: #eee;
 color: #555;
}
h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited,
h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
 color: inherit;
}
#footer :link, #footer :visited { color: #bbb; }

/* Wiki */

a.missing:link, a.missing:visited { background: #fafaf0; color: #998 }
a.missing:hover { color: #000; }
a.closed:link, a.closed:visited { text-decoration: line-through }

dl.wiki dt { font-weight: bold }
dl.compact dt { float: left; padding-right: .5em }
dl.compact dd { margin: 0; padding: 0 }

pre {
 background: #f7f7f7;
 border: 1px solid #d7d7d7;
 margin: 1em 1.75em;
 padding: .25em;
 overflow: auto;
}
table.wiki {
 border: 2px solid #ccc;
 border-collapse: collapse;
 border-spacing: 0;
}
table.wiki td { border: 1px solid #ccc;  padding: .1em .25em; }

/* Styles for the TracGuideToc wikimacro */
.wiki-toc {
 padding: .5em 1em;
 margin: 0 0 2em 1em;
 float: right;
 background-image: url(gradient-brown.png); background-repeat: repeat-x;
 font-size: 10px;  font-family: arial,verdana,helvetica,sans-serif;  color: #ef2929; 
 position: relative;
}
.wiki-toc h4 { margin: 0 }
.wiki-toc ul, .wiki-toc ol { list-style: none; padding: 0; margin: 0 }
.wiki-toc ul ul, .wiki-toc ol ol { padding-left: 1.2em }
.wiki-toc li { margin: 0; padding: 0 }
.wiki-toc .active { background: #ff9; position: relative; }