body {
	background:#F9F7F8; /* changed from F9F7F5 */
	margin:0;
	padding:0;
	width:100%;
	}

#top_logos {
	display:block;
}

.toptjlibrarieslogo {
	float:right;
	padding-right: 1em;
}

#multicolorbar {
	background-color: #000000;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 100%;
	position:relative;
	border:solid #000000;
	border-width:thin;
	clear:both;
	z-index: -1;
}

#multicolorbar_green {
	background-color: #215807;
	padding: 0;
	height: 95%;
	width: 15%;
	float: left;
	margin-left: 5.8%;
	border:solid #000000;
	border-width:thin;
}
#multicolorbar_blue {
	background-color: #036776;
	padding: 0;
	height: 95%;
	width: 12%;
	float: left;
	border:solid #000000;
	border-width:thin;
}
#multicolorbar_brown {
	background-color: #825909;
	margin: 0;
	height: 95%;
	width: 8%;
	float: left;
	border:solid #000000;
	border-width:thin;
}
#multicolorbar_red {
	background-color: #8D0E1F;
	padding: 0;
	height: 95%;
	width: 4%;
	float: left;
	border:solid #000000;
	border-width:thin;
}

#toptitlebar {
	background-color: #000000;
	margin: 0;
	padding: 0;
	height: 25px;
	z-index: -1;
	width: 100%;
	clear:both;
}

#backgroundgreenbar {
	background-color: #205706;
	margin: 0;
	padding: 0;
	height: 9px;
	width: 100%;
	position:relative;
	border:solid #000000;
	border-width:thin;
	clear:both;
	z-index: -1;
}

#mediumgreenbar {
	background-color: #40C208;
	padding: 0;
	height: 8px;
	width: 25%;
	float:left;
	border:solid #000000;
	border-width:thin;

}

#lightgreenbar {
	background-color: #B2F896;
	padding: 0;
	height: 8px;
	width: 10%;
	float:left;
	border:solid #000000;
	border-width:thin;
}

#backgroundbluebar {
	background-color: #005661;
	margin: 0;
	padding: 0;
	height: 9px;
	width: 100%;
	position:relative;
	border:solid #000000;
	border-width:thin;
	clear:both;
	z-index: -1;
}

#mediumbluebar {
	background-color: #308d95;
	padding: 0;
	height: 8px;
	width: 25%;
	float:left;
	border:solid #000000;
	border-width:thin;
}

#lightbluebar {
	background-color: #6dc9d4;
	padding: 0;
	height: 8px;
	width: 10%;
	float:left;
	border:solid #000000;
	border-width:thin;
}

#backgroundtanbar {
	background-color: #825909;
	margin: 0;
	padding: 0;
	height: 9px;
	width: 100%;
	position:relative;
	border:solid #000000;
	border-width:thin;
	clear:both;
	z-index: -1;
}

#mediumtanbar {
	background-color: #9b7a3a;
	padding: 0;
	height: 8px;
	width: 25%;
	float:left;
	border:solid #000000;
	border-width:thin;
}

#lighttanbar {
	background-color: #cdbc9c;
	padding: 0;
	height: 8px;
	width: 10%;
	float:left;
	border:solid #000000;
	border-width:thin;
}

#backgroundredbar {
	background-color: #8C0E23;
	margin: 0;
	padding: 0;
	height: 9px;
	width: 100%;
	position:relative;
	border:solid #000000;
	border-width:thin;
	clear:both;
	z-index: -1;
}

#mediumredbar {
	background-color: #B73C4E;
	padding: 0;
	height: 8px;
	width: 25%;
	float:left;
	border:solid #000000;
	border-width:thin;
}

#lightredbar {
	background-color: #E2697A;
	padding: 0;
	height: 8px;
	width: 10%;
	float:left;
	border:solid #000000;
	border-width:thin;
}

#searchbarbackground {
	background-color: #E6E8D3;
	width: 100%;
	background-image: url(../images/textbackground.jpg);
	background-repeat: repeat;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #C5C7B6;
}

.searchbar {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 0.4em;
	padding-right: 2em;
	padding-bottom: 0.4em;
}

#breadcrumbs {
	text-align: left;
	padding-top: 1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	width: 100%;
}

