<!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 Zeldman's 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: #006600;text-decoration: none;}a:visited {text-decoration: none;color: #006600  }a:hover {text-decoration: underline;color: #000;}body {background: #ccffcc}/*  header section with icon and breadcrumbs */#head {width: 690px;height: 200px;background: #ccffcctext-align: right;}/* begin header breadcrumbs trail */ #head p.bc  {   	width: 670px;	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 10px;	font-color: "#006600 	margin-top: 0px;	margin-bottom: 20px;	text-align: right;	}	#head img {position: relative;left: 20px;margin-bottom: 0px;margin-top: 10px;}#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 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.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.artdate{	font-family:  Arial, Verdana, Helvetica sans-serif;	color: #000;	font-size: 14px;}		#rightcontent p.book{	 	color: #000;	font-size: 12px;	font-style: italic;	}#rightcontent p.comment{	 	color: #000;	font-size: 14px;}#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.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: 14px;	font-style: italic;		}		#rightcontent span.sculpture{	font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 14px;	font-style: italic;		}#rightcontent span.building{	font-family:  Arial, Verdana, Helvetica sans-serif; 	font-size: 14px;	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;}h3 {	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 16px;	font-weight: bold;	margin-top: 20px;}p {	margin-top: 20px;	text-align: justify;	text-indent: 20px; 		font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;}  p.one {	text-indent: 0px; 	}/* begin paragraph after an indented quotation */	  p.aq {	text-indent: 0px; 	}	  p.poetry { 	text-indent: 0px; 	font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 12px;	margin-left: 90 px;		}	/* begin paragraph in question set section */	  p.ques {	text-indent: 0px; 	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.lq {	font-family:  Arial, Verdana, Helvetica sans-serif;	width: 580px;	font-size: 12px;	text-indent: 0px;	margin-left: 40 px;	margin-right: -40 px;	margin-top: 0px;}		span.book{		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.sculpture{		font-family:  Arial, Verdana, Helvetica sans-serif;	font-size: 14px;	font-style: italic;		}		#footer img {border: 0pxfloat: left;left: 10px;margin-bottom: 0px;margin-top: 0px;} .nav-tile{float: left;color: 58bf40;background-color: #f6f302;width: 110px;height: 80px;text-align: center;font-family: Papyrus, ‘Metrophobic’, Times, serif;font-weight: 400; font-size: 100%;margin: 3px;} 