* {
margin:0;
padding:0;
}

body {
text-align:center;
margin-left:auto;
margin-right:auto;
}

body#home, body#contents {background:#333 url(../images/centurychest/bg1.jpg) no-repeat top center;}
body#events, body#pledge {background:#333 url(../images/centurychest/bg3.jpg) no-repeat top center;}
body#contact, body#ceremony {background:#333 url(../images/centurychest/bg6.jpg) no-repeat top center;}
body#press, body#members {background:#333 url(../images/centurychest/bg4.jpg) no-repeat top center;}
body#history, body#donors {background:#333 url(../images/centurychest/bg5.jpg) no-repeat top center;}


div#wrapper {
width:1000px;
margin-left:auto;
margin-right:auto;
/*-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);*/
font:.8em arial, sans-serif;
position:relative;
z-index:1 !important;
}

div#header {
text-align:left;
padding:2em 0em 0em 0em;
}

img#logo {
position:relative;
top:10px;
left:30px;
}

a img {border:0;}

div#footer {
}

table {
border-collapse:collapse;
}

td, th {
border:1px solid #ccc;
padding:.6em;
}

table a {text-decoration:none;font-weight:bold;}

img#top {position:relative;z-index:2 !important;}

a#flclink {
display:block;
width:380px;
height:60px;
position:absolute;
top:0;
border:0px solid #ccc;
z-index:9000 !important;
padding:0;
}

a#ohslink {
display:block;
width:360px;
height:80px;
position:absolute;
top:0;
margin-left:600px;
border:0px solid #ccc;
z-index:9000 !important;
}

h1 {
color:#8B8378;
font: 50px/62px 'CrimsonRoman', Arial, sans-serif;
margin-bottom:.3em;


}

h2 {
color:#9a5a46;
font:bold 1.3em arial, sans-serif;
margin:1.5em 0em .2em 0em;
letter-spacing:.05em;

}

h3, h4, h5, h6 {
color:#5f412c;
font:bold 1em arial, sans-serif;
}

.left {float:left;padding:.5em;}
.right{float:right;padding:.5em;}
.clear {clear:both;}

ul, ol {padding-left:2.5em;}

p {
margin-bottom:1em;
}

#content a {color:#294f84; text-decoration:none;border-bottom:1px solid #b7c6da;}
#content a:hover, #content a:focus {color:#11305b; border-bottom:1px solid #294f84;}

div.container {
background:#fff;
padding:1.8em 2.5em 3em 2.5em;
line-height:150%;
text-align:left;
color:#333;
margin-left:.4em;
-webkit-box-shadow:0px 0px 5px #7c8ea0;
-moz-box-shadow:0px 0px 5px #7c8ea0;
-o-box-shadow:0px 0px 5px #7c8ea0;
box-shadow:0px 3px 10px #7c8ea0;
behavior: url(http://www.okhistory.org/pie/PIE.htc);
}

div.container a {
color: #a16313;
}


#nav {
width:1000px;
height:45px;
margin:40px 0px 0px 20px;
color:#7c8ea0;
/*background:url(../images/centurychest/nav.png) no-repeat top center;*/
}

#nav a#press {
display:none;
}

#nav a {
text-transform:uppercase;
font:bold 1.1em arial, sans-serif;
color: #586d82;
text-decoration:none;
padding:.3em 1.2em .3em 1.2em;
height:50px;
letter-spacing:.15em;
background:none;
border-right:1px solid #7c8ea0;
margin-left:-5px;
}

#nav a:last-of-type {
border:0;
}

#nav a:hover, #nav a:focus {
background:#fff !important;
padding:1em 1.2em;
border-right:1px solid #ccc;
-webkit-box-shadow:0px 0px 5px #7c8ea0;
-moz-box-shadow:0px 0px 5px #7c8ea0;
-o-box-shadow:0px 0px 5px #7c8ea0;
box-shadow:0px 3px 10px #7c8ea0;
behavior: url(http://www.okhistory.org/pie/PIE.htc);
}


div#newspapers2 img {float:left;height:80px; width:80px;padding-right:1em;margin-bottom:.5em;}

div#newspapers2 p {
 clear:both;}


