/* CSS Document */

body {
	margin:0em;
	padding:0em;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:76%;/* do all font sizing below in ems (not pixels or percent). */
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	background-color:#fff;
}


h1, h2, h3, h4, h5, p { margin:1em 0 0 0; }
a { color:#910000; } 
a:hover { background-color:#910000; color:#fff;} 

li { list-style:none; }
em em { font-style:normal; }

.credit { font-style:italic; }
.credit em { font-style:normal; }
.creditExtra { margin:1em 0 2em 0; border-top:1px solid #000; }
.creditExtra p { font-size:.9em; float:left; width:40%; margin:.5em 2em 0 0; }


#siteHeader { height:29px; background-color:#98012e; }
#siteHeader a, #siteFooter a {color:#cb91a2;}
#siteHeader a:hover, #siteFooter a:hover {background-color:#98012e; color:#fff;}
#siteFooter ul { margin:0; }
#siteFooter { text-align:center; height:1em; margin-top:3em; padding:1em; background-color:#98012e; }
#siteFooter ul li { margin:0; display:inline; padding-right:2em; }


#siteHeader h1#archivesLogotype {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding-top: 29px; 
	width: 224px; 
	height: 0;
	overflow: hidden; 
	background-image: url(/exhibits/eyewitness/images/nara-logotype-98012e.gif);
	background-repeat: no-repeat; 
}

#siteHeader p#archivesHomeLink {
	margin:0; 
	float: right;
	padding: 9px 10px 0 0;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}



p#flashNotice { margin:1em 0 0 0; padding:.5em; background-color:#ff9; }

#container { width:750px; margin:0 auto; }
#content { padding:1em; clear:both; }
#content h1 { font-size:1.7em; }
#content h2 { font-size:1.4em; margin:1em 0 0 0; color:}
#content h3 { font-size:1.2em; font-style:italic; height:37px; background-repeat:no-repeat; background-color:#dfdfdf; padding:23px 0 0 68px; margin-bottom:.5em; }
#content h3 em { font-style:normal; }
 
div.mediaItem { clear:both; margin:2em 0 0 0; padding-top:1em; }
div.mediaItem h4 { margin:0 0 1em 0; padding:1em; background-color:#e4e6d8; border-top:1px solid #000; font-size:1em; }
div.mediaItem .image { float:left; margin-left:1em; font-size:.9em; font-style:italic; }
div.mediaItem .image img { border:2px solid #910000; }
div.mediaItem .image a:hover { color:#000; background-color:#fff; }
div.mediaItem .image a { text-decoration:none; }
div.mediaItem div.caption { float:left; width:270px; margin-left:1em; font-size:1em; }
div.mediaItem div.caption p.credit { font-size:.9em; }
div.mediaItem div.excerpt { float:left; width:250px; margin-left:1em; padding:1em; background-color:#efefef; font-size:.9em; }
div.mediaItem div.media { width:380px; float:left; padding:1.5em; margin-left:1em; background:#efefef; border:1px solid #dfdfdf; } 

div.mediaItem div.caption p, 
div.mediaItem div.excerpt p,
div.mediaItem div.media p { margin:0 0 .5em 0; } 

div.mediaItem div.media p.mediaNotice, div.excerpt p.mediaNotice { padding:.5em; color:#777; background-color:#fcfcfc; font-size:.9em; font-style:italic; margin:1em 0 0 0; }
div.mediaItem div.media p.mediaNotice a, div.excerpt p.mediaNotice a { color:#777; }
div.mediaItem div.media p.mediaNotice a:hover, div.excerpt p.mediaNotice a:hover { color:#fff; }


.pullQuote { float:right; padding:1em; font-style:italic; background-color:#e4e6d8; margin:2em; border:1px solid #000; }

#footer, #header { margin:3em 0 0 0; padding:15px; background:#e4e6d8; clear:both; }
#header h1 { margin:0; }
#header h1 a { display:block; width:210px; height:0; padding-top:76px; overflow:hidden; background-image:url(/exhibits/eyewitness/assets/html/eyewitness-logo.gif); background-repeat:no-repeat; }
#header h2 { display:none; }
#footer .mainNav { margin:0; }

.mainNav { margin:1em 0 0 0; padding:.5em; }
#footer .mainNav { margin-top:0; }
.mainNav li { display:inline; }
.mainNav a { display:block; float:left; padding:7px; background-color:#80856d; text-decoration:none; color:#fff; }
.mainNav a.next { margin-left:1em; }
.pagination .mainNav, .infoLinks .mainNav { float:right; }
.infoLinks .mainNav a { background-color:#9da28b; }
.mainNav { float:left; }
.mainNav a:hover { background-color:#910000; } 


/* items in the TOC */
ul.toc { margin-top:1em; }
ul.toc li a { display:block; height:46px;  background-color:#e4e6d8; background-repeat:no-repeat; padding:14px 0 0 65px; margin-top:.5em; text-decoration:none; }
ul.toc li a:visited { background-color:#dfdfdf; }
ul.toc li a:hover { background-color:#910000; color:#fff; }
ul.toc li a strong { color:#000; }
ul.toc li a .secTitle { font-size:1.3em; font-weight:bold; }

ul.toc li a:visited strong { color:#666; }
ul.toc li a:visited .secTitle { color:#666; }

ul.toc li a:visited:hover strong, ul.toc li a:hover strong { color:#fff; }
ul.toc li a:visited:hover .secTitle { color:#fff; }


.hidden, .clear { margin:0; padding:0; width:0; height:0; overflow:hidden; }
hr { display:none; }
.clear { clear:both; }