/* CSS Document */
body {
	
}

	.border_bottom {border-bottom: 1px solid #99957d;}

/*  Special Styles for the Main Home (teaching/index.html) Page */

p.question {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.author {
	font-weight: bold;
}

#wrapper {
	min-width: 700px;
}

	#leftColumn {width: 62%; padding: 10px 0px 0px 10px; float: left;}
	
	#rightColumn { float: right;
	border: 0px; width: 35%;}
	
	#head {margin: 0px 0px 10px 20px; font-size: 9px; color: #6c604e;}
	
	#pageContent {padding-left: 20px;}
	
	#installments {margin: 0px 20px 0px 0px; padding: 5px; width: 95%;}
	
	.feature {padding: 5px 0; margin:0 0 0 20px; width: 80%; 
	border-bottom: 1px solid #d1d1d1;
}
	.feature h1 {
	line-height: ;
}
	.feature img {float: right; border: 1px solid #ccc; color: #fff; padding: 3px; margin: 0 0 5px 5px;}
	
	.content {clear: left; margin: 10px 5px 0px 20px;}
	
	.installmentItem{font-size: 12px; clear: left;}
		
	.installmentItem img {float: left; margin: 0px 7px 0px 0px; border: 1px solid #ccc; padding: 2px;
	color: #fff;
}

	.installmentSeparator {border-top: 1px solid #b8b5ad; margin: 0px;}

/* Teaching the JAH Header  -------------------------------------------------------------------- */

/* Container for Top Header of Internal Pages */	
	#header {position: absolute; top: 0px; margin: 0px; padding: 5px; width: 99%;
	background: #ece9dd; border-top: 2px solid #99957d;}

/* Left-Side: Teaching the JAH Month Year (Vol. ##, no. #) */	
	.siteHeader {float: left; font-size: 12px; 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: 26px; border-bottom: 1px solid #dddcd9; width: 99%; background: #f9f8f3; padding: 5px;}

/* Side Menu: Navigate within the Article  -------------------------------------------------- */	
	#menu {width: 165px; float: right; padding: 0px; margin: 0px 10px 5px 5px;
	border: 1px solid #bebcb3; background: #f3efe1;}
	.menuHeader {background-color: #6a0407; color: #f0ecd8; font-size: 13px;
	font-weight: bold; padding: 5px; text-align: center;}
	.menuItem {padding: 7px;}
	.menuSeparator {border-top: 1px solid #ccc2bc; 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: #7d0509;}
	.menuItem a:active {font-weight: bold; font-size: 11px; text-decoration: none; color: #7d0509;}

/* Page Body  -------------------------------------------------------------------------------- */
	
	#content {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;}

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

	p, blockquote, li {line-height: 22px;}
	
	.italic {font-style: italic;}

	.footnote {padding: 2px;}

	.smallCaps {font-variant:small-caps; font-size:13px;}
	
	.small-caps {font-variant:small-caps; font-size:15px;}
	
		.smallcaps {font-variant:small-caps; font-size:.875em;}/*defined by pld*/
	
	#footnotes {border-top: 1px solid #cccccc;}

/* Page Headers */	
	
	h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; line-height: 30px;}
	h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px;}	
	h3 {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
	
	.sectionHead {font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 14px; margin: 30px 0px 0px 0px;}


/* Hyperlinks  ------------------------------------------------------------------- */
	a:link {font-size: 12px; font-weight: bold; text-decoration: none; color: #732026;}
	a:visited {font-size: 12px; font-weight: bold; text-decoration: none; color: #732026; }
	a:hover {font-size: 12px; font-weight: bold; text-decoration: underline; color: #732026;}
	a:active {font-size: 12px; font-weight: bold; text-decoration: none; color: #732026;}
	
/* 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: #732026;}
	.guideHeader a:visited {font-size: 12px; font-weight: bold; text-decoration: none; color: #732026;}
	.guideHeader a:hover {font-size: 12px; font-weight: bold; text-decoration : underline; color: #732026;}
	.guideHeader a:active {font-size: 12px; font-weight: bold; text-decoration : none; color: #732026;}

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

/* Box -------------------------------------------------------------------- */
	.box {border: 1px solid #ccc; width: 90%; padding: 10px; margin: 5px; clear: left;}
	.box img {border: 1px solid #d1d1d1; margin: 0 10px 5px 0; padding:  2px; color: #fff;}
	.box img.rss {
	border: 0; 
	margin: 5px 150px 0px 0; 
	padding:  0px;
	float: right;}
	
	.box h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333; padding:  0; margin: 12px 0 0 0;
}

/* Box0912 2009 12 Teaching -------------------------------------------------------------------- */
	.box0912 {height: 350px; border: 1px solid #ccc; width: 90%; padding: 10px; margin: 5px; clear: left;}
	.box0912 img {border: 1px solid #d1d1d1; margin: 0 10px 5px 0; padding:  2px; color: #fff; float: right;}
	.box0912 img.rss {
	border: 0; 
	margin: 5px 150px 0px 0; 
	padding:  0px;
	float: right;}
	
	.box0912 h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333; padding:  0; margin: 12px 0 0 0;
}

/* Podcast */

a:link.podcast {
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none; 
	color: #054080;}

a:visited.podcast {
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none; 
	color: #054080;}
	
a:hover.podcast {
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: underline; 
	color: #054080;}

a:active.podcast {font-weight: bold; font-size: 12px; text-decoration: none; color: color: #054080;}

		
/* 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: 0; padding: 0; width: 99%; top: 0px; background: #f3efe1;}
	#popupContent {padding: 10px;}
	#popupFooter { margin: 0; padding: 5px 0px 5px 10px; width: 99%; top: 0px; background: #f3efe1; font-size: .6875em;
	border-top: 1px solid #ebe6dd;}
	

	
	.popupHeaderLeft {float: left; color: #000; padding: 5px; font-size: 12px;}
	.popupHeaderRight {float: right; margin: 0px 10px 0px 10px; font-size: 12px; font-weight: normal; padding: 5px;}
	.sourcesImage {padding: 0px 10px; }
	.sourcesImage img {background-color: #fff; border: 1px solid #b0a894; padding: 1em; margin-bottom: 10px;}
	.sourcesDocument {border: 1px solid #99957d; background: #f3efe1; padding: 10px; margin: 10px;}
	
#sourcesDocument {border: 1px solid #99957d; background: #f3efe1; padding: 10px; margin: 10px;}
	

#sourcesDocument h1 {
	font-size: 14px;}

#sourcesDocument h2 {
	font-size: 12px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}	

#sourcesDocument h3 { 
	font-size: 12px;}

	.sourcesDocument_newspaper {border: 1px solid #99957d; background: #f3efe1; padding: 10px 10px 20px 10px; margin: 10px; 
								width: 300px; }
	.sourcesDocument_newspaper_trc {border: 1px solid #99957d; background: #f3efe1; 
	padding: 10px 10px 20px 10px; margin: 10px; width: 275px; }
	
	.sourcesDocument_newspaper_trc p{margin-bottom: -10px; text-indent: 30px; }
	
	.sourcesDocument_newspaper_rsc p{margin-bottom: -10px; text-indent: 30px; }
	.sourcesDocument_newspaper_rsc {border: 1px solid #99957d; background: #f3efe1; padding: 10px 10px 20px 10px; margin: 10px;		 									width: 250px; }
	.sourcesDocument_newspaper_ex2src1 {border: 1px solid #99957d; background: #f3efe1; padding: 10px 10px 20px 10px; 
									margin: 10px; width: 275px; }
	.sourcesDocument_newspaper p{margin-bottom: -10px; text-indent: 30px; }
	
table.srcDocument {
	text-align: center;
	font-size: 12px;
	border: 1px solid #000;
	
	}
	
table.srcDocument td {border-bottom: 1px #000 solid; padding: 7.5px;
	}
table.srcDocument th.left {text-align: left;  padding: 7.5px}

table.srcDocument th.center {text-align: center;  padding: 7.5px}



table.src {border: 1px solid #999;
			background-color: #fff;
			
			}
			
tr.shaded {	background-color:#EEEEEE;
			border: 1px solid #999;}
			
table.src th { padding: 10px 20px;
	}
	
th.left {text-align: left;}

table.src td {text-align: center; padding: 7.5px 0px; }

td.bold {font-weight: bold;}



	.sourcesCaption {padding: 10px; font-size: 12px; line-height: 18px;}
	.sourcesCitation {border-top: 1px solid #b0a894; padding: 10px; font-size: 12px; line-height: 14px;}
	.sourcesCourtesy {padding: 10px; font-size: 12px; color: #666; font-style: italic;}
	.newspaper_center {text-align:center;}
	.center {text-align:center; text-indent: 0px; }
	p.no_indent {text-indent: 0px;}
	p.indent {text-indent: 15px;}
	hr.short {width: 15px;}
/* Slideshow ---------------------------------------------------------------------- */

	#slideshow {margin: 10px; padding-left: 5px; overflow: hidden; position: relative; width:481px; height:600px;}
	img.slide {position: absolute; left:0; top:0; }
	#slideshowControls {margin: 10px; padding-left: 5px;}
	
/* Image Boxes  ------------------------------------------------------------------------------ */
	.imagePreview {float: right; clear: right; margin: 20px; width: 255px; padding: 15px; 
	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: 12px;}
	.courtesy {font-style: italic;}
	.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 #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 5px 0px 5px 0px; background: #e7e3d8;}
	.footerNavigation {font-size: 10px; text-align: center; padding: 10px 0px 0px 0px;}
	
	
	
	
/*-----------------  Figures  ---------------------*/
/*--------------   Small figures --------------*/	
.fig_thumb {
	background-color: #e8e5da; 
	border: 1px solid #ccc;
	padding: 10px;
	margin: 7px 20px;
	width:  260px;
	float:  right;
}	

.fig_thumb img {
	background-color: #fff; 
	padding: 5px;
	border: 1px solid #ccc;
	}
	
.fig_thumb p {
	font-size: .825em;
	line-height: 1.75em;
	margin-top: 5px;
	padding-left: 5px;
}

/*  ------------   Large figures --------------*/	
.fig_full {
	background-color: #e8e5da; 
	display: none;  
	zoom: 1;
	border: 2px solid #ccc;
	margin: 7px 20px; 
	width:  600px;
	float:  right;
}


.fig_full img {
	background-color: #fff;
	padding: 8px;
	border: 1px solid #ccc;
	margin: 10px 20px 0px 20px;
}

.fig_full h1 {
	font-size: 1em; 
	line-height: 1.15em;	  
	font-weight: normal;	
	margin: 15px 20px 5px 20px;
	/* 1 line top, 1 line bottom */
}

.fig_full p {
	padding: 5px 20px 0px 20px;
}

.fig_full .close {
	background-color: #d3d3c7; 
	padding: 2px 20px 3px 20px;
	font-size: 0.6875em;
	line-height: 1.3125em ;
	border-bottom: 2px solid #d1cdc3;
}

#centered_content1 {
	border: none;
}

#wrapper.turner_ex1 {
	width: 550px;
	margin: 0px auto;
}

#wrapper.turner_ex2 {
	width: 800px;
	margin: 0px auto;
}

#wrapper.turner_ex3 {
	width: 750px;
	margin: 0px auto;
}

#wrapper.turner_ex4 {
	width: 825px;
	margin: 0px auto;
}

#wrapper.turner_ex5 {
	width: 400px;
	margin: 0px auto;
}

#centered_content {
	display: none;
}

.centered_content {
	display: none;
}

.image_title {
	color: #000;
	font-size: 1.125em;
}

#thumbnail_strip a {
	text-decoration: none;
}

#thumbnail_strip ul {
	padding: 0;
}



#thumbnail_strip ul.turner_ex4 {
	width: 810px;
}



#thumbnail_strip ul li{
	margin: 0;
	padding: 0;
	display: inline !important;
}

#thumbnail_strip ul li img{
	padding: 5px;
	border: 1px solid #ccc;
	margin: 0px 5px 0px 0px;
	display: inline;
}


#image_viewer {
	display: none;
}




#image_viewer_header.turner_ex2 {
	width: 670px;
}

