/* to center everything for IE */
body {
	text-align: center;
}

/* container sets overall width because IE is stupid and doesn't understand body width */
#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 600px;
}

/* h2 used as main title for each chapter; h3 used as subsection headers */
h2, h3 {
	border-bottom: 1px dotted #000;
	margin-bottom: 6px;
}

/* standard font settings */
p, li {
	font-family: arial;
	font-size: 12px;
}

/* font for footnote references within text */
.footnoteref {
	font-family: arial;
	font-size: 9px;
	vertical-align: top;
}

/* border between main body and footnotes */
#footnotes {
	border-top: 1px solid #000;
}

/* font for actual footnotes */
#footnotes li {
	font-family: arial;
	font-size: 10px;
}

/* list type for subsection lists within table of contents */
.subsection, #toc ol, #maintoc ol li {
	font-weight: normal;
	list-style-type: lower-alpha;
}

/* boldface main chapter names in table of contents */
#maintoc li {
	font-weight: bold;
}

/* formatting of navigation links on individual chapter pages */
.navigation table {
	width: 100%;
	border: none;
}

.navigation td {
	font-family: arial;
	font-size: 12px;
}

.leftNav {
	text-align: left;
	width: 33%;
}

.centerNav {
	text-align: center;
	width: 34%;
}

.rightNav {
	text-align: right;
	width: 33%;
}

/* font for image captions */
.caption {
	font-family: arial;
	font-size: 11px;
	font: italic;
}

/* formatting of images */
.inset-image-right {
	float: right;
	border: 1px solid #000;
	background-color: #ddd;
	margin: 8px 0 8px 8px;
}

.inset-image-right td {
	padding: 5px;
}

.inset-image-right img {
	margin-bottom: 6px;
}

/* formatting of pullout quotes */
.pullout {
	float: right;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 8px 0 8px 8px;
}

/* formatting of long text boxes */
.highlight {
	border: 1px solid #000;
	background-color: #ddd;
	margin: 8px;
}

.pullout td, .highlight td {
	padding: 10px;
}


/* index page stuff follows */

/* banner image */
#bannerImage {
	width: 980px;
	margin: 0 0 12px 0;
	clear: both;
}

/* cover image */
#coverImage {
	float: left;
	height: 550px;
	width: 400px;
	background: url('images/cover3.jpg') no-repeat top left;
}

/* main content */
#indexNav {
	float: right;
	height: 550px;
	width: 568px;
	margin-right: 12px;
	padding-top: 0;
}

#indexNav h3{
	border-bottom: 1px dotted #000;
	margin-bottom: 6px;
	margin-top: 0;
}

/* blog & facebook buttons */
#buttons {
	float: right;
}

#buttons img {
	border: 0;
}