/* Cascading style sheet for Rick Kretschmer's License Plate Archives www.ricksplates.com */
/* Style sheet created February 13, 2009 */
/* Last updated February 11, 2023 */


/* site-wide default settings */
body		{ background-color: white; color: black; width: 89%; margin-left: 5%; margin-right: 5%; 
		font-size: 10pt; font-family: arial, helvetica, verdana, sans-serif; }


/* page background colors for groups of pages */
body.info	{ background-color: #FFFFFF; }	/* informational pages (white)					*/
body.hist	{ background-color: #DDDDDD; }	/* plate history pages (light gray)				*/
body.curr	{ background-color: #F5F5DC; }	/* currrent plate narrative pages (beige)			*/
body.gallery	{ background-color: #DDEEFF; }	/* plate galleries (light blue)					*/
body.yr1959	{ background-color: black; }	/* 1959 plate pages						*/
body.yr1977	{ background-color: navy; }	/* 1977 plate pages (bright blue)				*/
.imptnt-bg	{ background-color: #CCCCFF; }  /* plan of salvation page & box on home page (light purple)	*/


/* site name banner at the top of each page */
table.pagetop	{ background-color: white; margin-left: 0; margin-right: 0%; padding: 0.3em; }
td.pagetop-l	{ text-align: left; width: 75px; vertical-align: middle; }
td.pagetop-c	{ text-align: center; vertical-align: middle; }
img.site-logo	{ margin-right: 0.5em; margin-left: 0; vertical-align: middle; width: 176px; height: 29px; }
h1		{ font-size: 14pt; font-style: normal; font-weight: normal; 
		margin-top: 0em; margin-bottom: 0em; color: navy; text-align: center; }
td.pagetop-r	{ text-align: right; width: 75px; vertical-align: middle; }


/* h2 - page title to use with no sub-title */
h2		{ font-family: "times new roman", times, serif; font-size: 24pt; margin-top: 0; text-align: center;}

/* h2 - page title to use when sub-title follows */
h2.h3follows	{ margin-bottom: 0; } 

/* h3 - page sub-title */
h3		{ font-family: "times new roman", times, serif; font-size: 14pt; margin-top: 0; text-align: center;}

/* page title text colors for groups of pages */
.genl-info	{ color: blue; }	/* general information pages			*/
.il		{ color: #FF6600; }	/* illinois plate pages (orange)		*/
.imptnt-fg	{ color: purple; }	/* plan of salvation page & box on home page	*/
.md		{ color: red; }		/* maryland plate pages				*/
.nc		{ color: #3399FF; }	/* north carolina plate pages (light blue)	*/
.pa		{ color: navy; }	/* pennsylvania plate pages			*/
.personal	{ color: #990000; }	/* personal information pages (burgundy)	*/
.trade		{ color: green; }	/* wheeling-dealing pages			*/
.va		{ color: gray; }	/* virginia plate pages				*/
.year		{ color: yellow; }	/* year-specific plate pages			*/


/* for page navigation menus at the top of each page */
div.pagemenu	{ background-color: #EEEEEE; color: black; font-size: 10pt; 
			padding: 1em; border-style: outset; border-width: thin; 
			margin-top: 0; margin-left: 0; margin-bottom: 0; margin-right: 2em; 
			white-space: nowrap; }
div.pagemenu a:link	{ color: blue; text-decoration: underline; }
div.pagemenu a:visited	{ color: purple; text-decoration: underline; }
div.pagemenu a:focus	{ color: #CC9900; text-decoration: underline; } /* gold */
div.pagemenu a:hover	{ color: #CC9900; text-decoration: underline; }
div.pagemenu a:active	{ color: #CC9900; text-decoration: underline; }


/* h4 - main text category header -  not indented */
h4		{ font-size: 12pt; font-style: normal; font-weight: bold; clear: both; 
		margin-top: 2.4em; }

/* page credit section at bottom of page */
h4.credits	{ font-size: 8pt; }
	
/* h5 - smallest header normally used in text - indented like paragraphs */
h5		{ font-size: 11pt; font-style: normal; font-weight: bold; clear: left;
		margin-top: 1.8em; margin-left: 2.5%; margin-right: 2.5%; }

/* same as regular h5 but with smaller top margin to use when immediately following an h4 header */
h5.first	{ margin-top: 1em; }

/* smallest header - indented like paragraph text - no space between header and following text */
h6		{ font-size: 10pt; font-style: italic;  font-weight: bold; clear: left;
		margin-bottom: 0; text-align: left; margin-left: 2.5%; margin-right: 2.5%; }

h6.menu		{ font-style: normal; margin-left: 0; margin-right: 0; margin-top: 1.2em; }

/* header at the top of a menu table cell gets no top margin */
h6.menutop	{ font-style: normal; margin-left: 0; margin-right: 0; margin-top: 0; }


/* table column headings */
thead		{ font-weight: bold; }

td		{ vertical-align: top;}

/* empty column to provide separation between menu columns */
td.menusep	{ padding: 0.3em; }

/* table cell consisting of a navigation menu */
td.menu		{ background-color: #EEEEEE; color: black; font-size: 10pt; text-align: left; 
			font-family: arial, helvetica, verdana, sans-serif; 
			padding: 1em; border-style: outset; border-width: thin; }
td.menu a:link		{ color: blue; text-decoration: underline; }
td.menu a:visited	{ color: purple; text-decoration: underline; }
td.menu a:focus		{ color: #CC9900; text-decoration: underline; } /* gold */
td.menu a:hover		{ color: #CC9900; text-decoration: underline; }
td.menu a:active	{ color: #CC9900; text-decoration: underline; }

/* table cell that consists of text */
td.text		{ padding-top: 0em; padding-bottom: 0em; padding-left: 5%; padding-right: 5%; 
		  text-align: left; vertical-align: top;}

/* table cell that consists of an image with a caption */
td.image-ds	{ font-size: 8pt; text-align: center; vertical-align: top; 
			  padding-top: 0em; padding-bottom: 1.2em; }

td.image-ss	{ font-size: 8pt; text-align: center; vertical-align: top;
			  padding-top: 0em; padding-bottom: 0em; }

/* text paragraphs */
p		{ font-size: 10pt; margin-left: 2.5%; margin-right: 2.5%; }
p.afterh6	{ margin-top: 0; }

/* paragraphs in page menus */
p.menutop	{ margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }
p.menu		{ margin-left: 0; margin-right: 0; margin-bottom: 0; }

/* credits at bottom of page */
p.credits	{ font-size: 8pt; margin-top: 0.6em; margin-bottom: 0.6em; }


/* tables used for formatting text need text paragraph margins */
table.text	{ font-size: 10pt; margin-left: 2.5%; margin-right: 2.5%; margin-top: 0.4em; }


/* definition lists */
dl		{ font-size: 10pt; margin-left: 2.5%; margin-right: 2.5%; }
/* definition terms */
dt		{ font-weight: bold; }


/* standard bulleted lists */
ul	{	font-size: 10pt; margin-left: 6.25%; margin-right: 2.5%; }

ul.menu	{	list-style-type: none; margin-left: 1.5em; margin-right: 0; padding-left: 0;
		margin-top: 0; margin-bottom: 0; text-indent: -1.5em; font-size: 10pt; }
ul.menu2	{ list-style-type: none; margin-left: 1.75em; margin-right: 0; padding-left: 0;
		margin-top: 0; margin-bottom: 0; text-indent: -1.75em; font-size: 10pt; }

ul.links	{	list-style-type: none; margin-left: 5%; margin-right: 2.5%; padding-left: 0;
		margin-top: 0; margin-bottom: 0; font-size: 10pt; text-indent: -2.25%;}
/* old
ul.links	{	list-style-type: none; margin-left: 2.5%; margin-right: 2.5%; padding-left: 0;
		margin-top: 0; margin-bottom: 0; font-size: 10pt; }  end old /*


/* bullets not indented */
ul.noind	{ margin-left: 2.5%; margin-right: 2.5%; }

/* standard numbered lists */
ol	{	font-size: 10pt; margin-left: 6.25%; margin-right: 2.5%; }

/* single space after an item that's normally double spaced */
.ss		{ margin-bottom: 0; }

/* single space before an item that's normally double spaced */
.ss-abv		{ margin-top: 0; }

/* double space after item that's normally single spaced */
.ds		{ margin-top: 0; margin-bottom: 1.2em; } 


/* these make links turn gold */
a:link		{ color: blue; text-decoration: underline; }
a:visited	{ color: purple; text-decoration: underline; }
a:focus		{ color: #CC9900; text-decoration: underline; }
a:hover		{ color: #CC9900; text-decoration: underline; }
a:active	{ color: #CC9900; text-decoration: underline; }

/* used for keywords at the start of bulleted list items */
.key	{ font-weight: bold; }

/* for use when the site name appears within text */
.sitename	{color: red; font-weight: bold; }

/* for use when plate serial formats appear within text */
.serfmt		{font-weight: bold; }

/* for use when plate legends appear within the text */
.legend		{ font-style: italic; }

/* for book titles within the text */
.booktitle	{ font-style: italic; }

/* used for extra-important points */
.extra-emph	{ font-weight: bold; font-style: italic; }

/* suppress all image borders */
img		{ border-style: none; }

/* image sizes specified for faster page loading */
img.pl8-10x6-tn { width: 50px; height: 30px; }
img.pl8-11x6-tn { width: 55px; height: 30px; }
img.pl8-tn	{ width: 60px; height: 30px; }		/* 12 x 6 */
img.pl8-13x6-tn	{ width: 65px; height: 30px; }
img.pl8-14x6-tn	{ width: 70px; height: 30px; }
img.pl8-15x6-tn	{ width: 75px; height: 30px; }

img.pl8-10x6-sm { width: 125px; height: 75px; }
img.pl8-pa5255-sm { width: 128px; height: 75px; }	/* 10-1/4 x 6 */
img.pl8-11x6-sm { width: 138px; height: 75px; }
img.pl8-sm	{ width: 150px; height: 75px; }		/* 12 x 6 */
img.pl8-13x6-sm	{ width: 163px; height: 75px; }
img.pl8-14x6-sm	{ width: 175px; height: 75px; }
img.pl8-15x6-sm	{ width: 188px; height: 75px; }
img.pl8-16x6-sm { width: 200px; height: 75px; }

img.pl8-10x6-sm2 { width: 120px; height: 72px; }
img.pl8-pa5255-sm2 { width: 123px; height: 72px; }	/* 10-1/4 x 6 */
img.pl8-11x6-sm2 { width: 132px; height: 72px; }
img.pl8-sm2	 { width: 144px; height: 72px; }	/* 12 x 6 */
img.pl8-13x6-sm2 { width: 156px; height: 72px; }
img.pl8-15x6-sm2 { width: 180px; height: 72px; }
img.pl8-16x6-sm2 { width: 192px; height: 72px; }

img.pl8-med	{ width: 180px; height: 90px; }		/* 12 x 6 */
img.pl8-med2	{ width: 192px; height: 96px; }		/* 12 x 6 */

img.mdmcyc-tn	{ width: 57px; height: 30px; }		/* 8 1/2 x 4 7/16, same height as standard thumbs */
img.mdmcyc-sm	{ width: 106px; height: 55px; }		/* 8 1/2 x 4 7/16, proportional to pl8-sm */
img.mdmcyc-sm2	{ width: 102px; height: 53px; }		/* 8 1/2 x 4 7/16, proportional to pl8-sm2 */
img.mdmcyc-med2	{ width: 136px; height: 71px; }		/* 8 1/2 x 4 7/16, proportional to pl8-med2 */

img.pamcyc-tn	{ width: 53px; height: 30px; }		/* 8 x 4 1/2, same height as standard thumbs */
img.pamcyc-sm2	{ width: 96px; height: 54px; }		/* 8 x 4 1/2, proportional to pl8-sm2 */
img.pamcyc-med2	{ width: 128px; height: 72px; }		/* 8 x 4 1/2, proportional to pl8-med2 */

img.mcyc-tn	{ width: 53px; height: 30px; }		/* 7 x 4, same height as standard thumbs */
img.mcyc-sm	{ width: 88px; height: 50px; }		/* 7 x 4, proportional to pl8-sm */
img.mcyc-sm2	{ width: 84px; height: 48px; }		/* 7 x 4, proportional to pl8-sm2 */
img.mcyc-med2	{ width: 112px; height: 64px; }		/* 7 x 4, proportional to pl8-med2 */

img.land-sm	{ width: 200px; height: 150px; }
img.land-sm2	{ width: 192px; height: 144px; }
img.port-sm	{ width: 150px; height: 200px; }
img.port-sm2	{ width: 144px; height: 192px; }

img.new-gif	{ width: 28px; height: 11px; }
img.updated-gif	{ width: 47px; height: 11px; }
img.w3c-logo	{ width: 88px; height: 31px; }
img.award-gif	{ width: 13px; height: 18px; }

/* pics show at left with wrap-around text */
.leftpic	{ margin-top: 0; margin-bottom: 1.2em; margin-left: 2.5%; margin-right: 2em; float: left; 
		  display: inline; }
/* pics show at right with wrap-around text */
.rtpic		{ margin-top: 0; margin-bottom: 1.2em; margin-left: 2em; margin-right: 0em; float: right; }
.caption	{ font-size: 8pt; }
.caption-lite	{ font-size: 8pt; color: gray; }


/* these are for main page text that's in table cells on the right where plate photos are on the left */
.cell		{ margin-left: 3em; margin-right: 0; }				/* indentation for text in table cell */
.cell-first	{ margin-left: 3em; margin-right: 0; margin-top: 0; }		/* suppress top margin */
.cell-last-ss	{ margin-left: 3em; margin-right: 0; margin-bottom: 0; }	/* suppress bottom margin when not another cell */
.cell-last-ds	{ margin-left: 3em; margin-right: 0; margin-bottom: 1.2em; }	/* force bottom margin when another cell */
.cell-only-ss	{ margin-left: 3em; margin-right: 0; margin-top: 0; margin-bottom: 0; }
.cell-only-ds	{ margin-left: 3em; margin-right: 0; margin-top: 0; margin-bottom: 1.2em; }


/* these are for the text boxes that provided extra info */
table.infobox	{ background-color: white; color: black; text-align: left; } /* for info boxes outside of table cells */
table.infobox-cell-ss	/* for info boxes in table cells on the right where plate photos are on the left */
		{ background-color: white; color: black; text-align: left; margin-left: 3em; margin-right: 0; 
			margin-top: 0; margin-bottom: 0; }
table.infobox-cell-ds	/* for info boxes in table cells on the right where plate photos are on the left */
		{ background-color: white; color: black; text-align: left; margin-left: 3em; margin-right: 0; 
			margin-top: 0; margin-bottom: 1.2em; }
h6.infohdr	{ margin-top: 0.3em; margin-right: 0.6em; margin-bottom: 0.6em; margin-left: 0.6em; text-align: center; }
/* the following is used to define ol's and ul's in the info box - some settings are needed to make ie and firefox look consistent */
.infolist	{ margin-top: 0.6em; margin-right: 0.6em; margin-bottom: 0.3em; margin-left: 0.6em; list-style-position: inside; padding-left: 0; }


/* for 'top of page' links at the bottom of each section */
p.toplink	{ font-size: 10pt; margin-left: 0; margin-right: 0; clear: left;}
p.toplink2	{ font-size: 10pt; margin-left: 2.5%;  margin-right: 0; clear: left;}


/* for 'home' links at bottom of page */
p.home		{ margin-left: 0; margin-top: 2.9em; }
span.home	{ background-color: #EEEEEE; color: black; font-size: 10pt; 
			padding: 0.5em; border-style: outset; border-width: thin; 
			margin-top: 3em; margin-left: 0; }

/* standard page footer stuff */
hr		{ margin-top: 1.2em; }
.footer-nav	{ font-size: 8pt; margin-top: 0em; margin-bottom: 1.2em; margin-left: 0em; margin-right: 0em;
			text-align: center; }
.footer-text	{ font-size: 8pt; margin-top: 0em; margin-bottom: 1.2em; margin-left: 0em; margin-right: 0em; }
table.w3c	{ font-size: 8pt; margin-top: 0em; margin-bottom: 1.2em; margin-left: 2em; margin-right: 0em; 
			float: right; }
td.w3c		{ font-size: 8pt; text-align: center; vertical-align: top;
			padding-top: 0em; padding-bottom: 0em; }


/* end of stylesheet*/