/**
 * @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 {
color: #000;
text-decoration: none;
}


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.periodical
{
	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 li span.periodical
{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	color: #000;
	font-size: 12px;
	font-style: italic;	

}
#rightcontent li span.h2textile

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
#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;
font-family:  Arial, Verdana, Helvetica sans-serif;

width: 690px;
height: 170px;
background: #ffffff
text-align: left;
img-align: left;
margin-top: 30px;
margin-left: 30px;
float: left;
}

span.h3book

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 16px;
	font-style: italic;	
	}
	
	span.h3periodical

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 16px;
	font-style: italic;	
	}

 		.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;
}	


  p.poetry
 {
 	font-family:  Arial, Verdana, Helvetica sans-serif;
 	width: 580px;
	font-size: 12px;
	text-indent: 0px;
	margin-left: 90px;
	
	}



/* begin paragraph after an indented quotation */	
  p.aq
 {
	text-indent: 0 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.periodical

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
	font-style: italic;	
	}

	span.textile

{
	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.drawing

{
	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;
	}		

	
	span.lqbook

{
	font-family:  Arial, Verdana, Helvetica sans-serif;
	font-size: 12px;
	font-style: italic;
	}		

span.lqperiodical

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	font-style: italic;
	
}

span.lqtextile

{
	font-family:  Helvetica Neue; Helvetica
	font-size: 12px;
	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;
}

	

 
