/* ---------------------------------------- */


/* Missouri Digital Heritage - MDHI MDH CSS */


/* ---------------------------------------- */


/* GENERAL ------------------------------------------------------------------------------------------------------ */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin: 0 0 .6em 0;
    color: rgb(0, 0, 0);
    background-color: #fafafa;
}

#unit-content {
    /* padding-top: 30px;*/
}

#layout {
    width: 900px;
    margin: 0 auto;
    /*height: 61px;*/

}

#main #layout {
    width: 900px;
    margin: 50px auto;
}

#main li a, #main td a:not(.btn) {
    min-height: 24px;
    display: block;
}

#main div#imgCapMain a {
    min-height: 24px;
    display: inline;
}

header a, header a:hover {
    color: white;
}

header,
#geHeader {
    font-family: 'Raleway', sans-serif;
    color: white;
    box-shadow: 0 0 16px rgba(50, 50, 50, 0.42);
}

.layout {
    width: 900px;
    margin: 0 auto;
    /*height: 61px;*/
	background-color: #0d223f;
}

.hide {
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
}

#content {
    clear: both;
    padding: 0 0 10px 15px;
}


/* GENERAL (end) */


/*Sub font for title*/

.barTitle {
    font-size: 18px;
}

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

.bx-window{
	height: 1000px!important;
}


/* NOTICES ------------------------------------------------------------------------------------------------------ */

#notice {
    color: #F00;
    margin-top: 3.25em;
    background: url('../images/notice.png') no-repeat left top;
}

.notice h2 {
    font-size: 1.5em;
    margin: -20px 0 0 40px;
}

.notice p {
    margin: 5px 0 0 40px;
}

.npNote {
    font-size: 12px;
    color: rgb(250, 120, 100);
    border-top: 1px solid #000;
    padding: 6px;
}

.title {
    font-size: 1.33em;
}

.reader {
    border: 1px dashed #999;
    border-radius: 6px;
    background-color: rgb(248, 244, 197);
    margin: auto 15%;
    padding: 2px 6px 2px 6px;
    font-size: .9em;
    text-align: center;
}


/* NOTICE (end) */


/* ANNOUNCEMENTS & INFO ----------------------------------------------------------------------------------------- */

#announce p {
    height: 50px;
    margin: 5px 20px 20px 20px;
    border: 1px solid #666;
    padding: 15px 15px 1px 15px;
    background-color: rgb(246, 247, 157);
    color: #333;
}

#announce span {
    font-weight: bold;
    font-style: italic;
    color: #000;
}

#inpInfo p {
    border: 1px solid #666;
    padding: 10px;
    background-color: rgb(242, 229, 177);
    color: #333;
}

#inpInfo span {
    font-weight: bold;
    font-style: italic;
    color: #000;
}


/* ANNOUNCEMENTS & INFO (end) */


/* HEADINGS & LINKS --------------------------------------------------------------------------------------------- */

h1 {
    font-size: 2em;
    text-shadow: rgba(0, 0, 0, .1) 2px 2px 4px;
    border-bottom: 1px solid #666;
}

h1.hide-text {
    text-indent: -9999px;
    height: 0px;
    width: 0px;
}

h2,
h3 {
    text-shadow: rgba(0, 0, 0, .1) 2px 2px 4px;
    margin: 22px 0 4px 0;
}

h4 {
    font-size: 1.11em;
}

.uppercase {
    font-size: 14px;
    text-transform: uppercase;
}

a{
	font-size: 1em;
    text-decoration: underline;
	color: #2C51BB
}
/*a:visited {
    text-decoration: underline;
    color: rgb(200, 100, 50);
}*/

a:hover {
    text-decoration: underline overline;
    /*color: rgb(240, 100, 0);*/
}

a.showHide {
    font-size: 1em;
    text-decoration: underline;
    color: rgb(80, 40, 0);
}

a.showHide:visited {
    text-decoration: underline;
    color: rgb(200, 100, 50);
}

a.showHide:hover {
    text-decoration: underline overline;
    color: rgb(240, 100, 0);
    cursor: pointer;
}


/* LINKS (end) */


/* BANNER & NAVBAR ---------------------------------------------------------------------------------------------- */

#globalNav {
    /*top: 62px;*/
    z-index: 1000;
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    border-top: 1px solid #5f798b;
    border-bottom: 1px solid #5f798b;
    background-color: #333;
}

#banner{
	min-height: 150px;
}

#globalNav ul {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    height: 25px;
    width: 900px;
    background-color: #333;
}

#globalNav li {
    float: left;
    border-right: 1px solid #545454;
}

#globalNav li a {
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    padding: 4px 15px;
    font-size: 13px;
}

#globalNav li:hover {
    background-color: #545454;
    color: #fff;
}

#globalNav li a:hover {
    background-color: #545454;
    color: #fff;
}

#globalNav li label:hover {
    background-color: #545454;
    color: #fff;
}

div#header-info {
    display: flex;
    height: 35px;
	width: 100%;
    padding-top: 12px;
    background-color: #333;
    white-space: nowrap;
}

div#header-info a {
   color: #fff;
   text-decoration: none;
   font-size: 16px;
}


div#header-info span {
    padding-left: 2%;
}

div#nav-info {
    flex: 35%;
    background: url(/SOSMasters/Images/HeaderSeal.png);
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    height: 120px;
}

