* {margin: 0;padding: 0;}

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

html {
background:#e2d7c4 url(../images/bg.jpg) repeat-x;
font-size:100%;
}

body {
margin-left:auto;
margin-right:auto;
text-align:center;
width:995px;
display:block;
}

div#wrapper { 
text-align:left;
display:block;
width: 995px;
font:.9em arial, sans-serif;
overflow:visible;
}

#header {
background:#fff;
width: 995px;
height:190px;
overflow:visible; /*changed from hidden to visible for the mega dropdowns*/
-webkit-box-shadow:0px 0px 5px #8E8579;
-moz-box-shadow:0px 0px 5px #8E8579;
-o-box-shadow:0px 0px 5px #8E8579;
box-shadow:0px 0px 5px #8E8579;
behavior: url(http://www.okhistory.org/pie/PIE.htc);
margin-left:auto;
margin-right:auto;
}

img#logo {
position:relative;
top:10px;
left:15px;
z-index:2;
}

#content {
float:right;
width: 995px;
background: #fff;
margin-left: auto;
margin-right: auto;
margin-top:12px;
min-height:800px;
height:auto;
display:block;
overflow:visible;
position:relative;
padding-bottom:1em;
-webkit-box-shadow:0px 0px 5px #8E8579;-moz-box-shadow:0px 0px 5px #8E8579;
-o-box-shadow:0px 0px 5px #8E8579;box-shadow:0px 0px 5px #8E8579;
behavior: url(http://www.okhistory.org/pie/PIE.htc);
z-index:0;
 }
 
#content a {
 color: #13579a;
 text-decoration:none;
}
 
#content a:hover, #content a:focus {
 color: #4682B4;
 text-decoration:underline;
}
 
#textarea {
 float:right;
 width: 750px;
 display:block;
 padding:1em .7em 1em 1.5em;
 color:#333;
 font-size:.9em;
 line-height:150%;
}
 
body#general #textarea, body#calendar #textarea, body#enc #textarea, body#contact #textarea, body#about.visit #textarea, body.fullwidth #textarea {
 float:left;
 width:935px;
 padding-left:1.5em;
 }
 
 body#kids.exhibit #textarea   {
	 width:730px;
  }
 
 body#kids.exhibit div.exhibitnav   {
width: 210px;
background: #fff;
border-right:2px solid #f7f3e3;
font: .9em arial, sans-serif;
text-align:left;
margin:.9em 0em .4em 1em;
list-style:none;
min-height:400px;
position:absolute;
top:0px;
left:0px;
z-index:2;
padding:1em 0em;
 } 
 
body#kids.exhibit div#content div.exhibitnav a {
	  display:block;
  	  width:200px;
 	  padding:.4em 0 .4em 0;
	  color:#333;	  
  }
  
  body#kids.exhibit div#content div.exhibitnav p a {
   }  
  
  body#kids.exhibit div#content div.exhibitnav p {
	  border-top:1px solid #ccc;
	  margin-top:1em;
	  padding-top:1em;
  }
 
 
h1 {
 font: 2.3em georgia, times, serif;
 color:#7f3910 !important;
 padding:0em .5em .4em 0em;
 }
 
h2 {
font: 1.6em georgia, times, serif;
color:#7f3910 !important;
padding:.5em 0em .3em 0em;
}
 
h3 {
font: bold 1.2em arial, sans-serif;
color:#4e4e4e;
padding:.4em .5em 0em 0em;
}


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

blockquote {margin:0em 4em 2em 3em;}
hr {background:#ccc;border:1px solid #ccc;} 
table {border-collapse:collapse;}
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 table td, body#research table th {border: 1px solid #ccc;padding:.5em;}
body#research caption {font:bold 1em arial, sans-serif;text-align:left; }
body#research th, body#publications th {background:#c2e9ff;border: 1px solid #ccc;}


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 1em !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 {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;
}


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;}

