/*
ul#locnav li a[href*="OHS"] {
display:none;
}

ul.lower li.shop {
display:none;
}*/


* {
  margin: 0;
  padding: 0;
}

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;
margin-top: 0px;
}

div#wrapper { 
text-align:left;
display:block;
margin-bottom: 0px;
padding:0em;
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*/
padding:0;
-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;
}

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

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

div#globalnav ul li {
list-style:none;
float:left;
text-align:center;
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;
}

/* 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 {		/*drop down menu*/
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 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;
}   /* mega drop down styles end*/

#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:underline;
 }
 
 #content a:hover, #content a:focus {
 color: #4682B4;
 text-decoration:underline;
 }
  
  #textarea {
  float:right;
  width: 750px;
  display:block;
  padding:1em 1.5em 1em 1em;
  color:#333;
  font-size:.9em;
  line-height:150%;
  }
   
 
body#general #textarea, body#calendar #textarea,  body#enc #textarea {
 float:left;
 width:935px;
 padding-left:1.5em;
 }
   
hr {background:#ccc;border:1px solid #ccc;}   

.caps {text-transform:capitalize;}
   
h1 {
 font: 1.9em georgia, times, serif;
 color:#be6c20 !important;
 padding:0em .5em .4em 0em;
 }
 
h2 {
 font: 1.5em georgia, times, serif;
 color:#be6c20 !important;
  padding:.5em 0em 0em 0em;
  margin:0;
 }
 
h3 {
 font: bold 1.1em arial, sans-serif;
 color:#4e4e4e;
  padding:0em .5em 0em 0em;
 }


h4, h5, h6 {
 font: bold 1em arial, sans-serif;
 color:#333;
  padding:0em .5em 0em 0em;
 }
 
blockquote {
margin:0em 4em 2em 3em;
}
 
 dl.timeline {font-style:normal;} 
 
 dl.timeline dt {
 width:auto;
 float:left;
 font:bold 1.1em arial, sans-serif;
 margin-right:.5em;
 padding-top:.1em;
 display:inline;
 }
 
 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;
 }

a:hover {cursor:pointer;}
 
#textarea ul, #textarea ol {margin-left:2em;}
 
#textarea ul.landing {
 margin-left:.5em;
 list-style:none;
 }
 
#column {
margin: 0 0em 1.5em 1em;
padding:.5em 0em 1em 1em;
border-left:1px #ccc dotted;
width:180px;
float:right;
clear:both;
}

#column ul li {
margin-left:-1.2em;
padding:0;
}
 
p {
margin:0em .5em .5em 0em;
padding:.2em .5em .5em 0em;
}

#textarea ul, #textarea ol {
margin:0 .5em 1em 1.5em;
padding-left:1em;
}

img#banner {
z-index:0;
float:left;
}

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

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

ul#locnav { 
width: 200px;
background: #fff;
border:2px solid #f7f3e3;
font: .87em arial, sans-serif;
text-align:left;
margin:.9em 0em .4em .8em;
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:#be6c20;
  margin:1.5em 0em 0em 0em;
 }
 
body#historycenter ul#locnav li:first-child a  {background: #fff url(../images/ohclogo.jpg) no-repeat; height:150px;width:160px; display:block; font-size:0em; color:#fff;}
 
body#historycenter ul#locnav li ul li a:first-child {
font: 1em arial, sans-serif;
color:#575655;
margin:0;
background:none;
height:auto;
}

ul#locnav li ul li a:first-child {
font: 1em arial, sans-serif;
color:#575655;
margin:0;
}
 
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:#575655;
font: 1em arial, sans-serif;
padding-right:.4em;
} 

ul#locnav ul {
margin: 0 0 0 -1em;
}

ul#locnav ul ul li {
margin: 0 0em 0em 1em;
}

 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;		
margin:0em;
}


ul#locnav li.active ul.selected {  /*  to indent ul subitems  */
padding-left:1.2em;
}

ul#locnav li.selected.ancestor ul.ancestor li.selected.parent ul.parent li {  /*  to indent ul subitems  */
padding-left:1.9em;
}

ul#locnav li.selected.parent ul.parent li.active ul.selected li {  /*  to indent ul subitems  */
padding-left:.5em;
}


ul#locnav li ul.parent li   { /*  to indent ul subitems  */
padding-left:2em;
}

ul#locnav li ul.ancestor li  { /*  to indent ul subitems  */
padding-left:2em;
}


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

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

li.selected.parent>a:first-child:before  {
content:"- ";
margin-left:-.8em;
}

li.selected.ancestor>a:first-child:before  {
content:"- ";
margin-left:-.8em;
}

ul#locnav li.selected li.active { /*also indents sub items*/
background:#FFFCF2;		
padding:.2em 0em .2em 2em;
}

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

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

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

/*Site Search Form Styles*/
div#sitesearch p {text-align:right;margin:0 3em .5em 0em;padding:0; color:#666;}
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:270px;
float:right;
margin-top:10px;
clear:left;
margin-right:.5em;
}

div#sitesearch input {
background:#fff;
color:#000;
border:#A5B3B7 1px solid;
padding:4px;
height:16px;
overflow:visible;
float:left;
}

div#sitesearch input#search {
background:#eef5f7;
font:bold .9em arial, sans-serif;
color:#455C63;
border:#A5B3B7 1px solid;
cursor:pointer;
margin:0px 0px 0px 1px;
padding-right:8px;
display:inline;
height:26px;
overflow:visible;
}

div#sitesearch input#search:hover, div#sitesearch input#search:focus {
background:#BCD0D6;
font:bold .9em arial, sans-serif;
color:#082C38 !important;
}
/*End Site Search Styles*/
body#home div#globalnav li.home {background:#da8334;}
body#about div#globalnav li.about {background:#da8334;}
body#general.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;}


ul#pressroom li {list-style:none;margin-left:-2.2em;line-height:190%;}
ul#pressroom li:first-of-type {padding-top:1em;}
img.supporticon {border:3px #ccc solid;}


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

body#research table td, 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.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;}

.bc {font-size:.85em; margin:.5em .5em .7em 0em;line-height:140%;}
.caption {color:#333; font-size:.8em;}
.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;}

fieldset {border:0;}
a img {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-top:1em;}
figure img {display:block;}
figcaption {font-size:.85em;line-height:130%;clear:both;display:block;float:none;}

table.sortable thead :hover {cursor:pointer;}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}
.notice {
background:#D1EAEF;
padding:.75em .75em .4em .75em;
margin-bottom:1.5em;
}

body#sites .notice {
width:70%;
background:#D1EAEF;
padding:.75em .75em .4em .75em;
margin-bottom:1.5em;
}
#textarea ul.cp-controls {padding-left:.6em;}

/*Route 66 Mobile Styles*/
a#trhome, a#trlist, a#trmap  {
display:block;
float:left;
width:33%;
border:1px solid #fff;
text-align:center;
text-decoration:none;
font-size:.85em;
padding-top:.5em;
margin-bottom:1em;
color:#59240a;
background:#ebe8e6;
}
a#trhome:hover, a#trlist:hover, a#trmap:hover {text-decoration:none;background:#ded9d7;color:#59240a;}
a#trhome img, a#trlist img, a#trmap img {padding-top:0;}