/* STYLESHEET FOR LEVEL 2 PAGES */

body {
	font-size: 100%;
	font-style: normal;
	background-color: #FFFFFF;
	margin: 0px; 
	padding: 0px;
}

.clear {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	}

/* ARCHIVE PAGES */
.archive { background-color: #cccc99; }

a:link { color: #003366; }
a:visited { color: #990033; }
a:hover { color: #993399; }
a:active { color: #0033CC; }

/* Archive Explanation Box */
.archive div#about { width: 975px; margin: 5px 0; padding: 5px; text-align: left; background: rgb(224,224,153); border: 1px solid #036; }
.archive #about p { margin: 5px 10px -5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em; color: #036; font-weight: bold;
	text-align: center; line-height: 1.2em;
	}
.archive #about ul { list-style: disc; margin-left: 1em; padding: 0 5px; }
.archive #about li { margin: 0 10px 2px 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em; color: #036;
	text-align: left; line-height: 1.2em;
	}

/* LINKS */

a:link { color: #003366; }
a:visited { color: #990033; }
a:hover { color: #993399; }
a:active { color: #0033CC; }

/* NAVIGATION BAR */

div#navigation { width: 100%; background-image: url(../navbar/navbgrd2016.jpg); background-repeat: repeat-x;  }

/* OLD NAVBAR: */

div#nav { width: 100%; background-image: url(../navbar/navbgrd.jpg); background-repeat: repeat-x;  }

#wrapper {
    width: 100%; max-width: 975px;
    margin: 2px auto;
} 

/* END OLD NAVBAR: */

#wrapper {
    width: 100%; max-width: 850px;
    margin: 2px auto;
}

#subnav {
    padding: 0 0 10px 0;
    position: relative;
}

#subnav #quicksearch {
    position: absolute;
    top: 7px;
    right: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;	
}

/* ICON BAR */
div#iconbar { width: 100%; margin-top: 17px;}
.xprints { background-image: url(../navbar/xprints.jpg); background-repeat: repeat-x; }
.xglobes { background-image: url(../navbar/xglobes.jpg); background-repeat: repeat-x; }
.xmaps { background-image: url(../navbar/xmaps.jpg); background-repeat: repeat-x; }
.xpictorialmap { background-image: url(../navbar/xpictorialmap.jpg); background-repeat: repeat-x; }
.xdecarts { background-image: url(../navbar/xdecarts.jpg); background-repeat: repeat-x; }
.xnewyork { background-image: url(../navbar/xnewyork.jpg); background-repeat: repeat-x; }
.xcollecting { background-image: url(../navbar/xcollecting.jpg); background-repeat: repeat-x; }
.xarcvglobes { background-image: url(../navbar/xglobesarch.jpg); background-repeat: repeat-x; }
.xarcvdecarts { background-image: url(../navbar/xarcvdecarts.jpg); background-repeat: repeat-x; }
.xarcvmaps { background-image: url(../navbar/xarcvmaps.jpg); background-repeat: repeat-x; }
.xarcvprints { background-image: url(../navbar/xarcvprints.jpg); background-repeat: repeat-x; }
/* Note: if you have two iconbar imgs stacked on top of each other (as in gavels.html)
and don't want a gap, put them in one row of code rather than two */

/* PAGE NUMBER ICON SPACING */

.pgicon { margin-right: 5px;}

/* PAGE NUMBER BOTTOM BAR */
/* See "seealso" code below for list of the only ones left. */

div#pgbottom-prints { width: 100%; height: 45px; background-color: #966; border: 0px; padding: 5px; margin-top: 10px; margin-bottom: 10px; 
	color: #fff; text-align: center; font: 0.85em Verdana, Arial, Helvetica, sans-serif; }
#pgbottom-prints img { margin-right: 5px; vertical-align: middle; }
#pgbottom-prints a:link { color: #fff; }

div#pgbottom-maps { width: 100%; height: 45px; background-color: #069; border: 0px; padding: 5px; margin-top: 10px; margin-bottom: 10px; 
	color: #fff; text-align: center; font: 0.85em Verdana, Arial, Helvetica, sans-serif; }
#pgbottom-maps img { margin-right: 5px; vertical-align: middle; }
#pgbottom-maps a:link { color: #fff; }

div#pgbottom-globes { width: 100%; height: 45px; background-color: #066; border: 0px; padding: 5px; margin-top: 10px; margin-bottom: 10px; 
	color: #fff; text-align: center; font: 0.85em Verdana, Arial, Helvetica, sans-serif; }
#pgbottom-globes img { margin-right: 5px; vertical-align: middle; }
#pgbottom-globes a:link { color: #fff; }

div#pgbottom-decarts { width: 100%; height: 45px; background-color: #939; border: 0px; padding: 5px; margin-top: 10px; margin-bottom: 10px; 
	color: #fff; text-align: center; font: 0.85em Verdana, Arial, Helvetica, sans-serif; }
#pgbottom-decarts img { margin-right: 5px; vertical-align: middle; }
#pgbottom-decarts a:link { color: #fff; }
#pgbottom-decarts a:visited { color: #ddd; }

/* THUMBNAIL ROWS */

.tn { height: auto; width: auto; 
	padding: 0 5px 0; margin: 5px 0 0; 
	vertical-align: top; }
		
table { margin-bottom: 10px; }

/* FOOTER */

div#footer {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #036;
	text-align: center;
	width: 750px;
	margin-bottom: 15px;
}

.footer-lg { font-size: 1.2em; }

hr.foot { width: 750px; }

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 0.6em;
	text-align: center;
}

/* CONSTRAIN WIDTH OF SECTION TO 600 PX BY USING DIV ID INSTEAD OF TABLES -- CHANGE EVENTUALLY TO 975 */

div#maxwidth { width: 600px; padding: 0; margin: 0; }

.maxwidth { width: 975px; }

/* PARAGRAPH TAG AND MODIFIERS */

p { margin-bottom: 1em;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	text-align: left;
}

/* Center text--you don't need the newyorkctr text etc., if you span with this */
/* e.g. <p class="ctr"><span class="globegreen"> */

.ctr { text-align:center; }

/* This is "See also" text for level 2's that are not tabbed Spry */
#seealso { width: 975px; font-size: 1em; font-style: bold; margin: 10px 0 10px 255px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
#seealso.globe { color: #006666; } /* The only globes with this and pagebottom are pocket.html and archive-pocket.html */
#seealso.map { color: #006699; } /* The only maps with this and pgbottom are asia.html, latin.html and usmaps.html, archive-asia.html, archive-florida.html, archive-us.html */
#seealso.print { color: #996666; } /* The only prints with this and pgbottom are butter.html, com.html, industry.html, law.html, marine.html, reptiles.html, winter.html, worldhist.html and the following in archives: arch, business */
#seealso.decarts { color: #993399; } /* The only decarts with this and pgbottom are furniture.html, leatherbooks.html, archive-banners.html, archive-leatherbooks.html, archive-libfurn.html, archive-toysgames.html */


/* Green text for special globe pages */
.globegreen { 
	margin-top: 0em; margin-bottom: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4em;
	color: #066;
}

/* Blue text for special map pages */
.mapblue { 
	margin-top: 0em; margin-bottom: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4em;
	color: #006699;
}

/* Pink text for special print pages */
.printpink { 
	margin-top: 0em; margin-bottom: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4em;
	color: #996666;
}

/* Purple text for special decarts pages */
.decartspur { 
	margin-top: 0em; margin-bottom: .8em; padding: .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: left;
	line-height: 1.4em;
	color: #993399;
}

/* Brown text for special newyork pages */
.nybrown { 
	margin-top: 0em; margin-bottom: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: left;
	line-height: 1.4em;
	color: #663333;
}

.nybrownctr { margin-top: 0em; margin-bottom: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: left;
	line-height: 1.4em;
	color: #663333;
	text-align: center; }
	
<!--get rid of this after finishing newyork navbar updates 2011-->
div#disclaimer {
	background-color: #036;
	background-position: center top;
	vertical-align: middle;
	margin: 5px; padding: 10px; width: 600px;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em; font-weight: bold;
	text-align: left;
}

