*  {box-sizing: border-box;}
 
@media (min-width:801px) {
				  body#enc.entry div#content {
				  grid-column:1 / 3;
				  grid-row: 2 / 3;
				}

				body#enc.entry div#textarea {
					 display:grid;
					 grid-template-columns: repeat minmax(5px, 40%);
					 /* grid-template-rows: minmax(10px, 40px) minmax(10px, 15px); */
				}

				div#enc-header {
					grid-column: 1 / 3;
					grid-row: 1 / 2 !important;
					height:auto;
				}
				
				div#enc-entry-img   {
				max-width:410px; 
				width:auto;
				}

				div#entry-text {
					grid-column: 1 / 2;
					grid-row: 2 / 4;
					padding-right :4%;
					}

				div#enc-tabs {
					grid-column: 1 / 2 !important;
					grid-row: 4 / 5 ;
				}

				div#enc-related {
					grid-column: 1 / 2;
					grid-row: 6 / 7;
				}

				p#enc-footer {
					grid-column: 1 / 3;
					grid-row: 7 / 8;
				}

				div#enc-entry-img {
					grid-column: 2 / 3;
					grid-row: 3 / 5;
				}
}
/*------end min-width: 801-------- */ 


/*-------------------------Default Styles ------------------------*/
/*----------------------Images and Captions----------------------*/
div#enc-entry-img {
min-width:0;
}

div#enc-entry-img img {
	width:99%; 
	border:1px solid #EDEDED;
	margin:1.2em 0 0 0;
}
p.caption {
	 font-family: Arial, sans-serif;
 	font-size:1.1em;
 	color:#333;
	margin-right:0;
}

span.collection {
	display:block;
 	font-size:.9em;
}
/*----------------------Videos----------------------*/
.embed-container { 
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

p.video-caption {max-width:550px; line-height:140%;margin-top:.5em;
}

/*----------------------General----------------------*/

div#bib, p.copyright, div#citation {
color:#333;
}
p.bibl {padding-bottom:0; margin-bottom:.5em; line-height:135% !important;}

p#keywords, div.printmessage {
	display:none;
}

div#rubricsidelist, div#typesidelist, div#lettersidelist {
	margin-top:.5em;
	margin-bottom:1em;
	padding-left:1.3em;
}

div#lettersidelist a  {
	display:block;
	float:left;
	width:10px;
	margin:0 1em .5em 0;
}

h4 {
	width:100%;
	color:#333;
}



/*---------------------------Search ------------------------*/
 /* div#encheader {
 	grid-column:1 / 3;
 	grid-row 1/ 2;
 	width:100%;
  	color:#b1abab !important;
 	margin-bottom:0;
 	border-bottom:1px solid #ccc;
	padding:.3em;
 }

div#encheader h3, div#encheader h2 {color:#857f7f !important; padding:.5em;max-width:85%; display:inline-block; font-size:1.3em;}
   */

 /* div.enc-search-container {float:right;width:20%; } */

div#enc-search {
 padding-left:10px;
 width:100%;
 text-align:left;
}

div#enc-search a {
	font-size:1em;
	display:block;
	padding-top:.4em;
}

div#enc-search i {
	color:#4682B4;
	font-size: 20px;
}

div#enc-search:hover, div#enc-search:focus {
	cursor: pointer;
}

div#enc-search input[type=text]  {

  display:inline-block;
  width: 40px;
  box-sizing: border-box;
  border: 0;
  border-radius: 3px;
  font-size: 16px;
  padding: 10px 0px 10px 35px;
  margin-left:-30px;
	margin-top:10px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  background:none;
}

div#enc-search input[type=text]:focus {
	width: 100%;
	border: 2px solid #ccc;
}
  
div#enc-search input[type=submit]:hover {
	border: 2px solid #ccc;
	text-decoration: none;
	cursor:pointer;
}

div#enc-search-res {
	max-width:635px; 
	float:left;
}

div#enc-search-res .gsc-results.gsc-webResult * {
	padding-left:0 !important;
}

div#enc-search-res .gsc-search-button.gsc-search-button-v2:hover {
  cursor:pointer;
  background: #4682B4;
}


/*--------------------------- Main page ------------------*/
h2.landingheader {
	/*
	background:#faf4ef;
	padding:.5em; */
	margin-bottom:.4em;
}

