@media (max-width:600px) 
 {
	* {
		float:none !important;
		max-width:100% !important;
 	}

	 body {min-height:100%; /*for mobile with full bg image*/
	 max-width:100% !important;}


     p.sm-bar {display:none !important;}

     div.sitesearch {
		 float:none !important; 
		 text-align:center !important; 
		 position: unset !important; 
		 margin:1em;
		 width:auto !important;
	 }
	
	div.nav-container {
	clear:both;
	max-width: 99%;
	}
	
	img#logo {
		max-width:95% !important;
 	}
	
	body#home div.links1 {Display:none;}


	 img#banner {
	 max-width:100%;
	 text-align:center;
	 }
	 
	 body#sites #column, #column {
	 border:0 !important;
	 width:99% !important;
	margin:0 0 2em 0 !important;
		 padding:0 !important;
	}

	 body#sites #column div,
	 body#sites #column p 
	 {width:99% !important;}

	body#sites #column a.fab, 
	 body#sites #column a.fas {
		font-size:2.53em;
	}

	 body#sites span.site-staff,
	  body#sites div#column img
	 {
		 display:none;
	}

	 .left {margin:0em 0em 1em 0 !important;}
	.right {margin:0em 0 1em 0em !important;}

	 #footer {
		font-size:.95em;
		padding:.8em !important;
		}
		
	div#footer > div {flex: 100% !important;}

			
		div#resdesc p {margin-top:-45px;} /*edu resources pg*/

	body#home div#textarea {padding-left:1.5em !important;}

	 
	 
} /*--end max 600--*/


@media (max-width:855px) 
 {

     div.sitesearch {
		 float:none !important; 
		  position: unset !important; 
		 margin:1em;
		 
	 }

	 p.sm-bar  {font-size:.9em;}

 	 
	#content #columnx {
	margin: 0em 0 0 0 ;
	padding:1.5em 0 1.8em 0 ;
	border-left:0;
	float:none;
	display:flex;
	flex-wrap:wrap;
	width:99% !important;
	float:none;
	clear:none;
	}
	
	#content #column > div {padding:.0 .6em 0 0 ; }

	/*--Global Nav max865--*/
	div.nav-container 
	{
	clear:both;
	max-width: 100%;
	height:auto;
	min-height:3.5em;
	padding:0 !important;
	}
	
	div.nav-container a.menuicon {
	display: block;
	text-decoration: none !important;
	color: #fff !important;
	font-size:1.2em;
	padding:.8em 0 .5em 1em;
	transition: 0.4s;
	} 
	
	div.nav-container ul#global 
	{ 
	display: none;
	}
	
	div.nav-container ul#global ul#global ul li:before, div.nav-container ul#global ul#global ul li:after {
	 content: '';
	 position: absolute;
	 bottom: 100%;
	 left: 15px;
	 border: 6px solid transparent;
	 border-bottom-color: #dddddd;
	} 
	
	button.accordion,
	 button.no-accordion {
	  background-color: #eee;
	  color: #000;
	  cursor: pointer;
	  padding: 1em;
	  width: 100%;
	  border: none;
	  text-align: left;
	  outline: none;
	  font-size: 1.2em;
 	  transition: 0.4s;
	}	
	
	ul.panel {
	  padding: 0 18px;
	  background-color: #fff;
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height 0.2s ease-out;
	  list-style:none;
	
		
	}
	
	ul.panel li a {
	display:block;
	text-decoration:none;
	color:#000;
	margin:.4em 0;
	padding:.3em;
	font-size:1.2em;
	}
	
	ul.panel li a:hover, ul.panel li a:focus {
	display:block;
	text-decoration:none;
	color:#000;
	margin:.4em 0;
	padding:.3em;
	}
	
	.active, 
	.accordion:hover,
	.no-accordion:hover {
			  background-color: #ccc;
			}

	.accordion:after {
			  content: '\002B';
			  color: #777;
			  font-weight: bold;
			  float: right;
			  margin-left: 5px;
			}

	.active:after {
			/*  content: "\2212"; */
			}
	
	#content {
	font-size:1em;	
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	display:grid;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto auto !important;
	}
	
	div#textarea {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
	padding:2em 1.4em ;
	}

	img#banner {
	grid-column: 1 / 3;
	grid-row: 1 / 2 !important;
	}

	div#localnavigation { 
	grid-column: 1 /3; 
	grid-row: 2 / 3;
	width:100%;
	}
	
	ul#locnav {
 	margin-top:-1.5em;
	margin-bottom:-2em;
	padding-bottom:1em;
	border-bottom:2px solid #ccc !important;;
	line-height:150%;
	font-size:1em;
	}




	form.dbsearch * {float:none !important;}
	
	.flex-wrap > div {padding:1em 1em 1em 0; 
					  /*flex: 1 1 0px; */}
 
		/* Force table to not be like tables anymore */
	table:not(.no-flex,.tribe-events-calendar) td   {
	display: flex;
	}

	table:not(.no-flex,.tribe-events-calendar) td::before {
 
	font-weight: bold;
	width:auto !important;
	}

	table.dbresults thead {border:0 !important;}
			/* Hide table headers (but not display: none; for accessibility) */
			
	table.dbresults th  { 
	position: absolute;
	top: -9999px;
	left: -9999px; 
	}

	table.dbresults tr  { 
	border-top: 2px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	padding:1.5em;
	}

	 table.dbresults td {
		 border:1px dotted #E8E8E8 !important;
		 padding:.3em !important;
 
	 }
	 
	 table.dbresults td em, table.dbresults strong {display:inline !important; text-align:left;}
	
 	table#membershipBenefits {margin:auto;overflow-x:auto;display:block;width:fit-content; max-width:100%; }
 	table#membershipBenefits th:nth-of-type(n+2), table#membershipBenefits td:nth-of-type(n+2)  {white-space:nowrap;}
  	table#membershipBenefits th:nth-child(1)  {min-width:200px;}
	
} /*--end max 865--*/