#breadcrumbs a:link {text-decoration: underline; color: blue;}
#breadcrumbs a:visited {text-decoration: underline; color: purple;}
#breadcrumbs a:hover {text-decoration: none; color: blue;}

.transcript_pagenav {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
	clear: both;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
}
/* this make the clickable area around the arrow bigger */
.transcript_pagenav a {     
display: inline-block;     
position: relative;    
z-index: 1;     
padding: 1em;    
margin: -1em;
padding-left: 2em;   
padding-right: 2em;
}

.transcript_pagenav a:link {text-decoration: none; color: #666;}
.transcript_pagenav a:visited {text-decoration: none; color: purple;}
.transcript_pagenav a:hover {text-decoration: underline; color: blue;}

.retirement_toggle {
	padding-top: 1em;
	padding-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
	clear: both;
}

.manuscriptlink {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:center;
	clear:both;
}

.manuscriptlink a:link {text-decoration: underline; color: blue;}
.manuscriptlink a:visited {text-decoration: underline; color: purple;}
.manuscriptlink a:hover {text-decoration: none; color: blue;}

.linktobackground {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:center;
	clear:both;
}

.linktobackground a:link {text-decoration: underline; color: blue;}
.linktobackground a:visited {text-decoration: underline; color: purple;}
.linktobackground a:hover {text-decoration: none; color: blue;}

.showhidebuttons {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:center;
	clear:both;
}

#backtotop {
	float:left;
	position: relative;
	text-align: left;
	padding-top: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 0.9em;
	width: 100%;
}

#backtotop a:link {text-decoration: underline; color: blue;}
#backtotop a:visited {text-decoration: underline; color: purple;}
#backtotop a:hover {text-decoration: none; color: blue;}

#copyrightfooter {
	padding-top: 0.5em;
	border-top: 2px solid #000;
	margin-bottom: 0.5em;
	clear:both;
}

#copyrightfooter img {
	float:left;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-bottom: 0.5em;
}

.copyrightfoottext::after {
	float:right;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 1em;
	content: "© 2024 Thomas Jefferson Foundation, Inc.";
}

/* left this in case you want to add text in the copyright location in future */
#copyrightfooter p {
	float:right;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 1em;
}


a:link {text-decoration: none; color: blue;}
a:visited {text-decoration: none; color: purple;}
a:hover {text-decoration: underline; color: blue;}

/* carried over from PTJ Project styles */
.ptj-add {color:green;} 
.ptj-del {text-decoration:line-through;color:red;display:inline;}
.ptj-listTYPEsimple {list-style-image:none;}