div.encicons.byletter a {
	margin:.5em 1.3em 1em 0em;
	text-decoration:underline;
 	font-weight:bold;
	display:inline-block;
	font-size:1.2em;
}

div.encicons.byletter a:hover, div.encicons.byletter a:focus {
	color:#000 !important;
}
 
div#recent a {
	text-decoration:none;
}

div#recent ul {
	text-decoration:none;
	margin:.4em;
	color:#ccc;
}

/*-------------------------------Tabs-------------------------*/
div#enc-tabs {
  width:95%;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #fff;
}

div#enc-tabs button {
font-weight:bold;
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size:1em;
   border:2px solid #fff;
}

div#enc-tabs button:hover {
  border:2px solid #1ca6df;
}

div#enc-tabs button.active {
  border:2px solid #1ca6df;
}

div.tabcontent {
  display: none;
 max-width:95% !important;
  padding:1em;
  border: 1px solid #ccc;
  border-top: none;
}

div.tabcontent#bib-tab p.related-link {
	display:inline-block;
	line-height:120% !important;
	margin-bottom:0em;
	  padding-left: 1.5em;
        text-indent:-1.5em;
}

div.tabcontent#bib-tab p {
	display:inline-block;
	line-height:120% !important;
	margin-bottom:0em;
	  padding-left: 1.5em;
        text-indent:-1.5em;
}




/*------------------------ Rubric/Browse Pages ------------*/
body#enc.browse div#content { 
	 width:100%;
	}
	
body#enc.browse div#content  {
	 grid-column:1 / 3 !important;
 	}	

div#enc-browse-container {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:99%;
	border:0px salmon solid;
}

div#enc-browse-container > div { display:flex;
}

div#enc-browse-container > div:first-child {
	width:99%;
 }

div#rubriclist, div#typelist {}
	
div#rubriclist, 
div#letterlist,
div#typelist {
 	padding:0em 0em 1em 0em;
	flex: 1 1 auto;
	z-index:800 !important;
	position:relative;
	}

div#rubriclist a, 
div#letterlist a, 
div#typelist a {
	display:block;
 	padding:.25em 2em .25em .25em;
	line-height:115%;
	margin-bottom:.3em;
   }

div#rubricentryList, 
div#typeentryList,
div#letterentryList {
	padding:1em;
  	line-height:160%;	
	border: 0px solid #97c8ff; 
	flex: 3 1 300px;
 	position:relative;
	left:-1px;
 }

div#rubricentryList a, 
div#typeentryList a,
div#letterentryList a {
	display:inline-block;
 	padding:.15em;
	line-height:125%;
	margin-bottom:.25em;
}

div#typeentryList.events, 
div#typeentryList.object, 
div#typeentryList.objects {
	padding:0;
	border:0 !important;
	margin-bottom:2em;
}

div#enc-browse-more {
	background: #eee; 
	padding:1em; 
	flex: 0 1 300px;
	margin:0em 0em 0em 2em;
}

div.catlinks a.People::after, div.catlinks  a.Place::after {
	content: ":";
}

div.catlinks a{
	margin-left:1.8em;
}

div.catlinks a.Object, div.catlinks a.Place, div.catlinks a.People, div.catlinks a.Events {
	font-weight:bold;
	margin-left:0;
}