@media (min-width:856px) 
{	
	div.nav-container a.menuicon {display:none;}

	div.nav-container ul#global button.accordion,
	div.nav-container ul#global button.no-accordion {
	letter-spacing:.05em;
	 text-align: center;
	 text-decoration:none;
	 cursor: pointer;
	 border: none;
	 outline: none;
	 transition: 0.3s;
	 background:none;
	 color:#fff;
	 font-family: Arial, sans-serif;
	}
	
	div.nav-container ul#global button.accordion:hover, div.nav-container ul#global button.accordion:focus, div.nav-container ul#global button.accordion a:hover, div.nav-container ul#global button.accordion a:focus {
	 
	}
	
	div.nav-container ul.panel li:hover, div.nav-container ul.panel li:focus {
		background:#ccc;
	}
	
	div.nav-container li#historycenter button, div.nav-container li#research button, div.nav-container li#sites button, div.nav-container li#shpo button, div.nav-container li#publications button {
	  padding:.8em 1em .5em 1em; 	 
	  font-size:1.2em !important;
	}
	
	div.nav-container li#about button, div.nav-container li#learn button, div.nav-container li#calendar button, div.nav-container li#support button, div.nav-container li#store button {
	 	padding:.6em 1em .7em 1.2em;
		z-index:0;
 		margin-right:1em;
	}

	div.nav-container ul#global {
		width: 100%;
		list-style: none;	
	}
	
	div.nav-container ul#global > li {display:inline; }

	/*div.nav-container ul#global li#publications:after  { 
	content: "\a";
    white-space: pre;
    }
	*/
	

    body#about div.nav-container li#about button  {background:# ;}
	body#historycenter div.nav-container li#historycenter button {background:# ;}
	body#research div.nav-container li#research button {background:# ;}
	body#sites div.nav-container li#sites button {background:# ;}
	body#shpo div.nav-container li#shpo button {background:# ;}
	body#publications div.nav-container li#publications button {background:# ;}
	body#learn div.nav-container li#learn button {background:# ;}
	body#ohscalendar div.nav-container li#calendar button {background:# ;}
	body#support div.nav-container li#support button {background:# ;}
	
	
	 
/*------------------ mega dropdown---------------------*/
	ul#global ul.panel {
		display: none;
		list-style: none;
		position: absolute;
		top: 1.7em;
		left: 0;
		margin: 0;
		padding: .5em 1em 1em 1em;
		width: 150%;
		min-width:350px; 
		background:#fff;
 		z-index:999;
		border:2px solid #ccc;
		font-size:1.2em;
	}
	
	ul#global ul.panel > li > a {
		display: block;
		width: 100%;
		height: 100%;
		padding:.35em;
		color: #000 !important;
		text-decoration: none;
		font-weight:300;
	}

	ul#global > li.visible > ul.panel  {
		display: block;
	}
	
	ul#global > li.visible {
		flex-grow: 0;
    	position: relative;
		display: block;
		width: auto;
		height: 100%;
	}

	div.nav-container ul#global li ul:before, div.nav-container ul#global li ul:after {
	 content:'';
	 position: absolute;
	 bottom: 100%;
	 left: 15px;
	 border: 6px solid transparent;
	 border-bottom-color: #ddd;
	} 

}	/*--end min 866--*/
 
 
@media (max-width:950px) 
{ 	#global {font-size:1em !important; margin-right:0;} 
}	/*--end max 950--*/