/* JLP Portal transcription styles, wrap all transcriptions in portal_body */
.portal_body   {font-family: Georgia, Cambria, serif; display:block;background-color: #F9f7f8; margin-left:3%; margin-right:3%;}
.portal_body a:link {text-decoration: none;color: black;}
.portal_body a:visited {text-decoration: none;color: purple;}
.portal_body a:hover {text-decoration: underline;color: blue;}

.ChapterTitle  {font-size: 1.2em; font-weight: bold ; color: #404040 ; margin-top: 28pt ; line-height: 1.5; text-align:center;display:block; }

.p {font-size: 0.9em; line-height: 1.5; text-align:left; padding: 0 0 15 60;}

/* h1-h3 is for website pages */

.h1 {font-size: 1.3em; color: #000000; font-weight: bold;margin-top: 16pt; line-height: 1.5; text-align:left; margin-bottom:16pt; display:block; }
.h2 {font-size: 1.1em; color: #000000; font-weight: bold; margin-top: 14pt; line-height: 1.5; text-align:left; margin-bottom:14pt; display:block;}
.h3 {font-size: 0.9em; color: #404040 ; margin-top: 12pt ; line-height: 1.5; text-align:left; margin-bottom:12pt; display:block;}

/* head is for transcript pages but either will work in both places */

/* head1 is centered, larger and bold */
.head1 {font-weight: bold; font-size: 1.2em; color: #000000; margin-top: 14pt; line-height: 1.5; text-align:center; margin-bottom:14pt; display:block;} 

/* head2 is centered and gray */
.head2  {font-size: 1em; display:block; color: #404040 ; margin-top: 14pt ; line-height: 1.5; text-align:center; margin-bottom:14pt;} 

/* head3 is centered and black */
.head3  {font-size: 1em; display:block; color: #000000 ; margin-top: 14pt ; line-height: 1.5; text-align:center; margin-bottom:14pt;}

/* head4 is left align and plain text */
.head4 {font-size: 1em; display:block; color: #000000 ; margin-top: 14pt ; line-height: 1.5; text-align:left; margin-bottom:14pt;} 

/* head5 is centered, smaller, and gray */
.head5  {font-size: 0.9em; color: #404040 ; margin-top: 12pt ; line-height: 1.5; text-align:center; margin-bottom:12pt;}


.footnote {color: black;display: block;text-align: left;margin-top: 5px; padding: 0 10 10 40;}
.quotePara {font-size: 0.9em; line-height: 1.5; text-indent:1em; font-style:italic;}
.quote {font-size: 0.9em; display:block; line-height: 1.5; text-align:left;padding-left:1em; padding-right:1em;}
.attribution {display:block; text-align:right;} /*this exists as class="attribution" style="display:block;text-align:right" in Sowerby */
.CatalogEntry {display:block;text-align:left;margin-top:3em; margin-bottom:3em; padding: 0 10 10 40; margin-left:3%; margin-right:3%;}

.SubCatalogEntry {display:block;text-align:left;margin-top:2em; margin-bottom:2em; margin-left:4em; padding: 0 10 10 40;}

.LibListEntry {display: block;text-align: left; margin-left:3em; line-height:1.5em;margin-bottom:1em;}
.SubEntry, .LibListSubEntry {display:block;text-align:left;margin-left:6em; line-height:1.5em;margin-bottom:1em;}

.LibListEntry_Blank {font-family: Georgia, serif;font-style:italic;color: black;display: block;text-align: center;margin-top: 5px;}
.LibListEntry a:link {text-decoration: none; color: black;}
.LibListEntry a:visited {text-decoration: none; color: purple;}
.LibListEntry a:hover {text-decoration: none; color: blue;}
.LibListEntry a:active {text-decoration: underline; color: red;}


/* Sowerby entry controls */
.ShortTitle {display:block; text-margin:1em; font-style:italic; margin-bottom:0.5em; font-size:1.2em;}
.SeqNo {text-margin:2em;display:block; font-style:italic; margin-bottom:0.5em; text-indent:1em; font-size:1.2em;}
.AltTitleLoc, .CallNo {display:block;text-margin:1em; margin-bottom:0.5em; font-size:0.9em;}
.Author {display:block;text-margin:1em; margin-bottom:0.5em;}
.Author_nonBibl {display:block; margin-top:0.25em;margin-bottom:1.5em;margin-left:1em;}
.LongTitle {display:block;font-weight:bold;text-margin:1em; margin-bottom:0.5em; text-indent:1em;}
.BIDNo {display:block;text-margin:2em; margin-bottom:0.5em; text-indent:1em;}
.editionStmt {display:block;text-margin:1em; margin-bottom:0.5em;}
.note {display:block;text-margin:1em; margin-bottom:0.5em; text-indent:1em;}
.edition, .editor, .publisher, .pubPlace, .pubDate, .lang, .price, .source, .size {display:inline;}
.enum {color:green;display:inline;}
.listBibl {display:block;text-margin:1em; margin-bottom:0.25em;}
.bibl {display:block;text-margin:1em; margin-bottom:0.25em;}


/* transcription highlighting feature using hi.js in scripts folder */
.fragment {background-color:#FFFFAA;}


/* overall style for nav bar and stuff */
#sectionheaderhome {
	background-image: url("../images/homebackground.gif");
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	background-repeat: repeat-y;
	margin-top: 10px;
}

#sectionheaderabout {
	background-image: url("../images/aboutbackground.gif");
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	background-repeat: repeat-y;
	margin-top: 2px;
}

#sectionheadersearch {
	background-image: url("../images/searchbackground.gif");
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	background-repeat: repeat-y;
	margin-top: 2px;
}

#sectionheaderbrowse {
	background-image: url("../images/browsebackground.gif");
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	background-repeat: repeat-y;
	margin-top: 2px;
}

#sectionheaderreading {
	background-image: url("../images/readingbackground.gif");
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	background-repeat: repeat-y;
	margin-top: 2px;
}

#leftcol .header {
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 5px;
	cursor:pointer;
}

#leftcol .header a:link {color: #FFFFFF; text-decoration: none; font-weight: bold;}
#leftcol .header a:visited {color: #FFFFFF; text-decoration: none;font-weight: bold;}
#leftcol .header a:hover {color: #FFFFFF; text-decoration: none;font-weight: bold;}

#leftcol .open {display: block;}
#leftcol .closed {display: none;}

#leftcolwrapper {float:left; position: relative;} /*used to control media query*/

#leftcol {
	width:220px;
	padding: 0;
	margin-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #E6E8D3;
}

#leftcol ul {
	list-style-type: none;
	margin-top: 3px;
	margin-left: -40px;
}

#leftcol li {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-indent: 5px;
	position: relative;
	}
#leftcol li ul li {
	margin-left: 10px;
	position: relative;
	}

#leftcol li img {vertical-align: middle;}
	
#leftcol li a:link {color: #000000; text-decoration: none;font-weight: normal;	cursor:pointer;}
#leftcol li a:visited {color: #999999;text-decoration: none; font-weight: normal;}
#leftcol li a:hover {color: #666666; text-decoration: none;font-weight: normal;	cursor:pointer;}

#leftcol .open {display: block;	cursor:pointer;}
#leftcol .closed {display: none; cursor:pointer;}

/* content on non-transcription pages */
#centercol {float:right; width:95%;position: relative;} /*used to control media query*/

#centercol p {font-size:0.9em; text-align:left; }
#centercol li {font-size:0.9em;}

#centercol h1 {font-size: 1.3em;}

#centercol h2 {font-size: 1.2em;}

#centercol h3 {font-size: 1.1em;}

#centercol h4 {font-size: 1em;}

#centercol h5 {font-size: 0.9em}

#wrapper1 {
	position: relative;
	width: 90%;
	padding: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}

