/** * @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;}h2 {	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 18px;	font-weight: bold;	margin-top: 0px;	margin-left: 20px;	text-align: left;}h4 {	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-weight: bold;	margin-top: 0px;	margin-left: 20px;	text-align: left;}span.h4website{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;	font-size: 14px;	font-weight: bold;	margin-top: 0px;	margin-left: 0px;	text-align: left;}.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 header breadcrumbs trail */ #head p.bc  {   	width: 670px;	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	color: #000;	margin-top: 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;	}h3 {	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 16px;	font-weight: bold;	margin-top: 20px;	margin-left: 0px;}#main p {	font-family:  Palatino, Times, serif;	text-align: justify;	margin-top: 20px;	font-size: 14px;	text-indent: 35px;}.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;}.longnav-tile{float: center;color: #FFFF00;background-color: #0b0bf5;width: 280px;height: 40px;text-align: center;font-family:  Helvetica, serif; font-weight: 400; font-size: 200%;margin: 1px;}/* 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;}	#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:  Arial, Verdana, Helvetica sans-serif;	font-size: 12px;	margin-left: 90px;	}		#main p.lq {	font-family:  Arial, Verdana, Helvetica sans-serif;	width: 580px;	font-size: 12px;	text-indent: 0px;	margin-left: 40px;	margin-right: -40px;	margin-top: 0px;}/* begin paragraph for headnotes  */	#main p.hn {	font-family:  Arial, Verdana, Helvetica sans-serif;	width: 580px;	font-size: 10px;	text-indent: 0px;	margin-left: 40px;	margin-right: -40px;	margin-top: 20px;}/* begin paragraph for small thumbnail captions  */	#main p.tc {	font-family:  Arial, Verdana, Helvetica sans-serif;	width: 580px;	font-size: 10px;	text-indent: 0px;	margin-left: 40px;	margin-right: -40px;	margin-top: 20px;}#main p.tcright {	font-family:  Arial, Verdana, Helvetica sans-serif;	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;	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:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	color: #000; 	margin-top: 10px;	margin-bottom: 20px;	text-align: right;	}#main li {	font-size: 14px;	text-align: left;}#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:  Palatino, Times, serif;	font-size: 14px;	font-style: italic;		}		#main span.painting{	font-family:  Palatino, Times, serif;	font-size: 14px;	font-style: italic;		}		#main span.artwork{	font-family: Palatino, Times, serif;	font-size: 14px;	font-style: italic;		}		#main span.illustration{	font-family: Palatino, Times, serif;	font-size: 14px;	font-style: italic;		}			#main span.film{	font-family: Palatino, Times, serif;	font-size: 14px;	font-style: italic;		}			#main span.song{	font-family: Palatino, Times, serif;	font-size: 14px;	font-style: italic;		}		#main span.music{	font-family: Palatino, Times, serif;	font-size: 14px;	font-style: italic;		}		#main span.website{	font-family:  Palatino, Times, serif;	font-size: 14px;	font-style: italic;}					#main span.caption{	font-family: Palatino, Times, serif;	font-size: 14px;	font-style: italic;		}			#main span.ship{	font-family: Palatino, Times, serif;	font-size: 14px;	font-style: italic;		}		#main span.sculpture{	font-family:  Palatino, Times, serif;	font-size: 14px;	font-style: italic;		}#main span.building{	font-family:  Palatino, Times, serif; 	font-size: 14px;	font-style: italic;		}		#main span.exhibition{	font-family:  Palatino, Times, serif; 	font-size: 14px;	font-style: italic;		}		#main span.photo{	font-family:  Palatino, Times, serif;	font-size: 14px;	font-style: italic;}	#main span.loco{	font-family:  Palatino, Times, serif;	font-size: 14px;	font-style: italic;}			#main img {	margin-top: 10px;	border="0"} 		span.tcbook{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;	}span.tcsculpture{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;	}span.tcartwork{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;	}span.tcwebsite{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;	}span.lqwebsite{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 12px;	font-style: italic;	}span.bcbook{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;	}span.lqbook{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 12px;	font-style: italic;	}span.lqpainting{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 12px;	font-style: italic;	}span.lqartwork{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 12px;	font-style: italic;	}span.lqplay{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 12px;	font-style: italic;	}span.lqmusic{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 12px;	font-style: italic;	}span.hnbook{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;	}span.hnpainting{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;	}span.hnwebsite{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;	}span.website{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;	}span.h2book{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 18px;	font-style: italic;	font-weight: bold;}span.h2painting{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 18px;	font-style: italic;	font-weight: bold;}span.h3book{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 16px;	font-style: italic;	font-weight: bold;}span.h4book{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;	font-weight: bold;}span.play{	font-family:  Palatino, Times, serif;	font-size: 14px;	font-style: italic;}	span.painting{	font-family:  Palatino, Times, serif;	font-size: 14px;	font-style: italic;}	span.engraving{	font-family:  Palatino, Times, serif;	font-size: 14px;	font-style: italic;}	span.drawing{	font-family:  Palatino, Times, serif;	font-size: 14px;	font-style: italic;}	span.h2drawing{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 18px;	font-style: italic;	font-weight: bold;}span.h2painting{	font-family:  Arial, Verdana, Helvetica sans-serif;	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;} 