/********** LAYOUT **********/

#mhs_masthead {
	position: absolute;
	top: 0;
	right: 0;
	width: 143px;
	height: 65px;
}

#tjp_banner {
	background: #f5e6c1;
	border-bottom:  black 1px solid;
}


#tjp_banner_links {
	margin: 0;
	background: #3E130D;
	padding: 2px 2px 2px 22px;
}

#tjp_banner_links a:link,
#tjp_banner_links a:visited,
#tjp_banner_links a:active,
#tjp_banner_links a:hover {
	padding: 4px;
	color: white;
	font-size: 14px;
	font-weight: normal;
	
}

#footer {width: 100%;}









table.navbar,
div.narrow,
div.padded,
#one-col,
div.transcription,
div.footer
{clear: both; margin: 0; padding: 24px 24px 12px 24px; background: white;}

div.narrow,
#one-col
{background: inherit;}

table.navbar { padding: 0;}

/* img display */
div.transcription div {
	display: block; padding: 12px; background: white;
}




/************** STYLE ***************/




/************* STYLE ***********/


a:link,
a:visited,
a:active,
a:hover {
	color: #0052b8; text-decoration: none;/* #0064fb; */
}
a:hover {text-decoration: underline;}

.clearfix {clear: both}


body { background:  #fdf8e6; /*#fef6e1; /*#fff4d6*/;  padding:0 ; margin:0;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", serif }

form { padding:0 ; margin:0 }

h1 { color: #be4001; font-size: 19px ; font-weight:bold; margin-bottom:1em }
h2 { color: #660000; font-size: 16px ; font-weight:bold ; margin-top: 1.5em ; margin-bottom:1em }
h2 small {font-size: 77%;}
h3 { color: #660000 ; font-size: 100% ; font-weight:bold ; margin-top: 2em ; margin-bottom:0.5em; }
h3 a:hover {color: #660000; text-decoration: none}

h1:first-child,
h2:first-child,
h3:first-child {margin-top: 0;}

.page_contents {
	margin-left: 12px;
	float: right;
	width: 25%;
	background: #efe1c1;
	border: 1px solid #a59369;
	padding: 10px 10px 10px 10px;
}
.page_contents  ul {
	margin-left: 16px;
}

.page_contents a:link,
.page_contents a:active,
.page_contents a:visited,
.page_contents a:hover {
	color: #0044aa;
}


div.section {border-top: 1px dotted #d0cea6; margin-left: 20px; padding-bottom: 20px;}
div.section + div.section {margin-top: 20px;}

div.section p,
div.section h3,
div.section h4 {
	 margin-left: 20px; 
}

.back_to_top {
	display: block;
	float: right;
	width: 3.5%;
	text-align: center;
	background: #efe1c1;
	border: 1px solid #a59369;
	color: #0044aa;
	font-size: 11px;
	font-family: Arial, sans-serif !important;
}




p {margin-top:0 ; margin-bottom: 1em; line-height: 1.35; }

hr {
	height: 1px; border: none; background: #444444;
	margin: 2em 0 1em 0;
}

ul { margin-top:0; margin-left: 36px; }
ul.plain li { list-style-type:none }


img { border:0 }

small { font-size: 86% }



div.quote { background:#eeeeee ; font-family:"Times New Roman", serif ; margin:1em 8% ; padding:16px }

div.quotesource { font-style:italic ; padding-top:1em ; text-align:right ; font-size:86% }

dl { }
dd { margin-left:2em }
dd p { margin-top:1em }
dt { font-weight:bold ; margin-top:1em }
 

span.super { position:relative ; top:-0.5em }

table.mast { width:100% ; background:url(../image/doc_mast_bg.jpg) ; border-top:1px solid #aaaa88 ; border-bottom:1px solid #aaaa88 }

table.navbar { background:#554433 ; color:#ddddbb ; border-bottom:1px solid #aaaa88 ; font-family:"Arial", "Helvetica", sans-serif;  font-size: 12px; }
table.navbar td {padding-left: 25px}
table.navbar td+td { padding: 2px 25px 2px 2px ; vertical-align:middle }
table.navbar a:link, table.navbar a:visited { color:#ddddbb }

table.timeline td { vertical-align:top }
table.timeline th { vertical-align:top ; padding-right:1em ; text-align:right ; white-space:nowrap }

span.mode a.selectedNO:link, span.mode a.selectedNO:visited { font-weight:normal ; color:#aaaaaa; padding: 0px 3px 0px 3px }
span.mode a.selectedNO:hover { color: #dddddd; }
span.mode a.selectedYES:link, span.mode a.selectedYES:visited { font-weight:normal ; color: #554433; background: #ddddbb; padding: 0px 3px 0px 3px }






/*********** FOOTER *************/


#footer {
	clear: both;
	border-top: 1px solid black;
	padding: 0px;
	font-size: 11px;
}

#footer a:link,
#footer a:visited,
#footer a:active {text-decoration: none}

#MHSaddress {float: left; width: 25%; padding: 12px;}

#MHSfineprint {float: right; width: 25%; text-align: right; padding: 12px;}

#MHScopyright {text-align: center; padding-top: 12px;}





/*************** NUVIEW viewers *************/


#meta-n-nav {
	font-family: Arial, sans-serif;
	float: left;
	width: 45%;
}

.meta-data {
		padding-bottom: 12px;
		font-family: Arial, sans-serif;
}

.meta-data p {
	margin: 0; padding: 0;
	font-size: 11px;
}

.backnav {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: 
}

.master_img_nav {
	font-family: Arial, sans-serif;
	background: #efe1c1;
	border-left: 1px solid #a59369;
	border-right: 1px solid #a59369;
	border-bottom: 1px solid #a59369;
	padding: 0px;
	text-align: center;
}

.master_img_nav a:link,
.master_img_nav a:visited,
.master_img_nav a:active,
.master_img_nav a:hover {
	font-weight: bold;
}

.master_img_nav h4 {
	background: #bd4302;
	color: white;
	padding: 6px;
	margin: 0 0 12px 0;
	text-align: center;
	font-size: 14px;
}

.master_img_nav h4 a:link,
.master_img_nav h4 a:visited,
.master_img_nav h4 a:active,
.master_img_nav h4 a:hover {
	font-size: 11px;
	color: black;
	font-weight: bold;
}

.master_img_nav .help {
	padding-left: 4px;
	border-left: 1px solid black;
}

ul.img_viewer {
	list-style-type: none;
	text-align: center;
	margin: 0;
	display: inline;
}

ul.img_viewer li {
	display: inline;
}

.master_img_nav form {
	text-align: center;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.master_img_nav form * {display: inline; font-size: 12px;}
.master_img_nav form input[type='hidden'] {display: none}

.prev_img_link,
.next_img_link {display: inline;}

.image_nav_modes {font-size: 12px; padding: 8px;}

.ref-img {
	float: right;
	width:  45%;
	text-align: right;
	margin: 0 0 24px 24px;
	
}

.description {
	clear: left;
	padding: 24px 24px 12px 0;
}

.layout {
	margin-left: auto;
	margin-right: auto;
}

.layout #img_row td {
	vertical-align: middle;
}

#ILpop {
	border: 4px solid #bd4302;
	font-family: Arial, sans-serif;
}

#ILpop center {margin: 8px 4px 4px 4px;
	border: 1px solid #0052b8;
	cursor: pointer;
	font-size: 11px;
}