@media (min-width:850px)
{
	div.nav-container ul#global li#publications:after  { 
	content: "\a";
    white-space: pre;
    }
}/*--end min 1100--*/


@media (min-width:1200px)
{
  div#content {min-width:1200px !important;
    }
}/*--end min 1200--*/



/*-------------------------------------------DEFAULT STYLES-------------------------------------------*/

















*{margin: 0;padding: 0;
}

.larger {font-size:1.1em;}
.smaller {font-size:.9em;}

html {
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(71,76,85,.5) 100%);
 font-size:100%; 
 font: arial, sans-serif;
}


ul#mobimenu, .mobile-container  {
	display:none;
}

body {
	width:100%;
}

div#wrapper { 

		margin-left: auto;
		margin-right: auto;
		min-height:930px;
		overflow:visible;
		color:#000;
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:auto auto auto;
font:.9em arial, sans-serif;

}

#header {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
 background:#fff;
overflow:visible; /*changed from hidden to visible for the mega dropdowns*/
}

 

img#logo { 
margin:.5em 1em .3em 1em;
	
	text-align:left !important;
	max-width:500px;
 
}

#content {
		max-width:1200px;
		border-right:10px solid #fff;
		border-left:20px solid #fff;
		margin-left:auto;
		margin-right:auto;
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		display:grid;
		grid-template-columns: 0.3fr 1fr;
		grid-template-rows: auto auto;
background: #fff;
 }

	#content::after {
		content: "";
		clear: both;
		display: table;
	}
 
#content a {
	 color: #0066A6;
	text-decoration:none;
}
 
#content a:hover, #content a:focus {
 color: #4682B4;
 text-decoration:underline;
}

img#banner {
		max-width: 100%;
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}



 
#textarea {
		font-size:1em;
		color:#000;
		background: #fff;
		line-height:150%;
		box-sizing: border-box;
		grid-column:2 / 3;
		grid-row: 2 / 3;
		padding:1em 3em 2em 2.5em;
}
 
	body.full-width div#textarea {
		grid-column: 1 / 3 !important;
		padding:1em 3em 2em 2.5em;
	}
 
	body#general #textarea, body#calendar #textarea, body#enc #textarea, body#contact #textarea, body.fullwidth #textarea {
		grid-column: 1 / 3 !important;
		grid-row: 2 / 3;
	 }


/*----------------------------------- Bread Crumbs ----------------------- ---------*/

span#bc {
font-size:.85em;
color:#828282;
margin-bottom:1.5em;
display:block;
 
}

span#bc a {
margin:0 .5em 0 0 ;
padding-top:0;
}

/*----------------Grid Blocks---------------------------*/

div.grid2 {
	display:grid;
	grid-template-columns:auto auto;
	grid-template-rows:auto auto;
}

div.grid2 div:first-child {
	grid-column:1 / 2;
	grid-row:1 / 3;
 }

div.grid2 div:nth-child(2) {
	grid-column:2 / 3;
	grid-row:1 / 3;
}

/*----------------Local Navigation---------------------------*/


/*--------------------------------------------------------------------------------Local Navigation--------------------------------------------------*/

	div#localnavigation {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		margin-top:20px;
		font-family: 'fracktif-regular', Arial, sans-serif; 
		font-weight:400;
		font-size:1em;
	}


ul#locnav { 
 		border:0px solid #ccc;
 		padding:1em .7em 1em .5em;
		line-height:180%;
}

body#shpo ul#locnav a[href*="rfp.htm"] {font-weight:bold !important;}

ul#locnav li.activeleaf:first-child {background: #fff;}
ul#locnav li:first-child a {font:bold 1.1em arial, sans-serif; color:#000; margin:.5em 0em 0em 0em; line-height:115%; }
ul#locnav li ul li a:first-child {font: 1em arial, sans-serif;color:#000;}


ul#locnav li {
list-style:none;
padding:.4em 0em .2em .8em;
line-height:110%;
margin:.4em 0em .4em 0em;}

ul#locnav a { 
text-decoration: none;
	