/* COLORED TITLE BLOCKS FOR THE DIFFERENT SECTIONS */

.prints-title {
	background-color: #996666;
	background-position: center top;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 1em; margin-bottom: 0.3em;
	padding-top: 0.1em; padding-bottom: 0.1em;
}

#nymaps-title {	
	background-color: #006699;
	background-position: center top;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	padding: 5px;
}

a.nymaps-title: link { color: #eee; }

.maps-title {	
	background-color: #006699;
	background-position: center top;
	text-align: center;
	vertical-align: middle;
	margin-top: 0.3em;
	padding: 0.1em;
}

.decarts-title {	
	background-color: #993399;
	background-position: center top;
	text-align: center;
	vertical-align: middle;
	margin: 0.3em;
	padding: 0.1em;
}

.newyork-title {	
	background-color: #663333;
	background-position: center top;
	text-align: center;
	vertical-align: middle;
	margin: 0.3em;
	padding: 0.1em;
}

.globes-title {	
	background-color: #066;
	background-position: center top;
	text-align: center;
	vertical-align: middle;
	margin: 0.3em;
	padding: 0.1em;
}

.news-title {	
	background-color: #699;
	background-position: center top;
	text-align: center;
	vertical-align: middle;
	margin: 0.3em;
	padding: 0.1em;
}

#sublist { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: white; size: .8em; margin: 5px;}
#sublist a:link { color: #fff; }
#sublist a:visited { color: #ddd; }


h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.section-h1 { font-family: "Times New Roman", Times, serif;
	font-size: 1.5em; font-style: italic;
	font-weight: bold;
	color: #fff;
	text-align: center;	
}

.section-h2  {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	text-align: center;	
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	text-align: center;	
}

.section-h3  {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	text-align: left;
	vertical-align: middle;
	padding: 0em;
}

h3.left {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	text-align: left;
	vertical-align: middle;
	padding: 0em;
}

.section-h3ctr  {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 0em;
}

h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 0em;
}
/* SMALL CAPTIONS UNDER JPEGS */

