body {
  margin: 0;padding: 0;
  color: #ddd;
  font:12pt/12pt "Lucida Grande", Arial, sans-serif;
  color:#ccc;
  background-color:#444;
}
a {color:#aaa}
a:hover {color:	white}
h1, h2, h3 {
 color: #84B367;
}
#content > h1, #content > h2, #content > h3 {
  margin-top: 0;
}
img { border: 0; }
#content {
  padding: 2em;
  vertical-align: top;
}
#nav {}

#header {
  height:	 141px;
  width :    100%;
  background:	url(/headerbg.png)
}	

#mainwrapper {padding: 20px;}
#main {
  background: #343434;
  width: 100%;
  line-height: 1.3em;
}
#leftnav {
  background: black;
  width: 10em;
  vertical-align: top;
}
.shade {
  background: #666;
  border: solid 1px;
  border-color: #000 #999 #999 #000;
  padding: 2px;
}
.code {
  overflow: auto;
}
code {
  font-family: monospace;
}
.title {
   border-bottom: 1px #000 dotted;
}

/* navigation */

#nav {
 min-width: 130px;
 font-size: 0.9em;
}

#nav ol {list-style-type: none; margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0;}
div#list {
	margin-top: 2em;
	border-top: #444 1px solid;
}
#nav ol a {padding-left: 5px;}
#nav ol ol a {padding-left: 20px;}
#nav ol ol ol a {padding-left: 35px;}
#nav a {
	display: block;
	border-bottom: #444 1px solid;
	padding: 3px; 
	padding-right: 2em;
	color: #999;
}
#nav a:link, #nav a:visited {
	text-decoration: none;
}
#nav a.selected {
	background-color: #84B367;
	color: #000;
	font-weight: bold;
}
#nav a:hover {
	background-color: #84B367;
	color: #000;
}
#nav #root {
	min-height: 2em;
}