/* Global Styles */

body {
	margin:0px;
	}
	
td {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
a {
	color: #993300;
	}
	
a:hover {
	color: #5C743D;
	text-decoration: none;
	}

/* ID Styles */

#navigation td {
	border-bottom: 1px solid #F4FFE4;
	}

.shorten {
    display:inline-block
}
	
#navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	background: #99CC66;
	color:#993300;
	}
	
#logo 	{
	font:24px Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:14px Arial, Helvetica, sans-serif;
    font-weight: bolder
	color: #000000;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}

	
/* Class Styles */
	
.bodyText {
	font:14px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #4C7B7E;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font: 18px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	

.header {
	font: 16px Arial, Helvetica, sans-serif;
	color: #5C743D;
	line-height:26px;
	letter-spacing:0.1em;
	display: block;
	text-decoration: none;
	font-weight: bold;
	}
	
.header:hover {
	font: 16px Arial, Helvetica, sans-serif;
	color: #99CC66;
	line-height:26px;
	letter-spacing:0.1em;
	display: block;
	text-decoration: none;
	font-weight: bold;
	}
	
.headerintext {
	font: 16px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:26px;
	letter-spacing:0.1em;
	text-decoration: none;
	font-weight: bold;
	}
	
.headerintext:hover {
	font: 16px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:26px;
	letter-spacing:0.1em;
	text-decoration: none;
	font-weight: bold;
	}


/* Adventures of Little Man */


body {
  font-family: 'Arial', sans-serif;
}

.content {
  max-width: 720px;
  margin: 0 auto;
  border-top: 8px solid #000;
}

h1 {
  font-size: 50px;
  font-weight: bold;
  margin: 20px 0px 0px 20px;
}

h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0px 10px 20px;
  color: #666666;
}

.table-of-contents {
  text-align: center;
  margin: 40px;
}

.chapter {
  text-align: center;
}

.chapter-image {
  margin-right: 20px;
  margin-bottom: 20px;
}

.chapter-body {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  width: 390px;
}

.chapter-body1 {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  width: 600px;
}


p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}