.caption {color:#333; font-size:.8em;}
.caps {text-transform:capitalize;}
.left {float:left;margin:0em 1em 1em 0;}
.right {float:right;margin:0em 0 1em 1em;}
.clear {clear:both;}
.inline {display:inline;}
.block {display:block;}
.nb {border:0;}
a.nodec {text-decoration:none !important;}
a.hmicon {font-size:1.3em;line-height:160%;}
div.hmicon a {font-size:1.3em;line-height:160%;}
a img {border:0;}
a:hover {cursor:pointer;}

#column {
margin: 0 0em 1.5em 1em;
padding:.5em 0em 1em 1em;
border-left:1px #ccc dotted;
width:180px;
float:right;
clear:both;
}

body#sites #column {
margin: 0 0em 1em 1em;
padding:.5em 0em 1em .7em;
border-left:1px #ccc dotted;
width:190px;
float:right;
clear:both;
}

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

.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:.3em .5em 1.3em 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; }

img#banner {
z-index:0;
float:left;
}
/*------------------------------------------------------------- Animations - Contact Form --------------------------------------------------*/

 /*FADE IN */
 div.messageconf 
 {background:#e0f6fa;padding:1.5em;margin-top:.5em;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} 

 /*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;}}


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

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

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

/*--------------------------------------------------------------------------------Local Navigation--------------------------------------------------*/
ul#locnav { 
width: 210px;
background: #fff;
border-right:2px solid #f7f3e3;
font: .9em arial, sans-serif;
text-align:left;
margin:.9em 0em .4em .5em;
list-style:none;
min-height:400px;
position:absolute;
top:0px;
left:0px;
z-index:2;
padding:1em 0em;
}

ul#locnav li.activeleaf:first-child {background: #fff;}
ul#locnav li:first-child a {font:bold 1.3em 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:.2em 0em .1em 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: #F2EEDE;	
}

ul#locnav ul ul li.activeleaf:first-child {
background: #e2d9ae;	
}

ul#locnav li.active {
background:#F2EEDE;									
font-weight:bold;
padding-top:.9em;
padding-bottom:.9em;
}

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

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

ul#locnav li.selected {
background:#F2EEDE;		
}


ul#locnav ul.parent li.activeleaf {background:#FFFCF2;font-weight:bold;}
ul#locnav li.selected li.selected, ul#locnav li.selected li.active, ul#locnav li.selected li.selected li.activeleaf {background:#FFFCF2;}
ul#locnav li.selected li.active { /*also indents sub items*/background:#FFFCF2;}

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;}

/*------------------------------------------------------------------------------ Footer -----------------------------------------------------------------*/
#footer {
text-align:left;
font: .8em arial, sans-serif;
clear: both;
width:995px;
margin-left:auto; 
margin-right:auto;
padding-top:.5em;
color:#333;
line-height:150%;
height:250px;
}

#footer a {text-decoration: none; color: #104E8B;}
#footer a:hover, #footer a:focus {text-decoration: underline;}
#footer p.inf {margin-bottom:-.5em;}

/*------------------------------------------------------------------------------- Site Search -----------------------------------------------------------*/
div.sitesearch p {text-align:right;margin:0 1em .5em 0em; color:#666;width:97%;}
div.sitesearch p a {text-decoration:none; color: #104E8B;font-size:.9em;}
div.sitesearch p a:hover, div.sitesearch p a:focus { color: #4682B4;
 text-decoration:underline;
}
 
div.sitesearch {
width:400px;
float:right;
margin-top:10px;
 }
 
div.custsearch {
position:relative;
top:-5px;
right:-40px;
}

div.sitesearch input[type="text"] {
background:#fff;
color:#000;
border:#ccc 1px solid !important;
height:19px;
display:inline;
padding:.5em;
}

div.sitesearch input#search {
background-color:#357AE8;
color:#fff;
font:1em arial, sans-serif;
border:0px #e0e0e0 solid !important;
padding:5px 10px;
cursor:pointer;
height:34px;
display:inline;
margin:1px 0 0 5px;
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
 }
 
 div.sitesearch input#search:hover {
	color:#fff;
	background-color:#2461c3;
 }
 
 div#search-results td
{
padding-left:.8em !important;
}

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