color:#000;
font: 1em arial, sans-serif;
} 


ul#locnav ul {
	
	/*margin-left:-.7em;
	*/}
 

 ul#locnav li.activeleaf a {
font-weight:bold !important;
}

ul#locnav ul li.activeleaf:first-child {
background: rgb(71,76,85,.1);
}

ul#locnav ul ul li.activeleaf:first-child {
background: rgb(71,76,85,.1);
}

ul#locnav li.active {
background: rgb(71,76,85,.1);								
font-weight:bold;
padding-top:.9em;
padding-bottom:.9em;
}

ul#locnav li.activeleaf {
background: rgb(71,76,85,.1);									
font-weight:bold;
}

ul#locnav ul.parent li.activeleaf {
background: rgb(71,76,85,.1);								
font-weight:bold;
}

ul#locnav li.selected {
	margin:.5em 0 .5em 0;
border: 1px solid rgb(71,76,85,.2);		
}


ul#locnav ul.parent li.activeleaf {background:#E4E1E5;font-weight:bold;}

ul#locnav li.selected li.selected, ul#locnav li.selected li.active, ul#locnav li.selected li.selected li.activeleaf {background:rgb(71,76,85,.1);}

ul#locnav li.selected li.active { /*also indents sub items*/background:rgb(71,76,85,.1);	}

li.active>a:first-child {font-weight:bold !important;}
li.selected.parent>a:first-child {font-weight:bold !important;}
li.selected.ancestor>a:first-child {font-weight:bold !important;}

ul#locnav li.active:first-child {font:1em arial, sans-serif;color:#be6c20; }
ul#locnav ul.submenu li.active:first-child {font:1em arial, sans-serif;margin:.35em 0em 0em .15em;padding:2em .2em 1.5em 0em;background:#FCF9EA;}
ul#locnav li.active>a:first-child {font:bold 1em arial, san-serif;}
ul#locnav a:hover, #locnav a:focus {text-decoration:underline;} 

body#research ul#locnav a[href~="http://okhistory.cuadra.com/star/public.html"] {
background:#588bae;border:1px solid #6799bb;
padding:.8em 3.7em 1.3em 1em;
margin:1.5em 0em 0em -1em;
color:#fff;
width: 300px !important;
line-height:230%;
}

body#research ul#locnav {padding-bottom:.1em;}

body#historycenter ul#locnav li:first-child a {background: #fff url(../images/ohclogo.jpg) no-repeat; height:190px;width:170px; display:block; font-size:0em; color:#fff;}
body#historycenter ul#locnav li ul li a:first-child {font: 1em arial, sans-serif;color:#000;margin:0;background:none;height:auto;}





 
 
h1 {
 font: 2.4em georgia, times, serif;
 color:#000 !important;
 padding:0em .5em .4em 0em;
 }
 
h2 {
font: 1.8em georgia, times, serif;
color:#000 !important;
padding:.5em 0em .3em 0em;
}
 
h3 {
font:  1.5em georgia, times, serif;
/*color:#7f3910;  */
color:#000;
padding:.6em .5em .4em 0em;
}


h4, h5, h6 {
font: bold 1em arial, sans-serif;
color:#363636;
padding:0em .5em 0em 0em;
 }
 
p {
margin:0em .5em .7em 0em;
padding:.2em .5em .5em 0em;
}

