html body {display:block; margin:0; padding:0; width:100%; font-family:Lato; color:rgb(34,40,41);} /* rgb(55,64,66) */
#mainnavmenu {width:100%; position:absolute; display:block; margin:-108px auto 0 auto;} /* margin:-108px auto 0 auto*/
#mainnav-placeholder {width:100%; height:110px; position:relative; background-color:#fff;}
#menulist {width:32px; height:24px; background-image:url("list.png"); background-repeat:no-repeat; position:absolute; display:none;}

#customsearchbox {width:33px; height:24px; background-image:url("search.png"); background-repeat:no-repeat; position:absolute; margin-top:16px; margin-left:1060px; display:block; z-index:120;}
#customsearchbox:hover {cursor:pointer;}
#customsearchbox>a {display:block; height:100%; width:100%;}

#mainnavcontainer {display:block; width:90%; position:relative; margin:auto; min-width:1020px; overflow:hidden; margin-left:112px;}
#mainnavheading {font-size:1.6em; font-weight:normal; margin:0; padding:0; float:left; margin-left:114px; padding-top:14px;}
#mainnavhours {width:230px; padding-left:10px; padding-right:10px; text-align:center; display:block; margin-left:586px; border:1px solid #3d3d3d; background-color:rgb(253,238,187);}
#contentdivider {width:100%; height:50px; background-color:rgb(26,26,46); margin-top:0; position:absolute; border-bottom:35px solid rgb(2,52,91); min-width:1150px; overflow:hidden; z-index:13;} /* blue: rgb(88,122,131)  gold: rgb(251,211,80)  light blue: rgb(136,167,174) */
#homepage-link {text-decoration:none;}
#homepage-link>div {color:#000; position:relative; z-index:12;}
.mainnavbucket {display:block; margin:1% auto 0 auto; background-color:#fff; width:16.6%; height:auto !important; float:left; text-align:left; position:relative; z-index:12;}
.topbucket {margin-left:0;}
.mainnavbucket>a {width:90%; height:100%; font-size:140%; display:inline-block; text-decoration:none; padding-left:10%; color:rgb(55,64,66);}
.mainnavbucket:hover >a {text-decoration:underline; color:#cc0000;}
.mainnavlist {display:none; list-style-type:none; width:125%; height:auto; overflow:hidden; margin:4% 0 0 0; padding:0; position:relative; zoom:1; z-index:105; background-color:#fff; padding-bottom:6%;}
.navheightcorrection {height:auto !important; overflow:hidden !important;}
.mainnavlist li {display:block; padding:0; height:auto; transition:background-color .2s ease, color .2s ease;}
/* .mainnavlist li a {display:block; width:100%; height:100%; text-decoration:none; padding:8% 1% 8% 9%; margin-left:-6%; font-size:105%; text-align:left;} old css*/
.mainnavlist li a {display:block; width:82%; height:100%; text-decoration:none; padding:8% 9% 8% 9%; margin:0; font-size:105%; text-align:left; color:rgb(55,64,66);}
.mainnavlist li:hover {background-color:rgb(136,167,174);}
.mainnavlist li:hover a {color:#fff;}
.hourslink {display:block; width:250px; margin-left:-10px; height:100%; padding-top:2px; padding-bottom:2px; text-decoration:none !important; color:inherit !important;}
/* .mainnavbucket:hover > .mainnavlist {display:block;} */

.truman-banner-logo {position:absolute; z-index:10; height:110px; margin-top:-14px; margin-left:-108px;}

#homepage-link:hover div {color:#cc0000;} /* slightly darker gold (188,173,90); */

.pagespecificcontent {margin-top:85px; min-height:56vh;}

.pagespecificcontent > div:not(.mainpage-footer) {margin:auto; max-width:90%; padding-left:5%; padding-right:5%; height:auto; overflow:hidden;}
.pagespecificcontent > table {margin:auto; table-layout:auto; width:90%; max-width:90%;}
/* .pagespecificcontent > table:first-of-type {min-height:540px;} */
.pagespecificcontent > table td {vertical-align:top;}
.pagespecificcontent > table table {table-layout:auto; width:100%;}
.pagespecificcontent > table table a {word-wrap:break-word;}

/*td:empty {display:none;} */
.pagespecificcontent table img {max-width:90%; height:auto;}
.pagespecificcontent div img {max-width:90%; height:auto;}


.mainpage-footer {width:100%; min-width:1150px; height:auto; background-color:rgb(224,234,251); padding-bottom:25px; overflow:hidden; margin-top:30px;}
.mainpage-footer a {color:rgb(2,52,91);}
.mainpage-footer a:hover {color:#cc0000;}
.mainpage-footer>div {display:block; width:33%; height:auto; overflow:hidden; float:left; padding-top:18px;}
.footer-contactinfo>p {padding:0 10%;}
.footer-museuminfo {text-align:center;}
.footer-museuminfo>a, .footer-museuminfo>p {padding:0 10px;}
.footer-hours {font-size:1.1em; padding-bottom:5px;}
.footer-links {text-align:center;}
.footer-links>p {padding:0 5%; font-size:.9em;}
.footer-socialicon {width:32px; height:auto; margin-left:10%;}
.footer-copyright {display:block; font-size:.85em; float:right; padding-top:10px;}

.notransition {transition:none !important;}

@media(max-width:248px){
body {-webkit-text-size-adjust: none;}

.pagespecificcontent>* {position:relative; z-index:20;}
	h2 {padding:0 3% 0 3%;}
	p {padding:0 4% 0 4%;}
	#mainnavmenu {margin-top:0; overflow:hidden;}
	#mainnavcontainer {margin:52px 0 0 0; width:auto; z-index:100; min-width:0; transition:visibility .2s, opacity .2s linear;}
	.hidemenu {visibility:hidden; opacity:0;}
	.mobilemenu {visibility:visible; opacity:1;}
	#contentdivider {margin-top:84px; height:50px; border-bottom:25px solid rgb(2,52,91); min-width:0;}
	.mainnavbucket {float:none; padding:0; height:72px; line-height:72px; width:75%; height:auto; text-align:left; border:1px solid #0d0d0d; border-top:none; margin:0 0 0 25%; background-color:#eaeaea; position:relative; z-index:200;}
	.topbucket {border-top:1px solid #0d0d0d;}
	.mainnavbucket>a {font-size:120%; width:82%; height:100%; display:block; padding:0 0 0 18%; margin:0;}
	.mainnavbucket:hover > .mainnavlist {display:none;}
	#harry-s {display:none;}
	#presidential {display:none;}
#footer-privacy {width:60%; text-align:center; margin:auto; padding:6% 0 10% 0;}
#mainnav-placeholder {display:none;}
#mainnavhours {display:none;}
.mainnavbucket>ul {display:none !important;}
#mainnavheading {font-size:120%; padding-top:14px; margin-left:16px; padding-right:80px; height:auto; overflow:hidden; font-weight:bold; max-width:240px;}
#menulist {display:block; cursor:pointer; margin-top:24px; right:10px;}
#customsearchbox {display:block; margin-top:24px; right:46px;}

.pagespecificcontent {margin-top:0; padding-top:143px; padding-bottom:0; min-width:0;}
.pagespecificcontent img {max-width:90%;}
.pagespecificcontent > table table a {font-size:1em;}

.mainpage-footer {width:100%; min-width:0; height:auto; padding-bottom:25px; overflow:hidden; margin:0; margin-top:30px;}
.mainpage-footer>div {display:block; width:100%; height:auto; overflow:hidden; float:none; padding-top:18px; text-align:center;}
.footer-contactinfo>p {padding:0; margin-top:5%;}
.footer-museuminfo {text-align:center;}
.footer-museuminfo>a, .footer-museuminfo>p {padding:0;}
.footer-hours {font-size:1.1em; padding-bottom:0;}
.footer-links {text-align:center;}
.footer-links>p {padding:0; margin-top:6%;}
.footer-socialicon {width:32px; height:auto; margin-left:8%; margin-right:8%;}
.footer-copyright {display:block; font-size:.85em; float:none; padding-top:0; margin-top:12%;}

.truman-banner-logo {display:none;}
}

@media (max-width:555px) and (min-width:249px){
body {-webkit-text-size-adjust: none;}

.pagespecificcontent>* {position:relative; z-index:20;}
	h2 {padding:0 3% 0 3%;}
	p {padding:0 4% 0 4%;}
	#mainnavmenu {margin-top:0; overflow:hidden;}
	#mainnavcontainer {margin:52px 0 0 0; width:auto; z-index:100; min-width:0; transition:visibility .2s, opacity .2s linear;}
	.hidemenu {visibility:hidden; opacity:0;}
	.mobilemenu {visibility:visible; opacity:1;}
	#contentdivider {margin-top:68px; height:50px; border-bottom:25px solid rgb(2,52,91); min-width:0;}
	.mainnavbucket {float:none; padding:0; height:72px; line-height:72px; width:75%; height:auto; text-align:left; border:1px solid #0d0d0d; border-top:none; margin:0 0 0 25%; background-color:#eaeaea; position:relative; z-index:200;}
	.topbucket {border-top:1px solid #0d0d0d;}
	.mainnavbucket>a {font-size:120%; width:82%; height:100%; display:block; padding:0 0 0 18%; margin:0;}
	.mainnavbucket:hover > .mainnavlist {display:none;}
	#harry-s {display:none;}
	#presidential {display:none;}
#footer-privacy {width:60%; text-align:center; margin:auto; padding:6% 0 10% 0;}
#mainnav-placeholder {display:none;}
#mainnavhours {display:none;}
.mainnavbucket>ul {display:none !important;}
#mainnavheading {font-size:120%; padding-top:14px; margin-left:16px; padding-right:80px; height:auto; overflow:hidden; font-weight:bold; max-width:240px;}
#menulist {display:block; cursor:pointer; margin-top:16px; right:10px;}
#customsearchbox {display:block; margin-top:16px; right:46px;}

.pagespecificcontent {margin-top:0; padding-top:143px; padding-bottom:0; min-width:0;}
.pagespecificcontent img {max-width:90%;}
.pagespecificcontent > table table a {font-size:1em;}

.mainpage-footer {width:100%; min-width:0; height:auto; padding-bottom:25px; overflow:hidden; margin:0; margin-top:30px;}
.mainpage-footer>div {display:block; width:100%; height:auto; overflow:hidden; float:none; padding-top:18px; text-align:center;}
.footer-contactinfo>p {padding:0; margin-top:5%;}
.footer-museuminfo {text-align:center;}
.footer-museuminfo>a, .footer-museuminfo>p {padding:0;}
.footer-hours {font-size:1.1em; padding-bottom:0;}
.footer-links {text-align:center;}
.footer-links>p {padding:0; margin-top:6%;}
.footer-socialicon {width:32px; height:auto; margin-left:8%; margin-right:8%;}
.footer-copyright {display:block; font-size:.85em; float:none; padding-top:0; margin-top:12%;}

.truman-banner-logo {display:none;}
}

@media (min-width:556px) and (max-width:768px){

body {-webkit-text-size-adjust: none;}
.pagespecificcontent>* {position:relative; z-index:20;}

	h2 {padding:0 3% 0 3%;}
	p {padding:0 4% 0 4%;}
	#mainnavmenu {margin-top:0;}
	#mainnavcontainer {margin:56px 0 0 0; z-index:100; width:auto; min-width:0; transition:visibility .2s, opacity .2s linear;}
	.hidemenu {visibility:hidden; opacity:0;}
	.mobilemenu {visibility:visible; opacity:1;}
	#contentdivider {margin-top:70px; height:60px; border-bottom:25px solid rgb(2,52,91); min-width:0;}
	#mainnavheading {font-size:160%; padding-top:18px; margin-left:42px;}
	#standardfooter {text-align:center; padding-bottom:18%; min-width:0}
	#eventsbox {width:80%; height:260px; border:1px solid #3d3d3d; margin:auto; margin-top:10%;  font-size:90%; }
	#eventsbox h2 {padding:10% 10% 2% 10%;}
	.mainpage-heading {margin-top:12%; max-width:540px; min-width:0;}
	.mainpage-heading>h2 {width:30%;}
	#harry-s {display:none;}
	#presidential {display:none;}
#mainnav-placeholder {display:none;}
#mainnavhours {display:none;}
.mainnavbucket>ul {display:none !important;}
.mainnavbucket {float:none; display:block; padding:0; width:40%; height:66px; line-height:66px; text-align:left; border:1px solid #0d0d0d; border-top:none; margin:0 0 0 57%; background-color:#eaeaea;}
	.topbucket {border-top:1px solid #0d0d0d;}
.mainnavbucket>a {display:block; margin:0 0 0 0; font-size:140%; width:88%; height:100%; padding:0 0 0 12%;}
#menulist {display:block; cursor:pointer; margin-top:22px; right:30px;}
#customsearchbox {display:block; margin-top:22px; right:66px;}

.pagespecificcontent {margin-top:0; padding-top:160px; padding-bottom:0; min-width:0;}
.pagespecificcontent img {max-width:90%;}


.mainpage-footer {width:100%; min-width:0; height:auto; background-color:rgb(224,234,251); padding-bottom:25px; overflow:hidden;}
.mainpage-footer>div {display:block; width:33%; height:auto; overflow:hidden; float:left; padding-top:18px;}
.footer-contactinfo>p {padding:0 10%;}
.footer-museuminfo {text-align:center;}
.footer-museuminfo>a, .footer-museuminfo>p {padding:0 10px;}
.footer-hours {font-size:1.1em; padding-bottom:5px;}
.footer-links {text-align:center;}
.footer-links>p {padding:0 5%; font-size:.9em;}
.footer-socialicon {width:32px; height:auto; margin-left:10%;}
.footer-copyright {display:block; font-size:.85em; float:right; padding-top:10px;}

.truman-banner-logo {display:none;}

}

@media (min-width:1400px) {
}