div.flex-wrap {display:flex; flex-wrap:wrap;}

        .flex-wrap > div {padding:1em 1em 1em 0; flex: 1 1 0px}
















/*
a#home {margin:0 0px 0px 100px;width:138px;}
a#events {margin:0 0px 0px -7px;width:159px;}
a#history {margin:0 0px 0px -15px;width:164px;}
a#press {margin:0 0px 0px -11px;width:159px;}
a#contact {margin:0 0px 0px -14px;width:159px;}

a#home:hover, a#home:focus {background:url(../images/centurychest/nav.png) -60px 254px;}
a#events:hover, a#events:focus {background: url(../images/centurychest/nav.png) 730px 204px;}
a#history:hover, a#history:focus {background: url(../images/centurychest/nav.png) 586px 154px;}
a#press:hover, a#press:focus {background:url(../images/centurychest/nav.png) 434px 104px;}
a#contact:hover, a#contact:focus {background:url(../images/centurychest/nav.png) 288px 54px;}
*/

@font-face {
    font-family: 'CrimsonRoman';
    src: url('fonts/Crimson-Roman-webfont.eot');
    src: url('fonts/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-Roman-webfont.woff') format('woff'),
         url('fonts/Crimson-Roman-webfont.ttf') format('truetype'),
         url('fonts/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonBold';
    src: url('fonts/Crimson-Bold-webfont.eot');
    src: url('fonts/Crimson-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-Bold-webfont.woff') format('woff'),
         url('fonts/Crimson-Bold-webfont.ttf') format('truetype'),
         url('fonts/Crimson-Bold-webfont.svg#CrimsonBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonBoldItalic';
    src: url('fonts/Crimson-BoldItalic-webfont.eot');
    src: url('fonts/Crimson-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Crimson-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Crimson-BoldItalic-webfont.svg#CrimsonBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonItalic';
    src: url('fonts/Crimson-Italic-webfont.eot');
    src: url('fonts/Crimson-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-Italic-webfont.woff') format('woff'),
         url('fonts/Crimson-Italic-webfont.ttf') format('truetype'),
         url('fonts/Crimson-Italic-webfont.svg#CrimsonItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonSemibold';
    src: url('fonts/Crimson-Semibold-webfont.eot');
    src: url('fonts/Crimson-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-Semibold-webfont.woff') format('woff'),
         url('fonts/Crimson-Semibold-webfont.ttf') format('truetype'),
         url('fonts/Crimson-Semibold-webfont.svg#CrimsonSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonSemiboldItalic';
    src: url('fonts/Crimson-SemiboldItalic-webfont.eot');
    src: url('fonts/Crimson-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/Crimson-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/Crimson-SemiboldItalic-webfont.svg#CrimsonSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'GandhiSerifRegular';
    src: url('fonts/GandhiSerif-Regular-webfont.eot');
    src: url('fonts/GandhiSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GandhiSerif-Regular-webfont.woff') format('woff'),
         url('fonts/GandhiSerif-Regular-webfont.ttf') format('truetype'),
         url('fonts/GandhiSerif-Regular-webfont.svg#GandhiSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GandhiSerifItalic';
    src: url('fonts/GandhiSerif-Italic-webfont.eot');
    src: url('fonts/GandhiSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GandhiSerif-Italic-webfont.woff') format('woff'),
         url('fonts/GandhiSerif-Italic-webfont.ttf') format('truetype'),
         url('fonts/GandhiSerif-Italic-webfont.svg#GandhiSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GandhiSerifBold';
    src: url('fonts/GandhiSerif-Bold-webfont.eot');
    src: url('fonts/GandhiSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GandhiSerif-Bold-webfont.woff') format('woff'),
         url('fonts/GandhiSerif-Bold-webfont.ttf') format('truetype'),
         url('fonts/GandhiSerif-Bold-webfont.svg#GandhiSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GandhiSerifBoldItalic';
    src: url('fonts/GandhiSerif-BoldItalic-webfont.eot');
    src: url('fonts/GandhiSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GandhiSerif-BoldItalic-webfont.woff') format('woff'),
         url('fonts/GandhiSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/GandhiSerif-BoldItalic-webfont.svg#GandhiSerifBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}