blockquote {margin:-1em 4em 1.5em 3em;}
hr {background:#ccc;border:1px solid #ccc;} 
table {border-collapse:collapse;font-size:.9em;}
th {border:0;}
td {padding:.4em;}

fieldset {border:0;}




figure.left {float: left;margin:0em 1em 1em 0;clear:none;}
figure.right { float: right; margin:0em 0 1em 1em; clear:none;}
figure {clear:both; display: block; margin:2em 0em;}
figure img {display:block;}
figcaption {font-size:.9em;line-height:150%;clear:both;display:block;margin:.75em 0em;}

p.backtotop {background:#d6ecf2; padding:.5em;width:12%;} 
 
table#pressroom td {padding:.5em 2em .5em 0em;}

body#research caption {font:bold 1em arial, sans-serif;text-align:left; }
body#research th, body#publications th, body#shpo th {background:#c2e9ff;border: 1px solid #ccc;}


table#socialmedia tr:nth-of-type(odd) {background:#f2f1f0;}
table#socialmedia td {padding-left:.8em;}
table#socialmedia td a {padding-right:.1em;}

table.zebra tr:nth-child(even) {background:#f6f6f6;}
table.zebra td {border:0px; padding:.5em;}

table.dbresults td, table.dbresults th {border: 1px solid #ccc;padding:.5em;}
table.dbresults {border-collapse:collapse; width:98%; }


table.searchresults {border-collapse:collapse;width:98%;font-size:.9em;}
table.searchresults tr {width:100%;}
table.searchresults tr.start {border-top:1px solid #eaddce;padding-top:.5em !important;}
table.searchresults tr.start td {padding-top:10px !important;}
table.searchresults td {border:0px !important; margin:0;padding:.2em .3em .2em .7em !important; vertical-align:top;}
table.searchresults td.label {text-align:right;color:#8B7765;padding:.2em .3em .2em 0em !important;}

caption {text-align:left;}
table.forms td, table.forms th {border:1px solid #ccc;padding:.5em;vertical-align:top;}
table.forms caption {font:bold 1em arial, sans-serif;text-align:left; }
table.forms th, table.dbresults th {background:#c2e9ff;border: 1px solid #ccc;}
table.sortable thead :hover {cursor:pointer;}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
content: " \25B4\25BE" 
}

form.dbsearch  {
	border-top:0px solid #ccc;
	padding-top:1.5em;
}

form.dbsearch label {
	font:bold 1em arial, sans-serif;
	display:inline-block;
	padding-bottom:.4em;
}

form.dbsearch div {margin:0em 1em 1.5em 0;}

form.dbsearch input, form.dbsearch textarea, form.dbsearch select {border:1px solid #948f88; padding:.4em;}


img.supporticon {border:3px #ccc solid;} 
img.sitesicon {border:3px solid #dedede;}

div.bcry p {font-style:italic; margin:1em .5em 1em 0em; width:80%;}
p sup {    
	vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

.flex-wrap {display:flex; flex-wrap:wrap;padding:0;margin:0;}
.flex-wrap > div {padding:1em 1em 1em 0;margin:0;}
.center {text-align:center;}
.caption {color:#000; font-size:.8em;}
.caps {text-transform:capitalize;}
.left {float:left;margin:0em 2em 1em 0;}
.right {float:right;margin:0em 0 1em 2em;}
.clear {clear:both;}
.inline {display:inline;}
.block {display:block;}
.nb {border:0;}
a.nodec {text-decoration:none !important;}

table.borders {border-collapse:collapse;}
table.borders td, table.borders th {border:1px solid #ccc; padding:.7em; vertical-align:top;}

div.hmicon {width:230px;}
div.hmicon a.hmicon-link {display:block; margin:.3em 0 .5em 0; font-size:1.3em;line-height:130%;}


a img {border:0;}
a:hover {cursor:pointer;}

#column {
margin: 0em 0em .5em 1em;
padding:0em 0em 0em 1em;
 
width:180px;
float:right;
clear:both;
}

body#sites #column {
margin: 0 0em 1em 1em;
padding:.5em 0em 1em 1em;
line-height:140%;
width:190px;
float:right;
clear:both;
}

#column ul li {
margin-left:-1.2em;
padding:0;
}



p.drone-message {
	font-size:.85em; 
	line-height:130% !important;
}

.notice {
background:#e3f4f4;
padding:.75em .75em .4em .75em;
margin-bottom:1.5em;
}
 
body#sites .notice {
width:70%;
background:#e3f4f4;
padding:.75em .75em .4em .75em;
margin-bottom:1.5em;
}
#textarea ul.cp-controls {padding-left:.6em;}
#textarea ul, #textarea ol {margin-left:2em;}
#textarea ul.landing { margin-left:.5em; list-style:none;}
#textarea ul, #textarea ol {margin:0em .5em .8em 1.5em;padding-left:1em;}
 

dl.timeline dt {
 width:auto;
 float:left;
 font:bold 1.1em arial, sans-serif;
 margin-right:.5em;
 padding-top:.1em;
 display:inline;
 }
 
dl.timeline {font-style:normal;} 
dl.timeline dt em {font-style:normal;}
dl.timeline dd {margin-bottom:1em;}
ol.lalpha {list-style-type:lower-alpha; margin-bottom:0 !important; } 
ol.ualpha {list-style-type:upper-alpha;margin-bottom:0 !important; }

 
/*------------------------ Animations - Contact Form -----------*/

 /*FADE IN */
 div.messageconf 
 {background:#4275b4;padding:2em;margin-top:.5em;
 border:#3c689e 2px solid ;
 min-height:150px;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
font-size:1.6em;
color:#fff !important;
} 

 div.messageconf h2 {color:#fff !important;font-size:1.5em;}
 div.messageconf p {color:#fff !important;font-size:1em; line-height:130%;}
 div.messageconf p a {color:#fff !important;}

 /*FADE IN */
.errorlist, .ddfmerrors {
background:#FFF896; 
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} 

@-webkit-keyframes fadeIn {from { opacity: 0;} o {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}

@-webkit-keyframes fadeOut {from { opacity: 1;} o {opacity: 0;}}
@keyframes fadeOut {from {opacity: 1;} to {opacity: 0;}}


/*--------------------------------------- Footer ------------------------------------*/
	div#footer {
		display:flex;
		flex-wrap:wrap;
		padding:2em	3em 3em 4em;
		color:#000;
		line-height:150%;
		background:#ececec;
		grid-column: 1 / 2;
		grid-row: 3 / 4;
margin-bottom:-1em;
 	}
	
 div#footer span#statebranding {display:block;}


	div#footer > div   {flex: 23%;  }
 	
 

	#footer a {text-decoration: underline; color: #000;}
	#footer a:hover, #footer a:focus {text-decoration: underline;color: #333;}
	
	#footer span.title {
		font-size:1.3em;
		text-transform:uppercase;
		color:#000;
		display:inline-block;
		padding-bottom:.35em;
	}

/*--------------------------------- Site Search ----------------------------------------*/

div.sitesearch {
 width:320px;
 float:right;
 margin-top:10px;
	
}

div.sitesearch p a {text-decoration:none; color: #0066A6; }
div.sitesearch p a:hover, div.sitesearch p a:focus { color: #104E8B;
 text-decoration:underline;
}
 
div.sitesearch div.custsearch {
 
}

div.sitesearch input[type="text"] {
 background:#fff;
 color:#000;
 font-size:1.1em; 
 border:#0066A6 1px solid !important;
 display:inline;
 padding:.5em;
 box-sizing:border-box;
 height:31px;
 width:180px;
}

div.sitesearch input#search {
 font-size:1.1em; 
 padding:6px; 
 border: 1px solid #666;
 box-sizing:border-box;
 margin:0;
 border-radius: 2px; color:#fff;   
 border-color: #0066A6;  
 background-color: #0066A6;
 background-image: linear-gradient(top, #4d90fe, #4787ed);
 }
 
div.sitesearch input#search:hover {
 color:#fff;
 background-color:#104E8B;
}
 
div#search-results td {
 padding-left:.8em !important;
}

.gsc-input-box {padding:.5em;}



/*----------------------------------------------------------------------- Global Navigation --------------------------------------------------------------*/

div.nav-container {
background:#474C55;
	clear:both;
	width:auto;
	margin-top:.8em;
	padding:.45em 2em .65em 2em;
     font-size: .9em;
  	}

div#globalnav li {		
	letter-spacing:.05em;}

div#globalnav ul.upper {
height:1.5em;
margin-top:.4em;

}

div#globalnav ul li {
list-style:none;
float:left;
text-align:left;
padding:.9em 1em .4em .6em;
 
}

div#globalnav ul li a {
font:  1.2em arial, sans-serif;
color:#fff;
text-decoration:none;
display:block;
}

div#globalnav li:hover, div#globalnav li:focus {background:#000;} 
/*div#globalnav li a:hover, div#globalnav li a:focus {background:#A35A1A;}*/

div#globalnav ul.lower {
font:normal 1em arial, sans-serif !important;
float:none;
clear:left;
margin:1.8em 0em 0 .3em;
height:1.5em;
}

div#globalnav ul.lower li.mega {
margin:0em .7em 0 0;
padding:.6em;
	
}

a#skip, a#skip:hover,a #skip:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

a#skip:active, a#skip:focus
{
margin-left:4em;
position:static;
width:auto;
height:auto;
} 

/* mega drop down styles*/
div#globalnav ul li {
position: relative;
	

/*	z-index:200; */
}

div#globalnav ul.lower li {
position: relative;
/*	z-index:100; */
}

div#globalnav ul h2, div#globalnav ul h3 {
font-size: 100%;
font-weight: normal;
display: inline;
}

div#globalnav li.mega ul {		
font-size:1.1em;
width: 16em;
position: absolute;
top: 2.5em;
left: 1px;
padding: 1em 1.5em;
border: 4px solid rgb(71,76,85,.2);
background:#fff;
height:auto;
overflow:visible;
display: none;
z-index: 7;
}