#centercolsearch {float:left; width:65%; position: relative;} /*used to control media query*/

#rightcol {
	width:220px;
	float:right; 
	padding-right:2em; 
	position:relative;
	background:#F9F7F5;
		}

/* if the media queries fail, the default view is a closed leftnav on the top leftt and the text to be 95% width beneath */

/* makes the leftnav disappear on small screens and changes the main page */
@media screen and (max-width: 1279px) {
#leftcolwrapper {display:none;}
#rightcol {display:none;}
#centercol {padding-left: 0; width:95%;} 
#centercolsearch {padding-left: 0; width:95%;} 

/* sets about and jeffersonandreading dropdowns to be open */
#leftcol .open #item2 #ul_item2 {display: block;}

#leftcol .open #item5 #ul_item5 {display: block;}

#mainwrapper {display:none;}
.showhidebuttons {display:none;}
#mainpagenavbar {display:block;}

} 

/* makes the leftnav appear on large screens beside the main text and changes the main page */
@media screen and (min-width: 1280px) {
#leftcolwrapper {float:left; width:20%; position: relative;}
#centercol {float:right; width:80%; position: relative;} 

/* sets about and jeffersonandreading dropdowns to be open */ 
#leftcol .open #item2 #ul_item2 {display: block;}

#leftcol .open #item5 #ul_item5 {display: block;}

#mainwrapper {display:block;}
.showhidebuttons {display:block;}
#mainpagenavbar {display:none;}
} 

/* main page instructions */
#mainwrapper {
	position:relative;
	text-align:center;
	width:100%;
	}

#mainpage {
	margin-top: 20px;
	border: 1px solid #C5C7B6;
	background-color: #CCCCCC;
	background-image: url("../images/textbackground.jpg");
	background-repeat: repeat;
	width: 606px;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 35px;
	padding-left: 20px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#topsection {
	background-color: #041D3B;
	width: 584px;
	text-align: left;
	border: 1px solid #000000;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#middlesection {
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.image1 {
	border: 1px solid #000000;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 6px;
	margin-left: 0px;
}

.image2 {
	border: 1px solid #000000;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 6px;
	margin-left: 3px;
}

.image3 {
	border: 1px solid #000000;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 3px;
}


#bottomsection {
	background-color: #000000;
	height: 1px;
	width: 586px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#mainpagenavbar {
	padding-top:1em;
	padding-left: 2em;
}