/* CSS Document */

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

/* Container for Top Header of Internal Pages */	
#header {display: none;}

/* Left-Side: Teaching the JAH Month Year (Vol. ##, no. #) */	
/* .siteHeader {float: none; font-size: 11px; color: #000;} */
.siteHeader {display:none;}

/* Right-side: Navigation- */
.siteMenu {display: none;}

/* Article Title, Author, and Picture - ------------------------------------------------------ */
#articleheader {position: relative; top: auto; border-bottom: 2px solid #000;
	width: 100%; background: white; padding: 5px;} 

/* Side Menu: Navigate within the Article  -------------------------------------------------- */	
#menu {display: none;}
#menubar {display: none;}
.menuHeader {display: none;}
.menuItem {display: none;}
.menuSeparator {display: none;}
#menuSubItem {display: none;}
.menuItem a {display: none;}

/* Page Body  -------------------------------------------------------------------------------- */
#content {border: 0; margin: 0 5%; padding: 0; float: none}
body  {color: #000; background: #f9f8f3; margin: 25px 0; padding: 0;}
img {display: block; border: 0;}
p, blockquote, td, li, ul, ol, div, h3, h4   {
	font-family: "Lucida Grande", Verdana, Lucia, Arial, Helvetica, sans-serif;}
p, blockquote, li {font-size: 11px; line-height: 20px;}
.footnote {}

/* Page Headers */	
h1 {font-family: "Lucida Grande", "Palatino Linotype", Arial, sans-serif; font-size: 18px;}

/*Page Subheaders */
h2 {font-family: "Lucida Grande", "Palatino Linotype", Arial, sans-serif; font-size: 14px;}
h3 {font-size: 12px; font-weight: bold;}
h4 {font-size: 12px;}
	
.sectionHead {font-family: "Lucida Grande", "Palatino Linotype", Arial, sans-serif;
	font-size: 14px; margin: 30px 0px 0px 0px;}

/* Hyperlinks  ------------------------------------------------------------------- */
a:link, a:visited {color: #520; background: transparent; font-weight: bold;
	text-decoration: underline;}
	
/* Introduction Page: Sections Guide  ---------------------------------------------------------- */

.guideHeader {margin-top: 20px; margin-left: 20px; width: 75%;}
.guideDescription {width: 75%; margin-left: 40px;}
	
/* Section Guide Hyperlinks */
.guideHeader a {font-size: 12px; font-weight: bold; text-decoration : underline; color: #000;}

/* 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:none; 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: 100%; top: 0px; background: #f3efe1;}
.popupHeaderLeft {float: left; color: #000; font-size: 11px;}
.popupHeaderRight {float: right; margin: 0px 10px 0px 10px; font-size: 11px; font-weight: normal;}
#popupContent {padding: 10px;}
.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;}

/* Image Boxes  ------------------------------------------------------------------------------ */
.imagePreview {float: right; width: 225px; border: 0; background: white;}
.imageCaption {font-size: 10px; color: black;}
.imageCitation {color: black; font-size: 10px;}
.imageCourtesy {color: black; font-size: 10px;}
.imgFloatLeft {float: none; margin: 0px 10px 0px 0px;}
.imgFloatRight {float: none; margin: 0px 0px 0px 10px;}
	
/* Footer  ---------------------------------------------------------------------------------- */

.footer {display:none;}
	
.footerCitation {font-size: 10px; text-align: center; border-top: 1px solid #99957d;
	border-bottom: 1px solid #99957d;}

.footerNavigation {display:none;}

/*---- turner add ons -----*/

#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 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; 
}