div#globalnav li.mega ul#msmenu {		
width:36em;
position: absolute;
top: 2.6em;
left:-5em;

}


div#globalnav li.mega ul li {
padding:0;
clear:both;
letter-spacing:0 !important;
}

div#globalnav li.mega ul li a {
color:#000;
font: normal .9em arial, sans-serif;
margin-bottom:.6em;
}

div#globalnav ul.lower li.mega ul li a {font: normal 1.2em arial, sans-serif;}
div#globalnav ul li.hovering ul {display: block;}
div#globalnav li.mega ul li a:hover, div#globalnav li.mega ul li a:focus, div#globalnav li.mega ul li:hover, div#globalnav li.mega ul li:focus {
text-decoration: underline; background:#fff;
} 

/*------------------------------------------------------------------- Font Awesome ------------------------------------------------*/

#textarea a.fas, a.fab 
{
	margin-right:.15em;
}
	
a.fas:hover, a.fas:focus, a.fab:hover, a.fab:focus 
{
	text-decoration:none !important;
}	

span.fa-custom-text {
	display:inline-block;
	vertical-align:super;
}

/*-------------------------------------------------------------------- Styled Buttons ----------------------------------------------------------------*/

input.myButton 
{
	background:#0066A6;
	border:#0066A6;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
 	display:inline-block;
	cursor:pointer;
	color:#fff !important;
	font:  1em arial, sans-serif;
	letter-spacing:.03em;
	padding:.5em 1em .5em 1em;
	text-decoration:none !important;
}