div.name-title-container {
    flex-direction: column;
    margin-left: 4%;
	margin-right: 30px;
}

div#nav-info #logo-SOS-name {
    font-size: 24pt;
    /*text-transform: uppercase;*/
    font-weight: bold;
    white-space: nowrap;
    margin-top: 16px;
    text-decoration: none;
}

div#nav-info #logo-SOS-name a {
    text-decoration: none;
}

div#nav-info #logo-text {
    font-size: 18pt;
    white-space: nowrap;
    text-align: center;
}

div#nav-info .logo-container {
    flex-direction: column;
    margin: auto;
}

div#nav-info hr {
    border-color: red;
    width: 100%;
}

div#nav-image{
    display: flex;
    align-items: center;
    font-size: 10pt;
    background-color: #941925;
}

div#nav-banner{
	    flex: 70%;
		background-image: url(/MDHMasters/Images/MDH-Header.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left;
		height: 120px;
}

#SOSHead {
    /*background-image: url(/SOSMasters/images/JohnRAshcroftHeadshotOnly.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    /*width: 30%;*/
    /*min-width: 190px;*/
    min-width: 150px;
}

#header a {
    color: white;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

#header,
header,
#geHeader {
    font-family: 'Raleway', sans-serif;
    color: white;
    box-shadow: 0 0 16px rgba(50, 50, 50, 0.42);
}


/* BANNER & NAVBAR (end) */


/* NAVBAR DROP-DOWN MENU ---------------------------------------------------------------------------------------- */

#nav {
    margin: 0;
    text-align: left;
    background-color: #0d223f;
    padding: 0;
    z-index: 30;
}

#nav li {
    
    padding: 1%;
    list-style: none;
    float: left;
	
}

ul li input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

#nav li a {
    display: block;
    padding: 4px 10px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}

#nav li label {
    display: block;
    padding: 4px 10px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

#nav li:hover div {
    visibility: visible;
}

#nav div {
    position: absolute;
    visibility: hidden;
    margin: 8px auto;
    padding: 0;
    background: #133968;

}

#nav div a {
    position: relative;
    display: block;
    padding: .5em;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background-color: #545454;
    color: #fff;
    font-size: 13px;
}

#nav div a:hover {
	background-color: #333;
	/*border-top: 1px solid #133968;
    border-left: 1px solid #133968;
    border-right: 1px solid #133968;
    border-bottom: 1px solid #133968;*/
}
label.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0 0 26px 0;
    position: absolute;
    width: 1px;
}


/* NAVBAR DROP-DOWN MENU (end) */


/* SEARCH BAR & BUTTONS ----------------------------------------------------------------------------------------- */

#searchNavCntr {
    width: 350px;
    /*background-color: rgb(242, 242, 201);*/
    padding: 10px;
    vertical-align: top;
    border: 1px solid #0d223f;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*background-color: #FBFBCD;
    background-image: linear-gradient(0deg, rgb(251, 251, 205) 20%, rgb(242, 242, 201) 65%);*/
}

#advSrch {
    margin: 3px 0px 0px 0px;
}

.inputtextMain {
    float: left;
    width: 273px;
    font-size: 1.1em;
    font-family: 'Open Sans', sans-serif;
    height: 25px;
    border-top: 1px solid #000;
    border-right: 0px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    padding: 2px 4px 2px 4px;
}

#mdhFullRecord2, #btnMDHsearch2{
float: unset;
}


/* BEGIN Search Button */

.btnSearchMain {
    float: right;
    font-size: 1.1em;
    margin: 0 0 0 -1px;
    /*background-color: rgb(196, 105, 49);*/
    color: #000;
    border: 1px solid #000;
    font-family: 'Open Sans', sans-serif;
    padding: 5px 10px 5px 10px;
}

a.btnSearchMain:link,
a.btnSearchMain:visited {
    color: #fff;
    text-decoration: none;
    padding: 3px 5px;
}

a.btnSearchMain:hover,
.btnSearchMain:hover {
    background-color: #0d223f;
    color: #fff;
    border-color: #999;
}


/* END Search Button */


/* SEARCH BAR & BUTTONS (end) */


/* SEARCH BAR & BUTTONS ----------------------------------------------------------------------------------------- */

#searchNav {
    margin-top: -70px;
    text-align: right;
}

#searchNav input {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

#searchNav a:hover {
    text-decoration: underline;
}

#searchNav a {
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
    padding-right: 2px;
}

.inputtext {
    width: 220px;
    height: 20px;
    border: 1px solid #000;
    border: 1px solid #000;
    padding: 2px 4px 2px 4px;
}

.err {
    color: #fff;
    margin-bottom: -15px;
}

.btnSearch {
    /*background-color: rgb(196, 105, 49);
    color: #fff;
    border: 1px solid #000;
    margin-left: -5px;*/
    padding: 3px 10px 3px 10px;
}

a.btnSearch:link,
a.btnSearch:visited {
    color: #fff;
    text-decoration: none;
    padding: 3px 5px;
    font-size: 11px;
}

a.btnSearch:hover,
.btnSearch:hover {
    /*background-color: rgb(246, 247, 157);
    color: #000;
    border-color: #999;*/
}


/* SEARCH BAR & BUTTONS (end) */


/* CRUMBS ------------------------------------------------------------------------------------------------------- */

#crumbs {
    /*padding: 2px 5px 2px 5px;
    border: 1px dashed rgb(202, 212, 175);
    border-radius: 4px;
    background-color: rgb(241, 244, 200);*/
}