#image_viewer_header.turner_ex3 {
	width: 575px;
}


#image_viewer_header.turner_ex4 {
	width: 800px;
}



#image_to_swap {
	margin: 10px 0;
	padding: 8px;
	background: #ffffff;
	border: 1px solid #ccc;
}

#image_viewer_caption {
	font-size: .875em;
	line-height: 1.75em;
	color: #484848;
	padding: 0;
	margin: 0px 0px 10px 0px;
	
}

#image_viewer_caption.turner_ex2 {
	width: 670px;
}

#image_viewer_caption.turner_ex3 {
	width: 625px;
}

#image_viewer_caption.turner_ex4 {
	width: 800px;
}


#content_slider {
	border-bottom: 1px dotted #ddd;
	margin: 0px 20px 10px 20px;
	display: none;
}



#slider_header {
	margin: 0px auto;
	width:  800px;
	text-align: right;
	
	}

#slider_content {
	margin: 0px auto;
	width:  800px;
}

.slider_content_multi {
	/*margin: 0px auto;
	width:  800px;*/
	border-bottom: 1px dotted #ddd;
	margin: 0px 20px 10px 20px;
	display: none;
}

.slider_content_multi img {
	margin: 10px auto;
	width: 800px;
}

.slider_content_multi p {
	width: 800px;
	margin: 0px auto 10px auto;
	font-size: .875em;
	line-height: 1.75em;
	color: #484848;
}

#slider_content p {
	font-size: .875em;
	line-height: 1.75em;
	color: #484848;
}

#slider_content img {
	background: #ffffff;
	border: 1px solid #d1d1d1;
	margin-top: 5px;
	padding: 0px;
}

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; 
}