/* 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; }
p.credit { font-style:italic; }
p.credit em { font-style:normal; }

#siteHeader { display:none; }
#siteFooter { display:none; }
p#flashNotice { display:none; }
#footer { display:none; }
.mainNav { display:none; }
.zoomLink {display:none; }

#container { width:650px; }

h3 { background-repeat:no-repeat; background-position:-500px -500px; }
 
div.mediaItem { clear:both; margin:1em 0 0 0; padding-top:1em; page-break-inside:avoid; }
div.mediaItem h4 { margin:0 0 1em 0; padding:1em 0 0 0; background:none; border-top:1px solid #000; font-size:1em; }
div.mediaItem .image { float:left; font-size:.9em; font-style:italic; }
div.mediaItem .image img { border:none; }
div.mediaItem .image a { text-decoration:none; }
div.mediaItem div.caption { float:left; width:230px; margin-left:1em; font-size:1em; }
div.mediaItem div.caption p.credit { font-size:.9em; }
div.mediaItem div.excerpt { float:left; width:210px; margin-left:1em; padding:1em; background-color:#dfdfdf; font-size:.9em; }
div.mediaItem div.caption p, div.mediaItem div.excerpt p, div.mediaItem div.media p { margin:0 0 .5em 0; } 

div.mediaItem div.media { width:300px; float:left; margin-right:1em; padding:1.5em; border:1px solid #000; } 

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

#footer, #header { margin:0; clear:both; }
#header h1 { margin:0; }
#header h2 { margin:0; font-weight:normal; font-style:italic; }

/* items in the TOC */
ul.toc { margin-top:1em; }
ul.toc li a { display:block; height:52px;  background-color:#e4e6d8; background-repeat:no-repeat; padding:8px 0 0 65px; margin-top:.5em; }
ul.toc li a:visited { background-color:#dfdfdf; }
ul.toc li a:hover { background-color:#910000; }

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