#crumbs p {
    margin: 0;
    padding: 4px 0;
    color: rgb(36, 60, 60);
    font-size: .9em;
}

#crumbs a:link {
    text-decoration: underline;
    /*color: rgb(80, 40, 0);*/
}

/*#crumbs a:visited {
    text-decoration: underline;
    color: rgb(200, 100, 50);
}
*/
#crumbs a:hover {
    /*text-decoration: underline overline;*/
    font-weight: bold;
}

#main #crumbs a{
    display: inline-block;
    min-height: 24px;
}


/* CRUMBS (end) */


/* BUTTONS ------------------------------------------------------------------------------------------------------ */

.btn {
    /*background-color: rgb(200, 100, 50);*/
    /*background-color: rgb(179, 96, 45);*/
	background-color: #333;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #666;
    padding: 4px 6px;
}

a.btn:link {
    color: #fff;
    text-decoration: none;
    padding: 3px 6px;
    font-size: 11px;
}

a.btn:hover,
.btn:hover {
    background-color: #545454;
    color: #fff;
    border: 1px solid #999;
    text-decoration: none;
}

/*a.btn:visited {
    color: #fff;
    text-decoration: none;
    padding: 3px 6px;
    font-size: 11px;
    background-color: rgb(105, 70, 50);
}
*/
.btnLite {
    background-color: rgb(225, 225, 205);
    border-radius: 5px;
    border: 1px solid #999999;
    margin-right: 3px;
    padding: 3px 8px 3px 8px;
}

a.btnLite:hover,
.btnLite:hover {
    background-color: rgb(250, 250, 150);
    color: #000;
    border: 1px solid #999;
}

#btnInactive {
    background-color: #ABABAB;
    color: #fff;
    padding: 3px 15px 4px 15px;
    border-radius: 2px;
}

.dbnav {
    padding-bottom: 8px;
}


/* BUTTONS (end) */


/* FOOTER ------------------------------------------------------------------------------------------------------- */

#footer,
#MDHfooter {
    clear: both;
    font-size: .85em;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    height: 30px;
    border-top: 3px solid #0d223f;
    background-color: #333;
    z-index: 1000;
	color: #fff;
}

#footer a,
#MDHfooter a {
    text-decoration: none;
	color: #fff;
}

#footer a:hover,
#MDHfooter a:hover {
    text-decoration: underline;
}

#footcntr {
    width: 850px;
    margin: 0 auto 0 auto;
}

#footxt {
    margin: 8px auto 0 auto;
}

#back-top img {
    border: 0;
    margin: -23px -24px 0 0;
    float: right;
    width: 24px;
    height: 24px;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}


/* FOOTER (end) */


/* VIDEOS ------------------------------------------------------------------------------------------------------- */


/* VIDEOS (end) */


/* SEARCH DB PAGES -------------------------------------------------------------------------------------------- */

.tabletop {
    background-color: rgb(58, 102, 102);
    color: #fff;
    font-weight: bold;
}

.imgtabletop {
    border: 1px solid rgb(167, 167, 167);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #FBFBCD;
    background-image: linear-gradient(0deg, rgb(251, 251, 205) 20%, rgb(242, 242, 201) 65%);
}

.SearchBox {
    width: 750px;
    margin: 0 auto;
    border: 1px solid rgb(167, 167, 167);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #FBFBCD;
    background-image: linear-gradient(0deg, rgb(251, 251, 205) 20%, rgb(242, 242, 201) 65%);
}

.SearchBox h3 {
    margin: 0;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    background-color: rgb(58, 102, 102);
}

.SearchBoxTip {
    margin: 0 0 15px 0;
    padding: 6px 10px 10px 10px;
    border-bottom: 1px dashed rgb(167, 167, 167);
    background-color: rgb(244, 235, 188);
}

.InputContainer-Float {
    float: left;
}

.InputCluster {
    margin: 0 20px 10px 20px;
}

.InputBox {
    height: 25px;
    padding: 3px;
    font-size: 1.1em;
}

.InputDropDown {
    width: 389px;
}

.SearchBoxBtn {
    float: right;
    margin-top: 5px;
}


/* SEARCH DB PAGES (end) */


/* ALL COLLECTIONS/INSTITUTIONS BAR -------------------------------------------------------------------------- */

.allBar {
    text-align: center;
    padding: 2px 0 2px 0;
    margin: 0;
}

.allBarFontSm {
    font-size: 10px;
}

/* ALL COLLECTIONS/INSTITUTIONS BAR (end) */


/* SITEMAP ----------------------------------------------------------------------------------------------------- */

#smap {
    float: left;
    margin: 0 7px 0 7px;
}

#smapCntrAll {
    height: 425px;
    border: 1px solid rgb(167, 167, 167);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #FBFBCD;
    background-image: linear-gradient(0deg, rgb(251, 251, 205) 20%, rgb(242, 242, 201) 65%);
}

#smapCntr {
    margin-right: 10px;
    padding: 5px 2px 10px 10px;
    vertical-align: top;
}

#smapCntrSm {
    padding: 5px 10px 5px 10px;
    vertical-align: top;
}

.smapHeading {
    font-size: 1.11em;
    font-weight: bold;
    padding: 10px 0 5px 0;
}

.smapURL {
    padding-bottom: 4px;
}

.smapBull {
    float: left;
}

