/* Formatting */
BODY { 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffd;
	color: #000;

}
H2,H4 { margin-bottom: 2px; }
UL { margin-top: 2px;
     margin-bottom: 0px;
   }
.indent { margin-left: 20px; }
.reference {
   font-size: 0.9em;
   margin-bottom: 1em;
}



/* Structure */

html {
  max-width: 70em;
  margin: 0 auto 0 0;
  padding: 0;
}

body {
  margin: 0;
  margin-right: 4%;
  margin-left: 9em;
/*  margin-right: 120px; */
  padding: 0;
  padding-left: 3%;
  border-left: medium dashed #039;
}

.sidebar {
	position: absolute;
	top: 0;
	font-weight: bold;
}

#sidebar-l {
/*	position: fixed; */
/*	background: white; */
	left: 0;
	font-size: 0.8em;
	width: 10em; /* relative to current font-size */
}

#sidebar-r {
	right: 0;
	width: 120px;
	min-height: 100%;
	background: #FFEEBB;

	border-left: 1px dashed #039;
}

#sidebar-r img {
	border: none;
	display: block;
	margin-left: -0.5em
}

#sidebar-l .box {
	padding: 0.2em;
	padding-left: 1em;
	margin: 1em 0.2em;

	border-right: 1px dashed #039;
	border-top: 1px dashed #039;
	border-bottom: 1px dashed #039;

}

#sidebar-l .box-tight {
	padding: 0.2em;

	border-right: 1px dashed #039;
	border-top: 1px dashed #039;
	border-bottom: 1px dashed #039;

}


#sidebar-r .box {
	padding: 0.2em;
	padding-left: 1em;
	margin: 0 0.2em 0 0.2em;

	border-bottom: 3px solid #039;

}
#sidebar-l ul {
  /* Older versions of IE don't read the IE only style sheet. This will help them without hurting other browsers */
  margin-left: 0;
}

.toc {
	/* padding-left inherits 1em from #sidebar box */
	/* so first line is pulled in -1em and other lines are indented */
	padding-left: 0.2em;
	text-indent: -1em;

	list-style-type: none;
}

.toc :link, .toc :visited {
  color: #039;
  text-decoration: none;
}

.toc :link:hover, .toc :visited:hover {
  text-decoration: underline;
}

.toc ul {
	list-style-type: none;
	padding-left: 2.5em;
}
.toc li {
	padding-top: 0.25em;
}

.toc li#start {
	padding-top: 1em;
}