.myButton {
		border:1px solid #0066A6;
	background:#0066A6;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
 	display:inline-block;
	cursor:pointer;
	color:#fff !important;
	font:  1.1em arial, sans-serif;
	letter-spacing:.03em;
	padding:.5em 1em .5em 1em;
	text-decoration:none !important;
}
.myButton:hover {
background:#004E9A;
}

.myButton:active {position:relative;	top:1px;}

/*Disabled Button
.disabled {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ece8b8), color-stop(.1, #f7f7f7));
	background:-moz-linear-gradient(top, #ece8b8 5%, #f7f7f7 100%);
	background:-webkit-linear-gradient(top, #ece8b8 5%, #f7f7f7 100%);
	background:-o-linear-gradient(top, #ece8b8 5%, #f7f7f7 100%);
	background:-ms-linear-gradient(top, #ece8b8 5%, #f7f7f7 100%);
	background:linear-gradient(to bottom, #fff 5%, #ccc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ece8b8', endColorstr='#f7f7f7',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #c9c9c9;
 
 
	color:#777 !important;
 
	font:bold 1.3em arial, sans-serif;
	padding:.5em 1.1em .7em 1.1em;
	text-decoration:none !important;
}*/

/*---------------------------------------------------------------- Education Gallery Guide Tables --------------------------------------------------*/