.smapLnk {
    margin-left: 10px;
    padding-bottom: 8px;
}

.smapLnk a {
    height: 24px;
    display: inline-block;
}

/*  SITEMAP (end) */


/* MISCELLANEOUS -------------------------------------------------------------------------------------------- */

.Acrobat {
    font-family: 'Open Sans', sans-serif;
    font-size: .95em;
    border: 1px solid rgb(167, 167, 167);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px 15px;
}


/*Divided Loyalties*/

.caption {
    font-size: .8em;
    color: rgb(99, 99, 99);
    padding: 4px;
    margin: -5px 0 0 0;
    width: 138px;
}

.captionB {
    font-size: .8em;
    color: rgb(99, 99, 99);
    padding: 4px;
    margin: -5px 0 0 0;
}

#disc {
    font-size: .9em;
    margin-top: 1em;
    border-top: 2px dotted #666;
    padding: 0 20px 10px 20px;
}

#disc h2 {
    font-size: 1.3em;
    font-weight: bold;
    font-variant: small-caps;
    margin-bottom: -.8em;
    text-align: center;
}

#disc p {
    width: 90%;
    margin: 1em auto;
}

hr
/*solid HR*/

{
    border-bottom: 1px solid #000;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 1px;
    text-align: center;
}

.hr {
    border-top: 1px solid #666666;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.hrDash
/*dashed HR*/

{
    border-bottom: 1px dashed #666;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
}

.hrDot
/*dashed HR*/

{
    border-bottom: 1px dotted #666;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
}

.hrDouble
/*solid & dashed HR*/

{
    border-top: 1px solid #333;
    /*border-bottom: 1px dashed #666;*/
    border-left: none;
    border-right: none;
    padding-top: 5px;
    text-align: center;
}

form legend {
    color: #000000;
    font-size: 1.3em;
    padding: 0 10px 0 7px;
    font-weight: bold;
}

fieldset {
    padding: 5px 15px 20px 15px;
    margin-bottom: 8px;
    border: 1px solid #666;
    width: auto;
    border-radius: 6px;
}

#footnote {
    color: rgb(60, 100, 100);
    font-size: .85em;
    /*margin: auto 7%;*/
    padding: 5px;
    border: 1px dashed rgb(212, 222, 185);
    border-radius: 4px;
    background-color: rgb(241, 244, 200);
}

#footnote sup {
    font-weight: bold;
}

p.top {
    text-align: right;
    font-size: .9em;
}

div#topper {
    text-align: right;
    font-size: .9em;
    width: 756px;
    margin: 15px auto 20px auto;
}

.imgbrdr {
    border: 1px solid rgb(167, 167, 167);
}

.imgL {
    float: left;
    margin: 14px 20px 20px 0;
    border: 1px solid rgb(167, 167, 167);
}

.imgR {
    float: right;
    margin: 14px 0 20px 20px;
    border: 1px solid rgb(167, 167, 167);
}

.imgCap {
    font-size: .8em;
    color: rgb(99, 99, 99);
    text-align: right;
    font-style: italic;
    margin-top: 0px;
    margin-right: -30px;
}

.imgCap2 {
    font-size: .85em;
    color: rgb(99, 99, 99);
}

.imgbox {
    margin: 4px;
    border: 6px solid #EEEBBB;
}

#InstJumps {
    margin: 10px 0px 0px 0px;
    text-align: center;
}

#req {
    font-size: .9em;
    clear: both;
    /*width: 70%;*/
    margin: 1em auto .5em auto;
    color: #333;
    padding-top: 2em;
}

#req hr {
    border: 0;
    background-color: #666;
    color: #666;
    height: 1px;
    margin-bottom: 5px;
}

#req p {
    margin-top: 8px;
    text-align: center;
}

.txtSmCapsUpper {
    font-size: .85em;
    text-transform: uppercase;
}

.txtSmCapsLower {
    font-size: .9em;
}

.vimvid {
    /*border: 1px solid #666666;*/
    width: 400px;
    height: 265px;
    border: 1px solid #000;
}

.errorLabel {
    color: Red;
    font-weight: bold;
}

#slider1 .imgCapMain{
      border-left: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   border-right: 1px solid #aaa;
} 

#slider1 div[style*=99] .imgCapMain{
   display:block;
} 


/* MISCELLANEOUS (end) */


/* Transcripts */

#transcript {
    min-width: 620px;
    max-width: 780px;
    margin: 1em 2em;
    font: .9em Arial, Helvetica, sans-serif;
    margin-top: 30px;
}

#transcript h1,
#transcript h2 {
    font-variant: small-caps;
    border-bottom: none;
}

#transcript h1 {
    margin-bottom: 0;
}

#transcript h2 {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

#transcript h3 {
    font-size: 1.2em;
    font-weight: normal;
    font-style: oblique;
}

#transcript h4 {
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    color: #666;
    margin-bottom: -1em;
    speak: none;
}

#transcript p.script {
    text-align: right;
    font-size: .9em;
    margin-top: 0;
}

#transcript #intro p,
#transcript #vid p,
#transcript #fini p,
#transcript h4 {
    margin-left: 1.5em;
}

#transcript p.ind {
    text-indent: 45px;
}

#transcript .vidTs {
    color: #CCCCCC;
    font-size: 18px;
}


/* Transcripts end */


/* INTRO ---------------------------------------------------------------------------------------------------------- */

