/** * @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 {color: #0033CC;text-decoration: none;}a:visited {text-decoration: none;color: #3F3F42  }a:hover {text-decoration: underline;color: #000;}	a {color: #000;text-decoration: none;}a:visited {text-decoration: none;color: #3F3F42  }a:hover {text-decoration: underline;color: #000;}body {background: #ffffff}/*  header section with icon and breadcrumbs */#head {width: 690px;height: 100px;background: #fffffftext-align: right;}{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 }/* begin header breadcrumbs trail */ #head p.bc  {   	width: 670px;	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-color: #0000 	margin-top: 0px;	margin-bottom: 20px;	text-align: right;	}	#head bcspan.book{	font-style: italic;	}#head span.bcbook{	font-style: italic;	}		 #head a {color: #000;text-decoration: none;} #head a:visited {text-decoration: none;color: #3F3F42  } #head a:hover {text-decoration: underline;color: #000;}  	#head img {position: relative;left: 20px;margin-bottom: 0px;margin-top: 10px;}	#head p.trans {	text-indent: 0px; 	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 9px;	text-align: left;	margin-left: 20px;	}	#main {	width: 750;	margin:0;	padding:0;	}		#leftcontent {		float:left;		background:#fff;		margin-left:20px;		margin-right:30px;		margin-top:5px		background-color: #669;		}#rightcontent {	padding-top: 60px;		}						#rightcontent p {			font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 14px;	margin: 10px 10px 10px 10px;		text-align: left;	text-indent: 0;}#rightcontent li{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 12px;}	 #rightcontent a {color: #000;text-decoration: none;} #rightcontent a:visited {text-decoration: none;color: #3F3F42  } #rightcontent a:hover {text-decoration: underline;color: #000;}#rightcontent li span.painting{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 12px;	font-style: italic;	}#rightcontent li span.illustration{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 12px;	font-style: italic;	}#rightcontent p.vcaption{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 18px;	font-weight: bold;	margin-top: 125px;	margin-left: 25px;	padding-left:20px;	}	#rightcontent p.painting{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 20px;	font-style: italic;	font-weight: bold;	}	#rightcontent p.engraving{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 20px;	font-style: italic;	font-weight: bold;}	#rightcontent p.building{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 20px;	font-style: italic;	font-weight: bold;	}	#rightcontent p.sculpture{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 20px;	font-style: italic;	font-weight: bold;	}	#rightcontent p.artwork{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 20px;	font-style: italic;	font-weight: bold;	}p.artist{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 16px;	font-weight: bold;}	#rightcontent p.photographer{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 14px;}	#rightcontent p.place{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 14px;	}#rightcontent p.size{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 14px;}	#rightcontent p.collection{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 14px;}	#rightcontent p.permission{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 12px;}#rightcontent p.quote{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 12px;}	#rightcontent p.artdate{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 14px;}		#rightcontent p.book{	 	color: #000;	font-size: 14px;	font-style: italic;	}#rightcontent p.comment{	 	color: #000;	font-size: 14px;}#rightcontent  p.permission span.website{		font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 12px;	font-style: italic;		}		#rightcontent span.book{		font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 14px;	font-style: italic;		}				#rightcontent span.painting{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;		}		#rightcontent span.website{		font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 14px;	font-style: italic;		}		#rightcontent span.engraving{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;}						#rightcontent span.artwork{	font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 14px;	font-style: italic;		}		#rightcontent span.ship{	font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 12px;	font-style: italic;		}		#rightcontent span.sculpture{	font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 12px;	font-style: italic;		}#rightcontent span.building{	font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 14px;	font-style: italic;		}		#rightcontent li span.book{	font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 12px;	font-style: italic;}	#rightcontent li span.artwork{	font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 12px;	font-style: italic;}				#rightcontent img {	margin-top: 50px;} #footer {clear:both;width: 690px;height: 170px;background: #fffffftext-align: left;img-align: left;margin-top: 30px;margin-left: 30px;float: left;} 		.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;}	h3 {	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 16px;	font-weight: bold;	margin-top: 20px;}p {	margin-top: 20 px;	text-align: justify;	text-indent: 20px; 	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;}  p.one {	text-indent: 0px; 	}	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 after an indented quotation */	  p.aq {	text-indent: 0 px; 	}	  p.poetry { 	text-indent: 0 px; 	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 12px;	margin-left: 90 px;		}/* begin caption beneath images in footer */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;}	/* begin paragraph in question set section */	  p.ques {	text-indent: 0 px; 	font-size: 14px;	}			/* begin bibliography */		 p.bibl {  	margin-left: 40px; 	font-size: 14px;	text-align: left;	text-indent: -40px	}	 p.date{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	text-align: right;}	 		}			#footer 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;}		span.book{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;		}	span.artwork{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;		}		span.painting{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;		}		span.play{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;		}			span.sculpture{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;		}	span.illustration{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;		}			span.tccaption{	font-family: Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;		}					span.website{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;		}			span.bcbook{	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-style: italic;	/* 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;}	 