@charset "utf-8";
/* New Colors taken by eyedropper from the background 1861 plat map 
#AF6F0E		tan 		example: font
#2A9FFF 	aqua 		example: a:link
#DEDED6 	gray 		example: header background
#F7F7F7 	whitish 	example: .container background

Old Colors were
#000066 dark blue 
#493128 dark brown 
#695941 dark brown
#A6C6DF bluegray
#CECEDE pale orchid
#F7F7F7 pale gray */

/* BOILERPLATE */
/*   HTML5 display definitions - limited reset */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
}
/* html5 display rule Browers that don't support HTML5 elements will display them as inline elements so define here as block elements */
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary {
	display: block;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
/* end boilerplate*/

/* GLOBAL STYLES */
body {
	font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif;
	background-color: #4E5869;
	margin: 0;
	padding: 0;
	color: #AF6F0E;
	position: relative;
	background-image: url(../_images/1861-map-background.jpg);
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
}
/* ~~ Element/tag selectors ~~ */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	margin-bottom: .5em;
	padding-right: 1em;
	padding-left: 1em; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	/* [disabled]color: #AF6F0E; */
}
p {
	padding-bottom: 1em;	
}
strong {
	font-weight: bold;
}
ul, ol {
	padding: 0;
	margin: 0;
}
ol {
	margin-bottom: 1em;
}
ul li {
	list-style: none;
}
ol li {
	margin-left: 2em;	
}
li.right {
	float: right;
	margin-top: -1.75em;
}
.publications ol li {
	/* [disabled]padding-top: 2em; */
	margin-bottom: 1em;
}
.left {
	float: left;
	padding-right: 1em;
}
.right {
	float: right;
	padding-left: 1em;
}
.clear {
	clear: both;
}
.red {
	color: red;
}

.return { /* back to top */
	clear: both;
	text-align: right;	
}
h1 {
	font-size: 2em; /* 32px - 2 x 16px default */
	/* [disabled]padding-left: 1em; */
}
#search {
	padding-top: .75em;
	position: relative;
	float: right;
	padding-right: 1em;
	padding-left: 1em;
}
/* end global styles */

/* LINKS */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #2A9FFF;
	text-decoration: none; /* IE 8 ignores this - why? Unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	/* [disabled]color: #4E5869; */
	/*text-decoration: underline;*/
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}
/* end links */

/* HEADER */
header {
	background-color: #DEDED6;
	width: 100%;
	height: 20em;
	/* [disabled]background-image: url(../_images/noble-county-jail-museum-200-DSCN2451.jpg), url(../_images/wikimedia-200px-h-noble_county-in.png); */ /* IE8 would not display so changed to regular image inserts - make IN smaller position seperately top: 5px: right: 5px; to move from edge */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]background-position: left top, right top; */
	position: relative;
	overflow: hidden;
}
.bannerRight {
	float: right;
	/* [disabled]width: 15%; */
	padding-right: 0px;
}
header h1 {
	text-align: center;
	margin-left: 10em;
	letter-spacing: 0.2em;
	font-size: 1.5em;
	padding-right: 4em;
	padding-left: 1em;
	/* [disabled]margin-top: 2em; */
	padding-top: 1.75em;
	text-transform: uppercase;
}
/* end banner */

/* NAVIGATION */
#homeNav { /*  was for background image left here - maybe should remove since IE8 won't display so could be regular a:link on image? */
	position: absolute;
	left: -1px;
	top: 0px;
	width: 267px;
	height: 200px;
	z-index: 1;
}
#mainNav {
	float: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 1em;
	margin-top: -3em; /* needed because background image removed for IE 8 - then Old Jail image pushed everything down? */
}
#mainNav h2 {
	display: none; /* for document outline */
}	
nav ul {
	list-style: none;	
}
#mainNav ul li {
	float: left;
	/* [disabled]margin-right: 1em; */
	margin-right: .75em;
	text-decoration: none;
	list-style: none;
	margin-top: 4em;
	background-color: #DEDED6;
}
#mainNav ul li:last-child {
	margin-right: 0;	
}
#mainNav a:link {
	color: #FFFFFF;
	border-radius: 0.5em;
	background-color: #E9C36E;
	padding: 0.5em;
}
#mainNav a:visited {
	color: #FFFFFF;
	border-radius: 0.5em;
	background-color: #E9C36E;
	padding: 0.5em;
	float: right;
}
#mainNav a:hover, #mainNav a:active, #mainNav a:focus {
	color: #FFFFFF;
	border-radius: 0.5em;
	background-color: #7F5F55;
	padding: 0.5em;
}
/* end navigation */

/* ~~ this CONTAINER surrounds all other divs giving them their percentage-based width ~ could be desktop media query for body~ */
.container {
	width: 80%;
	max-width: 1000px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background-color: #F7F7F7;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	position: relative;
	margin-top: 2em;
}
.container section {
	margin-right: 2em;
	margin-left: 2em;
}
/* end container */

/* IMAGES */
figure.portrait {
	width: 30%;
}
figure.landscape {
	width: 28%;
}

figure.right {
	float: right;
}
figcaption {
	font-size: .9em;	
}
/* end images */

li.officers {
	list-style: none;
	text-decoration: none;
}

/* FORM - HOME PAGE */
article form {
	padding-left: 5em;
	margin-right: auto;
	margin-left: auto;
	width: 600px;
}
form h2 {
	padding-top: 2em;
}
/* end form - home page */

/* FOOTER */
#mainFooter {
	text-align: center;
	background-color: #DEDED6;
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#mainFooter p {
	font-size: .7em;
}
#mainFooter a {
	border-style: none;
}
#mainFooter h3 {
	font-size: 1em;
	font-weight: bold;
	color: #7F1F00;
	margin-top: 0;
	margin-bottom: 0;
}
/*end footer */
.book {
	font-weight: bold;
}
.bender {
	background-color: #F1D6A0;
}
.seymoure {
	background-color: #DDD5BB;
}
.zink {
	background-color: #DBB15D;
}
.butler {
	background-color: #D7AF6A;
}
.dewitt {
	background-color: #FFFFCC;
}
#newspapers {
	margin-right: auto;
	margin-left: auto;
}
#newspapers td {
	padding: .5em;
}
.breadcrumb {
	font-size: 0.9em;
	/* [disabled]font-weight: bold; */
	padding-left: 1em;
}
section h2 {
	padding-left: 0em;
	font-weight: bold;
}
section blockquote {
	line-height: 2em;
	font-style: italic;
	font-weight: bold;
	font-size: 0.9em;
}
/* table styles */
table {
	margin-right: auto;
	margin-left: auto;
}
td {
	padding: 0.5em;
}
th {
	text-transform: uppercase;	
	text-align: left;
	padding: 0.5em;
}
#stripes tr:nth-child(even) {
	background-color: #EEDAB8;
}
#stripes tr:nth-child(odd) {
	background-color: #DDD5BB;
}
#stripes td:first-child, #stripes td:nth-child(5) {
	/*font-weight: bold;*/
	text-transform: uppercase;
}
#stripes td:nth-child(3), #stripes td:last-child {
	/* [disabled]text-align: right; */
}
/*#stripes td:nth-child(4) {
	background-color: white;
}
*/
/* end table styles */
.officers {
	padding-right: 1em;
	padding-left: 1em;
}
#wiki {
	top: 0px;
	right: 0px;
	float: right;
	margin: 0px;
	padding: 0px;
}
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
ol li .book {

}