/*----------------------------------------------------------------------- Global Navigation --------------------------------------------------------------*/
body#home div#globalnav li.home {background:#da8334;}
body#about div#globalnav li.about {background:#da8334;}
body#about.visit div#globalnav li.visit {background:#da8334;}
body#historycenter div#globalnav li.historycenter {background:#da8334;}
body#research div#globalnav li.research {background:#da8334;}
body#sites div#globalnav li.sites {background:#da8334;}
body#shpo div#globalnav li.shpo {background:#da8334;}
body#publications div#globalnav li.publications {background:#da8334;}
body#education div#globalnav li.edu {background:#da8334;}
body#kids div#globalnav li.kids {background:#da8334;}
body#ohscalendar div#globalnav li.calendar {background:#da8334;}
body#support div#globalnav li.support {background:#da8334;}
body.ohscal div#globalnav li.calendar {background:#da8334;font:normal 1em arial;}

div#globalnav {
border:5px solid #fff;
background:#c26716;
width:auto;
height:4.5em;
padding:.45em;
margin: 1em 0px 0em 5px;
}

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:bold 1.1em arial, sans-serif;
color:#fff;
text-decoration:none;
display:block;
}

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

div#globalnav ul.lower {
font:normal .78em arial, sans-serif;
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 {		
width: 16em;
position: absolute;
top: 2.6em;
left: 1px;
padding: .5em .2em .5em .65em;
border: 1px solid #EECFA1;
background:#fff;
height:auto;
overflow:visible;
-webkit-box-shadow:0px 0px 5px #8E8579;
-moz-box-shadow:0px 0px 5px #8E8579;
-o-box-shadow:0px 0px 5px #8E8579;
box-shadow:0px 0px 5px #8E8579;
display: none;
z-index: 950;
}

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


div#globalnav li.mega ul li {
padding:0;
clear:both;
}

div#globalnav li.mega ul li a {
color:#8B4500;
font: normal .9em arial, sans-serif;
z-index: 980;
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;
} 

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

input.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fffbed), color-stop(1, #fff4c5));
	background:-moz-linear-gradient(top, #fffbed 55%, #fff4c5 100%);
	background:-webkit-linear-gradient(top, #fffbed 55%, #fff4c5 100%);
	background:-o-linear-gradient(top, #fffbed 55%, #fff4c5 100%);
	background:-ms-linear-gradient(top, #fffbed 55%, #fff4c5 100%);
	background:linear-gradient(to bottom, #fffbed 55%, #fff4c5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbed', endColorstr='#fff4c5',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #e0e0e0;
	display:inline-block;
	cursor:pointer;
	color:#000 !important;
	font:bold 1em arial, sans-serif;
	padding:.2em 1em .3em 1em;
	text-decoration:none !important;
}


.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fffbed), color-stop(1, #fff4c5));
	background:-moz-linear-gradient(top, #fffbed 55%, #fff4c5 100%);
	background:-webkit-linear-gradient(top, #fffbed 55%, #fff4c5 100%);
	background:-o-linear-gradient(top, #fffbed 55%, #fff4c5 100%);
	background:-ms-linear-gradient(top, #fffbed 55%, #fff4c5 100%);
	background:linear-gradient(to bottom, #fffbed 55%, #fff4c5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbed', endColorstr='#fff4c5',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #e0e0e0;
	display:inline-block;
	cursor:pointer;
	color:#196c9b !important;
	font:bold 1.3em arial, sans-serif;
	padding:.5em 1.1em .7em 1.1em;
	text-decoration:none !important;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff4c5), color-stop(1, #fffbed));
	background:-moz-linear-gradient(top, #fff4c5 5%, #fffbed 100%);
	background:-webkit-linear-gradient(top, #fff4c5 5%, #fffbed 100%);
	background:-o-linear-gradient(top, #fff4c5 5%, #fffbed 100%);
	background:-ms-linear-gradient(top, #fff4c5 5%, #fffbed 100%);
	background:linear-gradient(to bottom, #fff4c5 5%, #fffbed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4c5', endColorstr='#fffbed',GradientType=0);
	background-color:#ffffff;
}
.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:.6em 0em 1em 0em;
}

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:0em .6em .6em 0em;
vertical-align:top;
}

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

.contact {
width:190px; 
margin-left:1em;
margin-bottom:0em;
float:right;
clear:both;
display:block;
}

.contact em{
font:bold 1.1em arial, sans-serif;
color:#333;
}

.contact strong {
font:bold 1em arial, sans-serif;
color:#333;
}


/*------------------------------------------------------------------- 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 {
 
	
}