/** * @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("//web-archive.nli.org.il/National_Library/20160526010038cs_///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;}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;}/* 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;}.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.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.illustration{	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.exhibition{	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.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.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.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.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.website{	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;}span.h2painting{	font-family:  Helvetica Neue; Helvetica	font-size: 18px;	font-style: italic;	font-weight: bold;}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.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;} 