#intro {
    float: left;
    width: 370px;
    margin: 10px 0 0 -10px;
    padding-right: 5px;
}


/* INTRO (end) */


/* SITE UPDATES & FEATURED CONTENT ---------------------------------------------------------------------------- */

.captionBox {
    height: 70px;
    padding: 6px 2px 2px 4px;
    margin-top: -7px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #FBFBCD;
    background-image: linear-gradient(0deg, rgb(251, 251, 205) 20%, rgb(242, 242, 201) 65%);
}

.captionBoxMini {
    height: 40px;
    padding: 6px 2px 2px 4px;
    margin-top: -7px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #FBFBCD;
    background-image: linear-gradient(0deg, rgb(251, 251, 205) 20%, rgb(242, 242, 201) 65%);
}

.captions {
    font-size: .9em;
    margin-top: 0px;
    margin-right: -20px;
    padding-right: 7px;
}

.captionsMini {
    font-size: .8em;
    margin-top: 0px;
    margin-right: -20px;
    padding-right: 7px;
}

#feature {
    margin: -8px 0px 5px 0px;
}

#feature h3 {
    margin-top: 5px;
    border-bottom: 1px solid #666;
    padding-left: 0px;
    text-shadow: rgba(0, 0, 0, .1) 2px 2px 4px;
    margin-bottom: 4px;
    padding-top: 0px;
}

#feature h2 {
    margin-top: 5px;
    border-bottom: 1px solid #666;
    padding-left: 0px;
    text-shadow: rgba(0, 0, 0, .1) 2px 2px 4px;
    margin-bottom: 4px;
    padding-top: 0px;
}

#feature p {
    margin: .5em 1.5em;
}

#feature img {
    float: left;
    border: 1px solid #333;
    margin-right: 15px;
}

#feature span {
    float: left;
    margin-top: 25px;
}

#featureContent {
    float: right;
    width: 484px;
    margin: 8px 0 25px 0px;
    padding: 5px 5px 5px 14px;
    vertical-align: top;
    border: 1px solid rgb(167, 167, 167);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #FBFBCD;
    background-image: linear-gradient(0deg, rgb(251, 251, 205) 20%, rgb(242, 242, 201) 65%);
}

#featureContentMini {
    width: 484px;
    vertical-align: top;
}

.featureImg {
    float: left;
    width: 155px;
    padding: 7px 5px 0 0;
    vertical-align: top;
}

.featureImgMini {
    float: left;
    width: 155px;
    padding: 5px 5px 5px 0;
    vertical-align: top;
}

#latestUpdates {
    float: none;
    width: 344px;
    height: auto;
    margin: 320px 0 0 -10px;
    padding: 5px 10px 25px 10px;
    vertical-align: top;
    border-top: 1px solid rgb(153, 153, 153);
    border-radius: 0px;
}

.newsBullet {
    float: left;
    margin-left: 0px;
}

.newsLink {
    padding-bottom: 4px;
}

.newsLink a {
    height: 24px;
    display: inline-block;
}


/* SITE UPDATES & FEATURED CONTENT (end) */


/* MISCELLANEOUS ------------------------------------------------------------------------------------------------ */

div#intro h2 {
    margin-bottom: 0px;
    margin-top: 15px;
}

div#intro h3 {
    margin-top: 0;
}

#banners h3 {
    border-bottom: 1px solid #666;
    margin-top: -11px;
    padding-left: 8px;
}

#expand {
    margin: -5px 5px 0 0;
}

#expand a.more {
    background: transparent url('/MDHMasters/styles/images/expand_plus.png') no-repeat left;
    padding-left: 18px;
}

#expand a.less {
    background: transparent url('/MDHMasters/styles/images/expand_minus.png') no-repeat left;
    padding-left: 18px;
}


/* MISCELLANEOUS (end) */


/* SLIDESHOW ---------------------------------------------------------------------------------------------------- */

#slideshow {
    float: right;
    width: 502px;
    height: 254px;
    margin: 20px 0 40px 13px;
    padding: 0 0 2px 0;
}

.bx-pager-item {
    display: inline;
}

bx-pager-link:active {
    color: rgb(50, 50, 50);
}

.bx-pager a {
    margin: 0 5px 0 0;
    color: rgb(175, 175, 175);
    padding: 3px 8px 0 6px;
    font-size: 12px;
    text-decoration: none;
    zoom: 1;
background: rgb(199,199,199);
background: linear-gradient(41deg, rgba(199,199,199,1) 0%, rgba(255,255,255,1) 50%);
}

.bx-pager {
    text-align: right;
    padding-top: 2px;
}

.bx-pager .pager-active,
.bx-pager a:hover {
    color: rgb(50, 50, 50);
}

.imgCapMain {
    font-size: .8em;
    color: rgb(99, 99, 99);
    padding: 4px;
    margin: -5px 0 0 0;
}


/*@media \0screen {
    .imgCapMain {
        color: rgb(0, 0, 0);
    }
}*/

#slideshow>.bx-wrapper>.bx-pager {
    /* display: none; */
}


/* SLIDESHOW (end) */


/* For Brandon T. */

#coll h2,
h2.blue-line {
    border: 1px solid #333;
    border-radius: 5px;
    background-color: #333;
    padding: 5px 10px;
    margin-left: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 1.15em;
}

#toc {
    float: left;
    width: 200px;
    text-align: left;
    vertical-align: top;
    border-right: 1px solid #999;
    padding-right: 10px;
    padding-bottom: 25px;
}

