/**
 * @license
 * MyFonts Webfont Build ID 2986852, 2015-03-08T19:53:19-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Oxford by Monotype 
 * URL: http://www.myfonts.com/fonts/mti/oxford/oxford/
 * Copyright: Copyright &#x00A9; 1992 by Agfa Corporation. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2986852
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2d9364");
 	
@font-face {font-family: 'Oxford';src: url('webfonts/2D9364_0_0.eot');src: url('webfonts/2D9364_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2D9364_0_0.woff2') format('woff2'),url('webfonts/2D9364_0_0.woff') format('woff'),url('webfonts/2D9364_0_0.ttf') format('truetype');}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html><head><title>two column css for narrow images</title>
<!-- based Jeffrey Zeldmans 2 columns, ALA style by way of glish.com : CSS layout techniques; Mark Bernstein, hypertext guru and president of Eastgate Systems, solved key problems involved with varying width images. Bless him! : -->
<style type="text/css">


a {

text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #000;
}


body {
background: #fff

}


/*  header section with icon and breadcrumbs */
#head {
width: 690px;
height: 90px;
background-color: #fff;
text-align: right;
font-family:  Helvetica Neue; Helvetica
}


h2 {
	
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 20px;
	text-align: left;
}

span.h2sculpture

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

span.h2book

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}


span.h2newspaper

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}


span.h2periodical

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

span.h2textile

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

span.h2painting


{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

span.h2exhibit

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

h3

span.h3periodical

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}

span.h3exhibit

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}

h4 {
	
	font-weight: bold;
	margin-top: 0px;
	margin-left: 20px;
	text-align: left;
}

span.h4website

{
	
	font-size: 14px;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
}

span.h4exhibit

{
	
	font-size: 14px;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
}

span.h4periodical

{
	
	font-size: 14px;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
}



/* begin header breadcrumbs trail */
 #head p.bc
  { 
  	width: 670px;
	font-family:  Helvetica Neue; Helvetica

	color: #000;
	margin-top: 10px;
		font-size: 10px;
	margin-bottom: 20px;
	text-align: right;
	}

#head img {
position: relative;
left: 20px;
margin-bottom: 10px;
margin-top: 0px;
}

	 #head a {
color: #000;
text-decoration: none;
}

 #head a:visited {
text-decoration: none;
color: #3F3F42  
}

 #head a:hover {
text-decoration: underline;
color: #000;
}


/*  main section with paragraph and span classes */

#main {
	
	width: 690px;
	margin:20px;
	padding:20px;
	text-align: justify;
	}

h3 {
	font-family:  Helvetica Neue; Helvetica
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 0px;
}

#main p 
{
	font-family:  Helvetica Neue; Helvetica
	text-align: justify;
	margin-top: 20px;
	font-size: 14px;
	text-indent: 35px;
}

#main p.one
 {
	text-indent: 0px; 
	}



/* begin paragraph after an indented quotation */	

#main p.aq
 {
	text-indent: 0px; 
	}	


#main p.poetry
 {
 	text-indent:  0px;
 	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	margin-left: 90px;
	}	
	
#main p.lq 
{
	
	width: 580px;
	font-size: 12px;	
	text-indent: 0px;
	margin-left: 40px;
	margin-right:-40px;
	margin-top: 0px;
	
}

/* begin paragraph for small thumbnail captions  */	

#main p.tc 
{
	width: 580px;
	margin-left: 60px;
	margin-right: -60px;
	font-size: 10px;
	text-indent: 0px;
	margin-top: 20px;
}


#main table
{
	font-family:  Helvetica Neue; Helvetica; Arial
	}


.nav-tile
{
float: left;
color: #FFFF00;
background-color: #0b0bf5;
width: 72px;
height: 72px;
text-align: center;
font-family: Oxford, ‘Metrophobic’, Helvetica, serif; font-weight: 400; 
font-size: 100%;
margin: 3px;
}


.nav2-tile
{

color: #FFFF00;
background-color: #0b0bf5;
width: 72px;
height: 72px;
text-align: center;
padding-top: 1px;
font-family: Oxford, ‘Metrophobic’, Helvetica, serif; font-weight: 400; 
font-size: 130%;
line-height: 1.0;
margin: 0px;
}

.nav3-tile
{

color: #0b0bf5;
background-color: #ffffff;
width: 160px;
height: 72px;
text-align: center;
font-family: Oxford, ‘Metrophobic’, Helvetica, serif; font-weight: 400; 
font-size: 230%;
margin: 1px;
}

