/* Images as they appear in each chapter's image list */
.chpict { margin-bottom: 3em; }
.chthumb > a { float: left; width: 160px; text-align: right; } 
.chcapt {  margin-left: 200px; text-align: justify; }

/* ...in the table of contents... */
.tocentry { margin-bottom: 1em;}
.tocpict { }
.tocthumb { float: left; width: 200px; margin-left: 20px; } 
.toccapt {  margin-left: 200px; text-align: justify; }
.toccapt a { text-decoration: none; color: black; }

/* ...and when included inline in text */
.inlineImage {
	width: 200px;
	float: right;
	text-align: center;
	margin-left: 1em;
	margin-bottom: 0.5em;
}
.inlineImage img {
	margin: 0px auto;
	border: 1px outset #ccc;
}
.inlineImage p {
	font-size: 80%;
	font-style: italic;
	text-align: center;
	margin-top: 0px;
}

/* .. and then there is the one-off intro essay "left list" layout */
.leftListImage {
	text-align: center;
	margin-bottom: 1em;
}
.leftListImage img {
	border: 1px solid #ccc;
}

.right {
	float: right;
	margin-left: 2em;
}


/* Tab control */
#ulTabheader { margin: 0; padding: 0; list-style: none; border-bottom: 10px solid gray; }
#ulTabheader > li >  a { text-decoration: none; color: white; }
#ulTabheader li { display: inline; border: 1px solid #777; border-radius: 0.5em 0.5em 0 0; padding: 0.4em; margin: 0.4em;  background-color: black; }
#ulTabheader li.active { background-color: lightgray; }
#ulTabheader li.active a { color: black; }

/* Layout */
body {
	font-size: 1em;
	background-color: #eee;
	font-family: "Georgia", Times, serif;
}
img { border-width: 0; }
#page {
	width: 1016px;
	margin: 1em auto;
	background-color: white;
	border: 4px ridge white;
	color: black;
}
#header {
	border-bottom: 5px solid black;;
	margin-bottom: 2em;
}
#content {
	margin-bottom: 2em;
}
#images_left {
	float: left;
	width: 180px;
}
#content-right {
	margin-left: 200px;
}
#content-center {
	width: 650px;
	padding: 0 20%;
	margin: 0 auto;
}
#footer {
	border-top: 1px solid black;
	text-align: center;
	font-size: 80%;
	background: pink;
}
	
h2 { font-weight: normal; border-bottom: 1px solid black; margin-top: 1em;}
.first { margin-top: 2em; } 


/*.dropcap { 
	display: block; 
	float: left; 
	font-size: 400%; 
	position: relative;
	bottom: 0.2em;
	margin: 0 0.1em -0.4em 0; 
}*/

p.dropcap:first-letter {
   font-size: 4em; 
   float: left; 
   margin: 0.1em 0.1em 0 0; 
}

.footnotes {
	font-size: 80%;
}
.footnoteborder {
	width: 25%;
	border-top: 1px solid black;
}
/* Images */


/* Menu and breadcrumbs */

#menu {
	background-color: red;
	border-bottom: 5px solid black;
	font-family: "Trebuchet MS", helvetica, Arial, sans;
	font-weight: bold;
}
#menu ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}
#menu li { 
	display: inline; 
}
#menu > ul > li > a {
	text-decoration: none;  
	margin: 4px;
	padding: 0.4em 2em; 
	color: blue;
	background: pink;
}
#menu ul li a:hover {
	color: purple;
	background: lightgreen; 
}
#breadcrumb {  margin: 0 auto; }
#breadcrumb li { list-style: none; display: inline; }

.clearfix:after {
		content: '';
		display: table;
		clear: both;
  }
.notop { margin-top: 0; }
.nobottom { margin-bottom: 0; }
.source { margin-top: 0.3em; }
.imagedesc { margin-top: 0; margin-bottom: 0; }