table.eduguide {width:95%;margin-top:1em;}
table.eduguide caption {font:1.4em Georgia, serif; color:#7f3910 !important;padding:0em 0 .8em 0;margin-top:0;}
table.eduguide th {font-size:1.1em;color:#fff;background:#13579a;}

table.eduguide td, table.eduguide th {
	vertical-align:top;
	border:1px solid #ccc !important;
	padding:1em 1em.5em 1em;
}

table.eduguide td ul li {margin-left:-1em;margin-bottom:.8em; }
table.eduguide tr td:first-child {width:25%;}
table.eduguide tr td:first-child strong { font-size:1.1em;}

/*---------------------------------------------------------- Museums & Sites and History Center Admission/Hours -------------------------------*/
table.ohcadmission {
line-height:180%;
border:0;
margin:0em 0em 1em 0em;
font-size:.9em;
}

table.ohcadmission td {
border:0; 
border-collapse:collapse;
width:auto;
padding:0em 2em 0em 0em;
vertical-align:top;
}

.hours_admission {
margin-left:0em;
margin-bottom:.5em;
width:190px;
float:right;
clear:both;
}

table.sites {
font-size:.9em;
line-height:150%;
border:0;
margin:.6em 0em 0em 0em;
}

table.sites td {
border:0; 
border-collapse:collapse;
width:50%;
padding:.3em .6em .6em 0em;
vertical-align:top;
}

table.sites tr {border-bottom: 1px dotted #ccc;}

table.sites caption {
font:bold 1.1em arial, sans-serif;
color:#000;
padding:.5em 1.8em .5em 0em;
}

 

/*----------------------------------------------Contact List ------------------------------------------------*/


#textarea form.contactsearch {
 
padding:.6em .1em .1em 0em;
width:96%;
margin-bottom:.5em;
}

table.ohscontact th {
background: #333;
color:#fff; 
text-decoration:none;
padding:.4em .4em .4em .5em; 
}

 
table.ohscontact {
width:98%;
border-collapse:collapse; 
clear:both;
border:1px #eee solid;
}

table.ohscontact td { 
border-bottom:1px #eee solid;
padding:.4em .4em .4em .5em; 
 
}

 
 


/*------------------------------------------------------------------- Calendar Widget and Misc Calendar Styles ------------------------------------------------
div#calendar * {margin:0;padding:0;}
div#calendar {margin-left:.2em;padding-top:1em;}
div#calendar h3 {margin-bottom:.5em;}

div#calendar h4.tribe-event-title {line-height:140%; font-size:1.1em;}
div#calendar span.titlevenue {display:none !important;}
a.venuewidgetlink {text-decoration:none !important; border:0 !important; }

ul.tribe-venue-widget-list, #sidebar {
margin-left:0 !important;
padding:0;
}

ul.tribe-venue-widget-list li {
margin:.5em 0em .6em 0em !important;
list-style:none;} 

div#calendar div.list-date {	
}

*/
/* DATE SELECTION */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #404040;
	background-color: #F4F4F4;
	border: 1px solid #999999;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered 
over) */
.dpTDHover {
	background-color: #888888;
	border: 1px solid #888888;
	cursor: pointer;
	color: #000000;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #C0C0C0;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #666666;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	}


/* Tool tip styles */
.tooltipsymbol:hover, .tooltip:hover {  	}

.tooltip {position:absolute; z-index:1000;font-size:1.1em;}

.tooltip.top {
 padding: 5px 0;
 margin-top: -3px;
}
.tooltip.right {
 padding: 0 5px;
 margin-left: 3px;
}
.tooltip.bottom {
 padding: 5px 0;
 margin-top: 3px;
}
.tooltip.left {
 padding: 0 5px;
 margin-left: -3px;
}
.tooltip-inner {
 max-width: 300px;
 padding: 3px 8px;
 color: #fff;
 text-align: left;
 background-color: #203953;
 border-radius: 4px;
}
.tooltip-arrow {
 position: absolute;
 width: 0;
 height: 0;
 border-color: transparent;
 border-style: solid;
}
.tooltip.top .tooltip-arrow {
 bottom: 0;
 left: 50%;
 margin-left: -5px;
 border-width: 5px 5px 0;
 border-top-color: #203953;
}
.tooltip.top-left .tooltip-arrow {
 right: 5px;
 bottom: 0;
 margin-bottom: -5px;
 border-width: 5px 5px 0;
 border-top-color: #203953;
}
.tooltip.top-right .tooltip-arrow {
 bottom: 0;
 left: 5px;
 margin-bottom: -5px;
 border-width: 5px 5px 0;
 border-top-color: #203953;
}
.tooltip.right .tooltip-arrow {
 top: 50%;
 left: 0;
 margin-top: -5px;
 border-width: 5px 5px 5px 0;
 border-right-color: #203953;
}
.tooltip.left .tooltip-arrow {
 top: 50%;
 right: 0;
 margin-top: -5px;
 border-width: 5px 0 5px 5px;
 border-left-color: #203953;
}
.tooltip.bottom .tooltip-arrow {
 top: 0;
 left: 50%;
 margin-left: -5px;
 border-width: 0 5px 5px;
 border-bottom-color: #203953;
}
.tooltip.bottom-left .tooltip-arrow {
 top: 0;
 right: 5px;
 margin-top: -5px;
 border-width: 0 5px 5px;
 border-bottom-color: #203953;
}
.tooltip.bottom-right .tooltip-arrow {
 top: 0;
 left: 5px;
 margin-top: -5px;
 border-width: 0 5px 5px;
 border-bottom-color: #203953;
}


 span.wpcc-message {font: .9em arial, sans-serif !important; text-align:left;}
div.wpcc-compliance a.wpcc-btn {font: .9em arial, sans-serif !important;}


div.tg-card {
	width:90%;
	background:#FFFFF0;
	border:1px solid #ccc;
	padding:1em;
	margin-bottom:2em;
}

ol.closeup, ul.closeup {margin-top:-.65em !important;padding-top:0;}