.navtop-tile
{

color: #FFFF00;
background-color: #0b0bf5;
width: 720px;
height: 42px;
text-align: center;
font-family: Oxford, ‘Metrophobic’, Helvetica, serif; font-weight: 600; 
font-size: 150%;
margin: 3px;
}

/* link overrides */
.nav-tile a {
text-decoration: none;
color: #FFFF00;
}

.nav-tile a:visited {
text-decoration: none;
color: #FFFF00;
}

.nav-tile a:hover {
text-decoration: underline;
color: #FFFF00;
}

	



/* begin paragraph for headnotes  */	

#main p.hn 

{
	
	width: 580px;
	font-size: 10px;
	text-indent: 0px;
	margin-left: 40px;
	margin-right: -40px;
	margin-top: 20px;
}


#main p.tcright {
	font-family:  Helvetica Neue; Helvetica
	width: 580px;
	font-size: 10px;
	text-indent: 0px;
	margin-left: 40px;
	margin-right: -40px;
	margin-top: 20px;
	text-align:right;
}
	

/* begin paragraph in question set section */	
#main p.ques
 {
	text-indent: 0px; 
	font-size: 14px;
	}	
		

/* begin bibliography */		
#main p.bibl
 { 
 	margin-left: 40px;
	text-align: left;
	font-size: 13px;
	text-indent: -40px
	
	}
/* begin paragraph in chronologies and timelines to replace html tables */	

#main p.chron
 { 
 	margin-left: 60px;
	text-align: left;
	text-indent: -60px
	}
	
/* begin paragraph on contents pages and timelines to replace html tables */	

#main p.toc
 { 
 	margin-left: 80px;
	text-align: left;
	text-indent: -80px
	}	
		
	

 #main p.date
  { 
	font-family:  Helvetica Neue; Helvetica
	
	color: #000; 
	margin-top: 10px;
	font-size: 9px;
	margin-bottom: 20px;
	text-align: right;
	}

#main li {
	font-size: 14px;
	text-align: left;
	font-family:  Helvetica Neue; Helvetica
}

#main li a 
{
	color: #000;
text-decoration: none;
}

#main li a:visited 

{
text-decoration: none;
color: #3F3F42  
}

#main li a:hover {
text-decoration: underline;
color: #000;
}




/* begin defining span classes for book, painting, and other titles */
#main span.book

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}	
	
#main span.exhibit

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}		
	
#main span.painting

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}	
	
#main span.artwork

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}	
	
	#main span.drawing

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}

#main span.newspaper

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}	
	
	#main span.periodical

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}	
	
#main span.illustration

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}	
	
#main span.textile

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}
	
		
#main span.film

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}		
	
#main span.song

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}	
	
#main span.music

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}	
	
#main span.website

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;
}		
	
		
#main span.caption

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}		
	
#main span.ship

{
	font-family: Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}		

#main span.sculpture

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;	
	}

#main span.building

{
	font-family:  Helvetica Neue; Helvetica 
	font-size: 14px;
	font-style: italic;	
	}	
	
	

#main span.photo

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;
	}
	
#main span.loco

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;
	}		
	
#main img {
	margin-top: 10px;
	border="0"
}
 
	
	

span.tcbook

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}

span.tcsculpture

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}

span.tcartwork

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}

span.tcexhibit

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}
span.tcwebsite

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}


span.lqwebsite

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
	
}


span.bcbook

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}

span.bcperiodical

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}

span.bcnewspaper

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}

span.lqperiodical

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
	
}

span.lqnewspaper

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
	
}


span.lqbook

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
	
}

span.lqpainting

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
	
}

span.lqartwork

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
	
}

span.lqplay

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
}



span.lqperiodical

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
	
}

span.lqtextile

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
	
}


span.lqmusic

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
	
}

span.hnbook


{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}


span.hnship


{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}

span.hnperiodical


{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}
span.hnpainting


{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
	}
span.hnsong


{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}

span.hnwebsite


{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}


span.website

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 10px;
	font-style: italic;
	
}


span.h3book

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}

span.h4book

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

span.play

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;
}	

span.stainedglass

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;
}	
span.painting

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;
}	

span.engraving

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;
}	

span.drawing

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 14px;
	font-style: italic;
}	

span.h2drawing


{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

span.h2engraving


{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}


span.h2painting


{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}




/* float commands to replace html align right and left*/

.floatright 
{
float: right;
margin: 0 10px 10px 10px;
}


.floatleft 
{
float: left;
margin: 0 10px 10px 7px;
}

 

