/** * @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">/* general stuff *//* This style sheet, which derives from one created by Owen Strain in my Spring 2006 course on the Cyborg Self at Brown University, is intended for formatting legacy material, especially electronic versions of printed books, for the Victorian Web (www.victorianweb.org). To Owen's basic page divisions I've added a large number of descriptive paragraphs, including those for paragraphs that follow headings, inset quotes, quoted poetry,  headnotes, in-text captions accompanying linked thumbnail images, bibliography, and date doc was last modified. Span classes incude those for books, plays, ships, paintings  -- George P. Landow 21 December 2006 */body {	margin: 10px 0 30px 0;}#whole-page {	position: relative;	/* This means that anything inside this div that	   is positioned absolutely will be relative to	   the top left corner of this div (for example,	   the navigation box). */		/* setting the right and left margins to auto will center this div, but I don't want it centered, so I use padding  GPL */	padding-left: 40px;	width: 690px;}h2 {	font-size: 20px;	font-weight: bold;	margin-top: 20px;}h3 {	font-size: 16px;	font-weight: bold;	font-family:  Helvetica Neue; Helvetica}/* begin header */#header {	width: 690px;	height: 140px;left: 40px;background: #fffffftext-align: left;font-family:  Helvetica Neue; Helvetica}#header h1 {	display: none;}/* begin header breadcrumbs trail */ #header p.bc  {   	width: 690px;	position: relative;	font-size: 10px;	font-color: #0000 	margin-top: 0px;	margin-bottom: 20px;	text-align: right;	}}  h2 { 	font-size: 18px;	font-weight: bold;	margin-top: 0px;	margin-left: 20px;	left: 40px;	text-align: left;}  #header h3 { 	font-size: 16px;	font-weight: bold;	margin-top: 0px;	text-align: left;	left: 40px;} #head h4 {	font-size: 14px;	font-weight: bold;	margin-top: 0px;	left: 40px;}		#head img {position: relative;left: 20px;margin-bottom: 10px;margin-top: 0px;}.header-br{margin-bottom: 2px;margin-top: 0px;}.header-tile{position: relative;left: 0px;margin-bottom: 10px;margin-top: 0px;float: left;color: #FFFF00;background-color: #0b0bf5;width: 720;height: 45px;text-align: left;font-family: Oxford, ‘Metrophobic’, Helvetica, serif; font-weight: 100; font-size: 260%;text-indent: 70px;text-margin-top }/* end header section *//* begin navigation links */#nav {	margin-top: 30px;	float: left;	width: 200px;	padding: 9px;	background: #fff;	border: 1px dotted black;	font-size: 12px;	margin-bottom: 20px;	font-family: "Gill Sans", Arial, Verdana, sans-serif;	padding-bottom: 40px;} #  nav h3 { 	font-size: 14px;	font-weight: bold;	margin-top: 0px;	text-align: left;	left: 40px;}#nav ul {		margin: 0;	padding: 0px 0px 0px 0px;	list-style-type: none;}#nav li:hover {	color: black;	}#nav li:hover a {	color: black;	text-decoration: underline;}#nav li a {	color: black;	text-decoration: none;	}#nav li alink {	color: black;	text-decoration: none;	}#nav li a:hover {	/* this rule is just for IE, which doesn't support :hover on anything but <a> tags*/	color: black;	text-decoration: underline;}#nav ol {		margin: 0;	padding: 0px 0px 0px 0px;	list-style-type: none;	}#nav p {	text-indent: 0 px;	font-family: "Gill Sans", Arial, Verdana, sans-serif; 	font-size: 12px;	}#nav p.contents {		text-indent: 0 px;	font-family: "Gill Sans", Arial, Verdana, sans-serif; 	font-size: 12px; 	margin-bottom: -15px;	}			#nav p.navbibl {		font-family: "Gill Sans", Arial, Verdana, sans-serif;	text-align: left;	margin-left: 0px;	text-indent: 0px 	font-size: 10px;	}				#nav span.book {		font-family: "Gill Sans", Arial, Verdana, sans-serif; 	font-size: 12px; 	font-style: italic;	}	#nav span.periodical {		font-family: "Gill Sans", Arial, Verdana, sans-serif; 	font-size: 12px; 	font-style: italic;	}				#nav span.painting {		font-family: "Gill Sans", Arial, Verdana, sans-serif; 	font-size: 12px; 	font-style: italic;	}			#nav span.website {		font-family: "Gill Sans", Arial, Verdana, sans-serif; 	font-size: 12px; 	font-style: italic;	}				#nav span.play {		font-family: "Gill Sans", Arial, Verdana, sans-serif; 	font-size: 12px; 	font-style: italic;	}	#nav span.music{	font-family: "Gill Sans", Arial, Verdana, sans-serif;	font-size: 12px;	font-style: italic;		}	/* begin main content */#main {	width: 500px;	margin: 0px 0px 0px 199px;	padding: 9px 10px 0px 50px;	min-height: 150px;}#main img {	margin-top: 10px;	border="0"}#main p {	text-align: justify;	font-size: 14px;	text-indent: 35px;	font-family:  Helvetica Neue; Helvetica}#main p.bibl {	text-align: left;	font-size: 14px;	text-indent: 40px	margin-left: -40px;	font-family:  Helvetica Neue; Helvetica		/* begin paragraph in chronologies and timelines to replace html tables */	#main p.chron { 	text-align: left;	font-size: 14px;	text-indent: 40px	margin-left: -40px;	font-family:  Helvetica Neue; Helvetica	}	}#main p.lq {	font-family:  Helvetica Neue; Helvetica	width: 380px;	font-size: 14px;	text-indent: 0px;	margin-left: 40px;	margin-right: -40px;	margin-top: 0px;}#main li {	font-size: 14px;	color: black;	text-decoration: none;}		#main ul {	margin: 0;	padding: 0px 0px 0px 35px;}#main li:hover {	color: black;}#main li a {	color: black;	text-decoration: none;}	#main li:hover a {	color: black;	text-decoration: underline;}h3 {	font-family:  Helvetica Neue; Helvetica	font-size: 16px;	font-weight: bold;	margin-top: 20px;}p {	margin-top: 20px;	text-align: justify;	text-indent: 0 px; 	font-family:  Helvetica Neue; Helvetica	font-size: 13px;}#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.poetry2 { 	text-indent: 0px; 	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	margin-left: 90px;		}		}/* begin paragraph in chronologies and timelines to replace html tables */	#main p.chron {  	margin-left: 40px;	text-align: left;	width: 400px;	text-indent: -40px	font-family:  Helvetica Neue; Helvetica	}/* begin bibliography */		#main p.bibl {  	margin-left: 40px;	text-align: left;	width: 400px;	text-indent: -40px	font-family:  Helvetica Neue; Helvetica	}					#main p.date { 	font-family:  Helvetica Neue; Helvetica	width: 600px;	text-align: right;	font-size: 10px;	}		#main p.lq {	font-family:  Helvetica Neue; Helvetica		text-indent: 0px;	margin-left: 40 px;	margin-right: -40 px;	margin-top: 0px;	width: 380px;		font-size: 12px;}/* begin paragraph for headnotes  */	#main p.hn {	font-family:  Helvetica Neue; Helvetica	width: 580px;	font-size: 10px;	text-indent: 0px;	margin-left: 40 px;	margin-right: -40 px;	margin-top: 20px;}/* begin paragraph for small thumbnail captions  */	#main p.tc {	font-family:  Helvetica Neue; Helvetica	width: 440px;	font-size: 10px;	text-indent: 0px;	margin-left: 40 px;	margin-right: -40 px;	margin-top: 20px;}#main p.caption {	text-indent: 0 px;	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-weight: bold;}#main p.vcaption{	text-indent: 0 px;	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	text-align: left;}	span.book{	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;		}span.book{	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;	}span.periodical{	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;	}span.artwork{	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;	}#main span.exhibition{	font-family:  Helvetica Neue; Helvetica 	font-size: 14px;	font-style: italic;		}	span.ship{	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;	}span.website{	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;}	span.engraving{	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;}		#main p.painting{	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;}	#main p.th {	padding = 10px; 10px; 10px; 10px;	float= left;	align= left;	text-indent: 0 px;	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;	font-weight: bold;}	span.h3book{	font-family:  Helvetica Neue; Helvetica	font-size: 16px;	font-style: italic;	}span.lqbook{	font-family:  Helvetica Neue; Helvetica	font-size: 12px;	font-style: italic;	}lqbook{	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.hnbook{	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.hnwebsite{	font-family:  Helvetica Neue; Helvetica	font-size: 10px;	font-style: italic;	}span.tcbook{	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.tcpainting{	font-family:  Helvetica Neue; Helvetica	font-size: 10px;	font-style: italic;	}span.h2book{	font-family:  Helvetica Neue; Helvetica	font-size: 18px;	font-style: italic;	font-weight: bold;}h2book{	font-family:  Helvetica Neue; Helvetica	font-size: 18px;	font-style: italic;	font-weight: bold;}span.play{	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;}	play{	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.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;}painting{	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;}	span.h2painting{	font-family:  Helvetica Neue; Helvetica	font-size: 18px;	font-style: italic;	font-weight: bold;}hpainting{	font-family:  Helvetica Neue; Helvetica	font-size: 18px;	font-style: italic;	font-weight: bold;}	cpainting{	font-family:  Helvetica Neue; Helvetica	font-size: 14px;	font-style: italic;	font-weight: bold;}	 bkbook{	font-family:  Helvetica Neue; Helvetica	font-size: 10px;	font-style: italic;}/* begin bibliography */  p.bibl {  	font-size: 14px; 	width: 600;	text-align: left;	padding: 0px;	text-indent: -40px;	font-family:  Helvetica Neue; Helvetica		}/* float commands to replace html align right and left*/.floatright {float: right;margin: 0 10px 10px 10px;}.floatleft {float: left;margin: 0 7px 7px 7px;}/* begin footer */#footer  {clear: both;height: 170px;width: 690px;margin-bottom: 0px;background: #ffffffimg-align: left;margin-top: 30px;}#footer h3{	font-family:  Helvetica Neue; Helvetica 	font-size: 16px;	font-weight: bold;	margin-top: 0px;	text-align: left;	left: 40px;}.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;}/* 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;}	 p.date{	font-family:  Helvetica Neue; Helvetica	font-size: 10px;	text-align: right;	margin-right: 0px;}	 		