div#rubriclist.AfricanAmericans a#r1, div#rubriclist.AmericanIndians a#r2, div#rubriclist.ArtsandHumanities a#r3, div#rubriclist.CivilWarEra a#r4, div#rubriclist.Education a#r5, div#rubriclist.Environment a#r6, div#rubriclist.EuropeanExploration a#r7, div#rubriclist.Farming a#r8, div#rubriclist.Folklife a#r9, div#rubriclist.GovernmentandPolitics a#r10, div#rubriclist.ImmigrationandEthnicity a#r11, div#rubriclist.IndustryandBusiness a#r12, div#rubriclist.Military a#r13, div#rubriclist.NaturalResources a#r14, div#rubriclist.PetroleumIndustry a#r15, div#rubriclist.PrecontactEra a#r16, div#rubriclist.Ranching a#r17, div#rubriclist.RecreationandEntertainment a#r18, div#rubriclist.ReligionandPhilosophy a#r19, div#rubriclist.SettlementPatterns a#r20, div#rubriclist.TerritorialEra a#r21, div#rubriclist.Transportation a#r22, div#rubriclist.TwentiethCentury a#r23, div#rubriclist.UrbanDevelopment a#r24, div#rubriclist.WestwardExpansion a#r25, div#rubriclist.Women a#r26,
div#letterlist.a a#a, div#letterlist.b a#b, div#letterlist.c a#c,div#letterlist.d a#d, div#letterlist.e a#e, div#letterlist.f a#f, div#letterlist.g a#g, div#letterlist.h a#h, div#letterlist.i a#i, div#letterlist.j a#j, div#letterlist.k a#k, div#letterlist.l a#l, div#letterlist.m a#m, div#letterlist.n a#n, div#letterlist.o a#o, div#letterlist.p a#p, div#letterlist.q a#q, div#letterlist.r a#r, div#letterlist.s a#s, div#letterlist.t a#t, div#letterlist.u a#u, div#letterlist.v a#v, div#letterlist.w a#w, div#letterlist.x a#x, div#letterlist.y a#y, div#letterlist.z a#z, 

div#typelist.actorsandperformers a#p1, div#typelist.africanamerican a#p2, div#typelist.americanindian a#p3, div#typelist.architects a#p4a, div#typelist.artandartists a#p4, div#typelist.athletes a#p5, div#typelist.business a#p6, div#typelist.educators a#p7, div#typelist.explorers a#p8, div#typelist.governors a#p9, div#typelist.media a#p10, div#typelist.membersofcongress a#p11, div#typelist.military a#p12, div#typelist.musicians a#p13, div#typelist.outlaws a#p14, div#typelist.professions a#p15, div#typelist.religionandphilosophy a#p16, div#typelist.women a#p17, div#typelist.writersandwritings a#p18 , div#typelist.publicservantsandcivicleaders a#p19, 
div#typelist.county a#pl1, div#typelist.town a#pl2, div#typelist.other a#pl3, div#typelist.other a#ob1, div#typelist.other a#ev 
	{
	font-weight:bold;
    border-right:0px solid #97c8ff;
	border-top: 0px solid #97c8ff; 
	border-bottom: 1px solid #97c8ff; 
	border-left: 0px solid #97c8ff; 
	z-index:1500;
 	}
	
p.back {
	background:#d6ecf2; 
	padding:.5em;
	width:auto;
}

p#lettersidelist a  {
display:block;
float:left;
width:10px;
margin:0 1em .5em 0;
}

/*----------------------------Footer ----------------------*/
p#enc-footer {
margin-top:2em;
}

p#enc-footer a {
	line-height:200%;
	padding:.3em .4em;
 	text-decoration:none;
	display:inline-block;
	font-size:.9em;
	border:1px solid #ccc;
	margin:0em .3em .4em 0;
}

p#enc-footer a:hover, p#enc-footer a:focus {
	color:#000;
	border:1px solid #333;
	text-decoration:none;
}

/*-----------------Max-width: 800-------------*/

@media (max-width:800px) {
	
			body#enc.entry div#content 	{
			  grid-column:1 / 3;
			  grid-row: 2 / 3;
			}

			body#enc.entry div#textarea {
			  display:grid;
			  grid-template-columns:1fr  !important;
			padding:1em !important;
			}
			
			div#enc-header {
				grid-column: 1 / 2;
				grid-row: 1 / 2 !important;
				margin-top:0;
				padding-top:0;
			}
			
			div#enc-header h1 {
			font-size:1.2em;
			}
	
			 div#entry-text {
				grid-column: 1 / 2 !important;
				grid-row: 3 / 4 !important;
			}

			div#enc-entry-img {
				grid-column: 1 / 2 !important;
				grid-row: 4 / 5 !important;
			}
			
			div#enc-tabs {
				grid-column: 1 / 2 !important;
				grid-row: 5 / 6 !important;
			}
			
			div#enc-related {
				grid-column: 1 / 2;
				grid-row: 7 / 8 !important;
			}


			p#enc-footer {
				grid-column: 1 / 2;
				grid-row: 8 / 9 !important;
				padding-top:1em;
			}
}