#detail {
    margin-left: 225px;
}


/* From timeline.css for buttons */

#tnav {
    margin: 1.5em 0;
}

#tnav ul {
    margin: 0 auto;
    padding: 0 0 0 15px;
    list-style-type: none;
    text-align: center;
}

#tnav ul li {
    display: inline;
    line-height: 1.5em;
    text-align: center;
}

* html #tnav ul li {
    /*line-height: normal;*/
    padding: 0;
    width: 1%;
}

#tnav ul li a {
    width: 5em;
    float: left;
    margin: 2px 4px;
    display: block;
    text-decoration: none;
    padding: 2px 3px;
    border: 1px solid #666;
    /*background: rgb(196, 105, 49);*/
    background: rgb(179, 96, 45);
}

#tnav a:link,
#tnav a:visited {
    color: #fff;
}

#tnav ul li a:hover {
    background: rgb(246, 247, 157);
    color: #333;
}

* html #tnav ul li a {
    height: 0.1%;
}

#content table span.sm2 {
    font-size: .9em;
    font-style: oblique;
}

#coll table p.cTitle {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0 0 -6px 0;
}

#content h1 {
    border-bottom: 1px solid #666;
    padding-bottom: 5px;
}

#leftmenu {
    margin: 0 8px 1em 0;
    padding: 2px 2px 2px 2px;
    border: 1px dashed rgb(202, 212, 175);
    border-radius: 4px;
    background-color: rgb(241, 244, 200);
    width: 90px;
    float: left;
    /*border: 1px solid black;*/
}

#leftmenu p {
    margin: 0;
    padding: 4px 0;
    color: rgb(60, 100, 100);
    font-size: 1em;
    border-bottom: 1px dashed rgb(202, 212, 175);
}

.dataTable {
    border-collapse: separate;
    border-spacing: 0px;
    border: 1px solid gray;
}

.dataTable td,
.dataTable th {
    padding: 13px;
    border: 1px solid gray;
}

.tdTop319 {
    width: 319px;
    vertical-align: top;
}


/* Archives Videos*/

#mainVid {
    /* *margin-bottom: 2.5em; */
}

#playerSpace {
    margin-top: 80px;
}

#mainVid #player {
    width: 0px;
    height: auto;
    float: left;
}

#mainVid #playerCap {
    width: 320px;
    height: auto;
}

#mainVid #info {
    margin-left: 350px;
}

#mainVid #info p {
    margin: 0;
}

#mainVid #info p.text {
    margin-top: 1em;
}


/* BEGIN Vimeo Video */

#mainVid #playerCapVimeo {
    width: 400px;
    height: auto;
}

#mainVid #infoVimeo {
    margin-left: 430px;
}

#mainVid #infoVimeo p {
    margin: 0;
}

#mainVid #infoVimeo p.text {
    margin-top: 1em;
}


/* END Vimeo Video */

#subVid {
    clear: both;
    border-top: 1px solid #999;
}

#subVid p {
    font-style: oblique;
}

#subVid ul {
    padding-bottom: 4em;
    margin-left: 210px;
    list-style-type: none;
}

#subVid li {
    margin-bottom: 6px;
}

#subVid li a {
    font-weight: normal;
}

* html #vid {
    position: relative;
    height: .01%;
}

#info #note {
    font-size: 10.5px;
}

#vidStrip {
    float: left;
    margin: .5em 2em 3em 50px;
}

#pContainer #pImage {
    float: left;
    padding: 0px 45px 0px 0px;
}

#pContainer #pText1 {
    margin: 0px 0px 0px 0px;
}

#pContainer #pText2 {
    margin: 0px 0px 0px 0px;
}

#coll {
    margin-top: 0;
    padding-top: 0;
}


/* Presentation Link Buttons  */

a.btn p {
    background: #996;
    color: #fff;
    border: 1px solid #666;
}

a.btn:hover p {
    background: #c60;
    color: #fff;
}

.tdImage {
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    vertical-align: top;
}

.tdText {
    margin: -14px 0px 0px 32px;
    vertical-align: top;
}


/* BEGIN IE6 Hack */

* html .tdText {
    margin: 0px 0px 0px 32px;
    vertical-align: top;
}


/* END IE6 Hack */


/* BEGIN IE7 Hack */

*:first-child+html .tdText {
    margin: 0px 0px 0px 32px;
    vertical-align: top;
}


/* END IE7 Hack */

.flashnotice {
    width: 370px;
    border: 1px dotted #000;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 15px;
}

blockquote ul li a{
    height: 24px;
    display: inline-block;
}

/*------------- MDH Searches ---------------------------------*/

#MainContent_pnlSoldiers {
    width: 55%;
}

@media only screen and (max-width: 900px) {
    #layout {
        display: flex;
        flex-direction: column;
    }
    #layout div {
        margin: 0 auto !important;
    }
    #featureContent #Div1 {
        display: flex;
        flex-direction: column;
        text-align: center;
        width: 60%;
    }
    #latestUpdates #feature {
        margin-top: 30px !important;
    }
    .featureImg {
        float: none;
    }
}

