/* CSS Document */

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

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

#content {clear: left; margin: 50px 10px 0px 10px; }

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

/*  Journal of American History header. width set to 99% to avoid vertical scroll */	
#header {position: absolute; top: 0px; margin: 0px; padding: 5px; width: 99%;
	background: #f3efe1; border-top: 2px solid #99957d;}
	
.siteHeader {float: left; font-size: 11px; color: #000;}




/* article header */
#articleheader {	position: absolute; top: 26px; border-bottom: 2px solid #900; width: 100%; background: #f9f8f3; 
					padding-left: 15px;}

#articleheader a:hover img {	outline: 0;} /* this property disables the a:hover img style only on the header image link*/

#previousNext {padding: 15px 0 25px 0;
	border-bottom: 1px solid #ccc;}

/* footer */
#footer {	position: absolute; top: 800px; clear:both; width: 99%; border-top: 1px solid #99957d; margin: 0px 10px 0px 5px;}

.footerCitation {font-size: 10px; text-align: center; padding-top: 5px;}
		
.footerNavigation {font-size: 10px; text-align: center; padding-top: 5px;}


/* links */	
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;}

a:hover img { outline : 2px solid #900; !important}



/* image tiles - placement and style. tile are displayed in 5 rows of 7 and 1 row of 3 */	
ul 		{	position : relative; list-style-type: none;}

li 		{ 	margin-bottom : .5em; }

li img 	{	padding: 2px; border: 1px solid #74705b;}

h3 img 	{	position : absolute;}

#img01s h3 img { top : 0px; left : 15px; }
#img02s h3 img { top : 0px; left : 125px; }
#img03s h3 img { top : 0px; left : 235px; }
#img04s h3 img { top : 0px; left : 345px; }
#img05s h3 img { top : 0px; left : 455px; }
#img06s h3 img { top : 0px; left : 565px; }
#img07s h3 img { top : 0px; left : 675px; }
#img08s h3 img { top : 0px; left : 785px; }

#img09s h3 img { top : 110px; left : 15px; }
#img10s h3 img { top : 110px; left : 125px; }
#img11s h3 img { top : 110px; left : 235px; }
#img12s h3 img { top : 110px; left : 345px; }
#img13s h3 img { top : 110px; left : 455px; }
#img14s h3 img { top : 110px; left : 565px; }
#img15s h3 img { top : 110px; left : 675px; }
#img16s h3 img { top : 110px; left : 785px; }

#img17s h3 img { top : 220px; left : 15px; }
#img18s h3 img { top : 220px; left : 125px; }
#img19s h3 img { top : 220px; left : 235px; }
#img20s h3 img { top : 220px; left : 345px; }
#img21s h3 img { top : 220px; left : 455px; }
#img22s h3 img { top : 220px; left : 565px; }
#img23s h3 img { top : 220px; left : 675px; }
#img24s h3 img { top : 220px; left : 785px; }



#img25s h3 img { top : 330px; left : 15px; }
#img26s h3 img { top : 330px; left : 125px; }
#img27s h3 img { top : 330px; left : 235px; }
#img28s h3 img { top : 330px; left : 345px; }

#img29s h3 img { top : 330px; left : 455px; }
#img30s h3 img { top : 330px; left : 565px; }
#img31s h3 img { top : 330px; left : 675px; }
#img32s h3 img { top : 330px; left : 785px; }


#img33s h3 img { top : 440px; left : 15px; }
#img34s h3 img { top : 440px; left : 125px; }

#img37s h3 img { top : 440px; left : 235px; }
#img36s h3 img { top : 440px; left : 345px; }

#img38s h3 img { top : 440px; left : 455px; }

#img35s h3 img { top : 440px; left : 565px; }