body { margin: 40pt auto;
			 padding: 0 10pt;
/* if the user has comic sans installed, they must like it, so use it
   then try VGA 
   otherwise use their browser default
*/
       font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', 'VGA'; 
       background-color: #eee; }
pre, textarea { font-family: mono; } 

.small { font-size: 75%; }
.smalldate { color: #888888; }

a { text-decoration: none; color: #406940;}
a:hover { text-decoration: underline; }

#header { text-align: center; }
.headerTitle { margin: 0 }
.headerTitle a { font-size: 120%; color: black;}
#headerSubTitle { font-size: 50%; }
#header .subHeader { display: none; }

#side-bar { margin : 8pt; float: right;  }
#side-bar p { 
  text-align: center;
  display: block;
  margin: 0;
  color: black;
  font-variant: small-caps;
}


#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

li ul {
	border-left: 6pt solid rgba(0,0,0,0.02);
	background: rgba(0,0,0,0.02);
}

#side-bar li { margin: 0; }

#side-bar a {
  margin: 0;
  padding: 4pt;
  display: block;
	font-variant: small-caps;
}

.thisPage, .thisPage a {
	background: rgba(0,0,0,0.05);
	font-weight: bold;
}

.sideBarText {
  line-height: 8pt;
  margin: 0 0 4pt 0;
  padding: 4pt;
  display: block;
}

#side-bar .sideBarText a {
  margin: 0;
  padding: 0;
  display: inline; 
}

#side-bar .sideBarText a:hover {
  text-decoration: none;
}


/* # Main Copy # */
#main-copy {
  line-height: 16pt;
  padding: 16pt ;
  margin: 0 auto;
  max-width: 1024pt;
}

#main-copy p {
  margin: 16pt !important; /* Need !important so troff-generated pages don't look totally squezed */
  padding: 0;
}

#main-copy h1, 
#main-copy h2, 
#main-copy h3, 
#main-copy h4, 
#main-copy h5 {
  display: block;
  color: #555555;
  line-height: 18pt;
  padding: 4pt 16pt;
}

#main-copy h1 { padding: 0 }

#main-copy h1 a, #main-copy h2 a, #main-copy h3 a {
  color: black;
  text-decoration: none
}

#main-copy p a {
	text-decoration: underline;
}

#main-copy .topOfPage {
  text-decoration: none;
  margin: 16pt;
  padding: 0;
  float: right;
}

dl {
  margin: 10pt;
  padding: 0;
}

dt {
  margin: 0 0 0 0;
  padding: 0;
}

dd {
  margin: 0 2pt 16pt;
  padding: 0;
}


/* # Footer # */
#footer {
  clear: both;
  padding: 2pt;
  text-align: center;
}

#footer a { color: black; }

/* GENERAL */

table {
  margin: 8pt;
}
th {
  background-color: rgba(100,100,140,0.2);
   text-align: center;
   margin: 0;
   padding: 4pt;
}
td {
  background-color: rgba(100,100,140,0.1);
  padding: 4pt;
  margin: 0;
}

hr {
  border-width: 0px 0px 2pt 0px;
  border-color: black;
}

acronym, .titleTip {
  border-bottom: 1px solid #ddd;
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

pre {
  margin-left: 16pt; 
}

blockquote {
  /* border-left: 1px solid #406940; */
  font-style: italic;
	max-width: 80%;
	background: rgba(0,0,0,0.02);
  border-radius: 5pt;
}

.smallCaps {
  font-variant: small-caps;
}

.doNotDisplay { display: none; }

/* # Page/Handler specific # */

.dir-list {   
  list-style: none;
  padding: 2pt 0;
}

.dir-list li {
  padding: 2pt 4pt;
  }
 
.storylink { font-variant: small-caps; font-size: 120%; }
.smalldate { font-size: 75% }