@media only screen and (max-width: 900px) {
    #main #layout {
        width: 100%;
    }
    #main #layout div.noToc {
        display: flex;
        flex-direction: column;
    }
    table:not(.SmartGrid):not(.birthDeathDetail):not(#MainContent_gvResults):not(#MainContent_gvDetail):not(#MainContent_GridViewDetail):not(#MainContent_resultsGrid) tr>* {
        display: block;
    }
    span:not(.GridPager) table tr>* {
        display: inline;
    }
    tr.Pager table tr>*,
    tr.PagerCoroner table tr>*,
    tr.PagerProvost table tr>*,
    tr.PagerSoldier table tr>* {
        display: inline !important;
    }
    tr.Pager table td,
    tr.PagerCoroner table td,
    tr.PagerProvost table td,
    tr.PagerSoldier table td {
        margin: 0 2% !important;
    }
    table:not(.AtoZjumps):not(#0-9) tr {
        display: table-cell;
    }
    table {
        text-align: center;
        margin: 0 auto;
    }
    div.dotBoxDl {
        width: 100%
    }
    table.mapNfo {
        margin: 0 auto;
    }
    td.mapImg {
        margin: 0 auto;
        display: block;
    }
    img.imgDlH1 {
        margin: 0 auto;
    }
    img.imgLeftCw {
        margin: 0 auto;
    }
    table.mapNfo {
        width: 60%;
    }
    table.mapNfo td.mapTxt {
        width: 100%;
    }
    td.pHgLgts {
        width: 80%;
        margin: 5px auto 10px auto;
        padding: 0;
    }
    div#mainL {
        text-align: center !important;
        width: 90%;
    }
    div#mainL p {
        text-align: justify;
    }
    div#mainR {
        text-align: center !important;
        width: 90%;
    }
    div#mainR div.caption {
        text-align: center;
        white-space: nowrap;
    }
    div.noToc table {
        width: 90% !important;
        text-align: center;
        margin: 0 auto;
    }
    div.SmartGrid_Wrapper span.GridPager table {
        width: 100% !important;
    }
    div.noToc table:not(.SmartGrid):not(.birthDeathDetail):not(#MainContent_gvDetail):not(#MainContent_GridViewDetail):not(#MainContent_resultsGrid):not(#MainContent_gvResults) td {
        width: 90% !important;
        text-align: center;
        /*display: block;*/
        margin: 0 auto;
    }
    div.noToc table:not(.SmartGrid):not(.birthDeathDetail):not(#MainContent_gvDetail):not(#MainContent_GridViewDetail):not(#MainContent_resultsGrid):not(#MainContent_gvResults) td.fixTdPaddingWhenSmall {
        width: 100% !important;
        padding: 20px 0 !important;
    }
    /*used bogus to get in beat above in specificity*/
    span.GridPager table:not(#bogus):not(#bogus2):not(#bogus3):not(#bogus4):not(#bogus5) tr td {
        width: inherit !important;
    }
    #footcntr {
        width: 100%;
    }
    iframe.map {
        width: 100%;
    }
    td.mapAlign img {
        width: 100%;
    }
    td.tdImg,
    td.tdImg+td,
    td.pHgLgts,
    td.mapAlign+td,
    td.mapAlign+td td,
    td.mapAlign,
    div.bmpLft td {
        display: block;
    }
    td.imgRsrc img {
        width: 50%;
    }
    div.sub table ul {
        list-style: none;
        padding: 0;
    }
    div.mapLgnd img {
        width: 16px;
    }
    #mainVid {
        width: 90%;
    }
    #mainVid p.mmhIntro {
        text-align: justify;
    }
    #mainVid table th {
        width: 100% !important;
    }
    #mainVid video {
        width: 100%;
    }
    div#btnVid table tr>* {
        display: table-cell;
    }
    div#btnVid table tr {
        display: table-cell;
    }
    div#btnVid table {
        width: 100%;
        text-align: center !important;
        margin: 0 auto;
    }
    div#btnVid table th {
        width: 50% !important;
        white-space: nowrap;
    }
    #mainVid table td {
        text-align: center !important;
    }
    #featureContentMini {
        width: inherit;
    }
    #featureContent .featureImg,
    #featureContentMini .featureImgMini {
        width: 90%;
        float: none;
    }
    #featureContent .featureImg img,
    #featureContentMini .featureImgMini img {
        width: 100%;
    }
    #featureContent .featureImg .captionBox,
    #featureContentMini .featureImgMini .captionBoxMini {
        height: auto;
    }
    #featureContent .featureImg .captionBox .captions,
    #featureContentMini .featureImgMini .captionBoxMini .captionsMini {
        font-size: 1em;
    }
    #layout #intro {
        width: 90%;
        float: none;
    }
    #layout #latestUpdates {
        width: 90%;
        float: none;
        padding-top: 20px;
    }
    #coll table td.c1,
    #coll table td.c2,
    td.c1,
    td.c2 {
        width: 90%;
        display: block;
    }
    td.c1 div.image {
        width: 50%;
        height: auto;
    }
    td.c1 img {
        width: 80%;
        height: auto;
    }
    /* ArchivesDB Search */
    #MainContent_gvDetail td:first-child {
        white-space: nowrap;
        min-width: 25%;
    }
    #MainContent_gvDetail td:not(:first-child) {
        width: 100%;
    }
    #MainContent_btnNewSearch,
    #MainContent_newSearch {
        width: 50%;
        margin: 0 auto;
    }
    #MainContent_pnlSoldiers {
        width: initial;
    }
    input[id^=MainContent_txt],
    select[id^=MainContent_cmbo],
    select[id^=MainContent_ddl],
    #txtSearchKeyword,
    #deathCertSearch input[type="Text"],
    #deathCertSearch select#CountyName {
        width: 90% !important;
        padding: 2px 1px;
        border-radius: 5px;
        font-size: 1.3em;
        height: inherit !important;
    }
    #deathCertSearch select[id$="Month"] {
        padding: 2px 1px;
        border-radius: 5px;
        font-size: 1.3em;
        height: inherit !important;
    }
    div:not(#MainContent_pnlMainSearch) table tr td.tableRows fieldset {
        width: 100%;
        text-align: center !important;
    }
    #MainContent_cmboSubject {
        margin-bottom: 10px;
    }
    #btnHolderMain {
        width: 100% !important;
        text-align: center;
    }
    #btnHolderMain input.btn,
    #btnHolderBirth input.btn,
    #btnHolderDeath input.btn {
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #MainContent_btnSearchKeyword {
        margin-top: 15px;
        /*width: 100%;*/
    }
    .barTitle {
        font-size: 1.2em !important;
        text-align: center;
        display: block;
    }
    video[title="Supreme Court Video"] {
        width: 100% !important;
    }
    table#MainContent_GridViewDetail td:first-child {
        color: white;
        background-color: rgb(58, 102, 102);
        font-weight: bold;
    }
    table#MainContent_GridViewDetail td {
        border: 1px solid grey;
    }
    #tblSearch td {
        width: 100% !important;
    }
    a.topSearchBtn {
        display: block;
    }
    .btn {
        padding: 2% 4% !important;
    }
    #tblKeyworkSearch,
    #searchTable {
        text-align: center !important;
    }
    .fixTdPaddingWhenSmall {
        padding: 20px 5px !important;
        border-top: 1px solid gray;
        width: inherit !important;
        display: block;
    }
    div.fixTdPaddingWhenSmall {
        padding: 20px 5px !important;
        border-top: 1px solid gray;
        display: block !important;
        width: 98% !important;
    }
    #back-top {
        display: none !important;
    }
    table[title="Video"] {
        display: none;
    }
    #MainContent_gvResults a.btn,
    #MainContent_resultsGrid a.btn {
        display: block;
    }
    div:not(#btnHolderMain) #MainContent_newSearch,
    p:not(#btnHolderMain) #MainContent_newSearch,
    div:not(#btnHolderMain) #MainContent_btnNewSearch,
    p:not(#btnHolderMain) #MainContent_btnNewSearch {
        width: initial;
    }
    .PagerCoroner td,
    .PagerProvost td,
    .PagerSoldier td {
        background-color: #3A6666;
        font-weight: bold;
        color: White;
        border-color: #666666;
        font-size: medium;
    }
    .PagerCoroner td table tbody tr td a,
    .PagerProvost td table tbody tr td a,
    .PagerSoldier td table tbody tr td a,
    .GridPager table tbody tr td a {
        background-color: #3A6666;
        font-weight: bold;
        color: Gray;
        border-color: #666666;
        font-size: medium;
    }
    .PagerCoroner td table tbody tr td,
    .PagerProvost td table tbody tr td,
    .PagerSoldier td table tbody tr td,
    .GridPager table tbody tr td {
        background-color: #3A6666;
        font-weight: bold;
        color: White !important;
        border-color: #666666;
        font-size: medium;
        display: table-cell;
    }
    .GridPager {
        float: none !important;
    }
    #content table:not(.birthDeathDetail) tr:not(.PagerCoroner) {
        background: initial !important;
    }
    #MainContent_gvResults caption {
        margin: initial !important;
    }
    #MainContent_gvResults td:nth-child(7) {
        display: none;
    }
    #MainContent_gvResults th:nth-child(7) {
        display: none;
    }
    .birthDeathDetail td,
    .birthDeathDetail th {
        /*width: 100% !important;*/
    }
    #pmLeft,
    #pmRight {
        float: none !important;
        width: 100% !important;
    }
    #MainContent_pnlSearch td,
    #MainContent_pnlSearch th {
        display: table-cell !important;
    }
    div#main div#layout div#content.noToc div#MainContent_pnlMainSearch tbody tr td.tableRows:not(.fixTdPaddingWhenSmall),
    div#main div#layout div#content.noToc table#deathCertSearch tbody tr td.tableRows:not(.fixTdPaddingWhenSmall) {
        padding: 10px 0 10px 0 !important;
        width: 100% !important;
    }
    #MainContent_pnlMainSearch table td.tableRows label:not([for^="MainContent_rbl"]):not([for^="MainContent_Radio"]) {
        display: block;
    }
    .clearfix {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding-top: 15px;
    }
    #content #deathCertSearch tr {
        background: rgb(251, 251, 205) !important;
    }
    #MDHfooter,
    #MDHfooter *,
    #MDHfooter *:before,
    #MDHfooter *:after {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    .Image img {
        display: none;
    }
    #layout .SmartGridProperties .TableCaption {
        margin-bottom: 0;
    }
    #searchTable tr,
    #MainContent_pnlMainSearch table tr,
    #tblSearch tr,
    #deathCertSearch tr {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    #topicsBox ul {
        padding: 0;
        list-style-type: none;
    }
    #topicsBox ul li {
        list-style-type: none;
    }
}

@media only screen and (min-width: 720px) {
    #nav div {
        /*top: 24px;*/
    }
}