.caption { font-size: 0.7em; color: #000; font-family: verdana,arial,sans-serif; text-align: center; margin-top: 0px; margin-bottom: 5px;}

.caption-left { font-size: 0.7em; color: #000; font-family: verdana,arial,sans-serif; text-align: left; vertical-align: top; margin-top: 0px; margin-bottom: 5px;}

.sold {
	font-style: italic;
	color: #990033;
}

/* Click on image to view enlargement. */
.click {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	color: #990033;
}

/*PAGE NUMBERING*/

/* When page number icons at the top go to two rows. */
.pg-nextrow {
	padding-left: 70px;
	vertical-align: top;
}

/* Small page numbers for level 2 guide pages. */
.page1-2  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #996666;
	font-size: 0.85em;
	font-style: normal;
	text-align: center;
	padding-left: 20px;
	line-height: 1.4em;
}

/* FLOATS */

.floatl { float: left; padding: 0 10px 0 10px; }

.floatr { float: right; padding: 0 0 10px 10px; }

/* Used on Archive level 2s for text about the archives pages.*/
.iconbar-prints {
	background-color: #966;
	margin-top: 0em; margin-bottom: .75em;
	padding-left: 27px; padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4em;
	color: #ffffff;
	border: 0em;
}

.iconbar+maps {
	background-color: #069;
	margin-top: 0em; margin-bottom: .75em;
	padding-left: 27px; padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4em;
	color: #ffffff;
	border: 0em;
}

.iconbar+globes {
	background-color:#066;
	margin-top: 0em; margin-bottom: .75em;
	padding-left: 27px; padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4em;
	color: #ffffff;
	border: 0em;
}

.iconbar+decarts {
	background-color: #939;
	margin-top: 0em; margin-bottom: .75em;
	padding-left: 27px; padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4em;
	color: #ffffff;
	border: 0em;
}

/* Used for level 2 prints subsection heads. */
.section-goto { 
	margin-top: 0em; margin-bottom: .75em;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.4em;	
	color: #996666;
	background-color: #ffffff;
	width: 750px;
}

.section-actv {
	background-color:#996666;
	margin-top: 0em; margin-bottom: .75em;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.4em;
	color: #ffffff;
	border: 0em;
	width: 750px;
}

/* Used for level 2 globes subsection heads. */

.globe-section-actv {
	background-color:#006666;
	margin-top: 0em; margin-bottom: .75em;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.4em;
	color: #ffffff;
	border: 0em;
	width: 100%;
}

.whitesans {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: bold;
	background-position: center;
	color: #ffffff;
}

.sans {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: bold;
	text-align: left;
	color: #000000;
}

/* COLLECTING PAGES */

.colortextbox { padding-left: 27px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; background-color: #666699; }
.colorheadbox { padding-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; background-color: #666699; }
.collecthead {	font-family: "Times New Roman", Times, serif;
	font-size: 2em; font-style: italic;
	font-weight: bold;	text-align: left; color: #333366; padding-left: 27px; margin-bottom: 0em;}
.whitetext { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: .8em; line-height: 1.3em; font-weight: bold; color: #ffffff;} 
.subhead { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 1em; line-height: 1.3em; font-weight: bold; color: #669; text-align: center; } 
.whitelarge { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 1.2em; font-weight: normal; color: #ffffff; text-align: center; } 
p.collect { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: .9em; line-height: 1.4em; text-align: left; color: #336; }
.collectcaption { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: .8em; text-align: center; color: #666699; margin-top: 5px; }
.floatl { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: .8em; float: left;}
.floatr { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: .8em; float: right;}

.colorheadbox a:link { color: #ffff99; } 
.colorheadbox a:visited { color: #cccc99; }
.colorheadbox a:active { color: #ffffdd; }

/* PURCHASE FORMS */

.purchasehead {
	background-color: #8fbc8f;
	color: #3e4e1a;
	text-align: center;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 1.5em; font-weight: bold;
	padding: 10px; margin: 10px 0; }
	
.purchasetext { 
	margin-top: 0em; margin-bottom: .8em;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: left;
	line-height: 1.4em;
	color: #555;
}

.purchasetextctr { 
	margin-top: 0em; margin-bottom: .8em;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: center;
	line-height: 1.4em;
	color: #555;
}
	
div#contactinfo {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.4em;
	color: #3e4e1a;
	background-color: #8fbc8f;
	width: 750px;
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
}

/*Smartphone Media Query*/
@media only screen and (min-width: 0px) and (max-width: 700px){
#footer { width: 100% !important; }
}

