/* CSS Document */
	.border_bottom {border-bottom: 1px solid #99957d;}

/*  Special Styles for the Main Home (AmericanFaces/index.html) Page */
	
	#sidebar {float: right; padding: 0px 0px 15px 50px; margin: 0px;
		border: 0px; width: 45%;}
	
	.imageHead {margin: 20px 0px 10px 15px; padding: 35px 10px 15px 0px; font-size: 9px; color: #6c604e;}
	
	#pageContent {padding-left: 20px;}
	
	#installments {margin: 0px 20px 0px 10px; padding: 10px; width: 80%;}
	
	.content {clear: left; margin: 10px 5px 0px 20px;}
	
	.installmentItem{font-size: 11px; clear: left; height: 58px;}
	
	.installmentItemNoImage{font-size: 11px; clear: left; height: 38px;}
		
	.installmentItem img {float: left; margin: 0px 7px 0px 0px; width: 55px; height: 55px; padding: 1px; border: 1px solid #74705b;}

	.installmentSeparator {border-top: 1px solid #666666; margin: 0px;}
	
	.installmentHeader {font-family: serif; font-size: 15px; font-weight: bold; margin: 20px 0px 5px 0px;}

/* American Faces Header  -------------------------------------------------------------------- */

/* Container for Top Header of Internal Pages */	
	#header {position: absolute; top: 0px; margin: 0px; padding: 5px; width: 99%;
	background: #f3efe1; border-top: 2px solid #99957d;}
	
/* Left-Side: Teaching the JAH Month Year (Vol. ##, no. #) */	
	.siteHeader {float: left; font-size: 11px; color: #000;}

/* Right-side: Navigation- */
	.siteMenu {float: right; margin: 0px 10px 0px 10px; font-size: 11px; font-weight: normal;}

/* Article Title, Author, and Picture - ------------------------------------------------------ */
	#articleheader {position: absolute; top: 30px;
	width: 100%; background: #f9f8f3; padding: 5px 5px 5px 18px;}

/* Side Menu: Navigate within the Article  -------------------------------------------------- */	
	#menu {width: 165px; float: right; padding: 0px; margin: 0px 10px 5px 5px;
	border: 1px solid #6c604e; background: #f3efe1;}
	.menuHeader {background-color: #900; color: #f0ecd8; font-size: 14px;
	font-weight: bold; padding: 5px; text-align: center;}
	.menuItem {padding: 7px;}
	.menuSeparator {border-top: 1px solid #6c604e; margin: 0px 0px 0px 0px;}
	.menuFooter {text-align: center; background: #e0dcca; padding: 2px;}

/* Menu Hyperlinks */
	.menuItem a:link {font-weight: bold; font-size: 11px; text-decoration: none; color: #000;}
	.menuItem a:visited {font-weight: bold; font-size: 11px; text-decoration: none; color: #000;}
	.menuItem a:hover {font-weight: bold; font-size: 11px; text-decoration: underline; color: #900;}
	.menuItem a:active {font-weight: bold; font-size: 11px; text-decoration: none; color: #900;}

/* Page Body  -------------------------------------------------------------------------------- */
	
	#content {margin: 50px 10px 10px 20px;}
	
	#indexContent {position: absolute; top: 147px; left: 0px; right: 10px; margin: 10px;}

	body  {color: #000; background: #f9f8f3; margin: 25px 0; padding: 0;}

	img {display: block; border: 0;}

	#footnotes { border-top: 1px solid #99957d;}

	p, blockquote, td, li, ul, ol, div  {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

	p, blockquote, li {line-height: 20px;}

	.footnote {padding: 2px 2px; margin: 4px; background: #f3efe1; border: 1px solid #e3ddbd;}
	
	.smallCaps {font-variant:small-caps; font-size:11.5px;}
	
	#previousNext {padding: 15px 0 25px 0;
	border-bottom: 1px solid #ccc;
}

/* Page Headers */	
	
	h1 {font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 18px;}
	h2 {font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 12px;}	
	h3 {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
	
		
	.sectionHead {font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 14px; margin: 30px 0px 0px 0px;}

/* Hyperlinks  ------------------------------------------------------------------- */
	a:link {font-size: 11px; font-weight: bold; text-decoration: none; color: #900;}
	a:visited {font-size: 11px; font-weight: bold; text-decoration: none; color: #900; }
	a:hover {font-size: 11px; font-weight: bold; text-decoration: underline; color: #900;}
	a:active {font-size: 11px; font-weight: bold; text-decoration: none; color: #900;}
	
/* Introduction Page: Sections Guide  ---------------------------------------------------------- */
	.guideHeader {margin-top: 20px; margin-left: 20px; width: 75%;}
	.guideDescription {width: 75%; margin-left: 40px;}
	
/* Section Guide Hyperlinks */
	.guideHeader a:link {font-size: 12px; font-weight: bold; text-decoration: none; color: #000;}
	.guideHeader a:visited {font-size: 12px; font-weight: bold; text-decoration: none; color: #000;}
	.guideHeader a:hover {font-size: 12px; font-weight: bold; text-decoration : underline; color: #900;}
	.guideHeader a:active {font-size: 12px; font-weight: bold; text-decoration : none; color: #900;}

/* Special Supplement Available Boxes (in Footnotes)----------------------- */
	.outlineBox {padding: 2px; border-top: solid 1px #99957d; border-bottom: solid 1px #99957d; font-size: 11px;}
	.outlineBox img {float:left; margin-right: 2px;}

/* Box -------------------------------------------------------------------- */
	.box {border: 1px solid #99957d; width: 90%; padding: 10px; margin: 5px; clear: left;}
	.box img {border: 1px solid #99957d; margin: 5px;}
		
/* Source Page Table  -------------------------------------------------------------------- */
/* Setup for tables with 3 TDs across */
	.tableBox {width: 33%; padding: 7px; border: 1px solid #b0a894;}
	.tableBox img{border: 1px solid #6c604e;}

/* Sources Pop-Up Windows  --------------------------------------------------------------- */
	#popupHeader {position: absolute; margin: 0px; padding: 5px; width: 98%; top: 0px; background: #f3efe1;}
	#popupContent {padding: 10px;}
	.popupHeaderLeft {float: left; color: #000; font-size: 11px;}
	.popupHeaderRight {float: right; margin: 0px 10px 0px 10px; font-size: 11px; font-weight: normal;}
	.sourcesImage {padding: 10px;}
	.sourcesImage img {border: 1px solid #b0a894;}
	.sourcesDocument {border: 1px solid #99957d; background: #f3efe1; padding: 10px; margin: 10px;}
	.sourcesCaption {padding: 10px; font-size: 11px; line-height: 18px;}
	.sourcesCitation {border-top: 1px solid #b0a894; padding: 10px; font-size: 11px; line-height: 14px;}
	.sourcesCourtesy {padding: 10px; font-size: 11px; color: #666; font-style: italic;}

/* Image Boxes  ------------------------------------------------------------------------------ */
	.imagePreview {float: right; clear: right; margin: 20px; width: 265px; padding: 10px; 
	border-top: 1px solid #99957d; border-bottom: 1px solid #99957d; background: #f3efe1;}
	.imageCaption {font-size: 10px; line-height: 15px; color: #000; margin-top: 5px;}
	.imageCitation {color: #666; margin-top: 12px; font-size: 10px; font-style: italic;}
	.imageCourtesy {color: #666; margin-top: 15px; font-size: 11px;}
	.imgFloatLeft {float: left; margin: 0px 10px 0px 0px;}
	.imgFloatRight {float: right; margin: 0px 0px 0px 10px;}
	
/* Footer  ---------------------------------------------------------------------------------- */
	#footer {margin: 30px 0px;}
	.footerCitation {font-size: 10px; text-align: center;
		border-top: 1px solid #99957d; border-bottom: 1px solid #99957d;}
	.footerNavigation {font-size: 10px; text-align: center;}
	#myFooter {clear: both; font-size: 11px; text-align: center; border-top: 1px solid #ccc; padding-top: 8px;}