body{background-image: url("//www.ushistory.org/tour/images/newback1.png");}



img{
	max-width:100%;
	
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}



.caption{
	
	text-align:center;
	font-size:.9em;
	font-weight:bold;
}

#big_wrapper{
	
	
	min-height:300px;
max-width:100%;
max-width:1000px;
border: 3px solid black;
margin:0 auto;


	background:white;
	border-radius:15px;
    box-shadow: -10px 10px;


}

.googlead  {
	margin-bottom:5px
	
	
}
.doi{margin-bottom:5px;}
.doi img{
	
	margin:5px auto;
}

.showsmall{display:none;}


#mobilenav{display:none;
list-style-type:none;
background:yellow;
font-size:1.4em;
border:1px solid black;
padding:9px;




}





#top{
	


	background-color:#010066;
		max-width:100%;
	
}

.center{text-align:center;}
.center2{
	margin:0 auto;
	
}


#crt_async_402151{
	
	
		margin:40px;
	
}


#middle{	min-height:200px;
	background:white;
	max-width:100%;


		}







.container {
    border: 1px solid black;
width:100%;
}




	





.hfb{

   display:-webkit-box;
   display:-moz-box;
   display: box;
   -webkit-box-orient:horizontal;
   -webkit-box-flex: 1;
   -moz-box-orient:horizontal;
   -moz-box-flex: 1;   
        display: flex;
		flex-direction:row;




}

#float-container{margin-top:10px;}


#main_content{
	
	padding:22px;
	padding-top:0px;
	max-width:100%;

	margin-right:166px;
	font-size:1.2em;
}


#main_content p{font-size:1.2em;}
#main_content li{font-size:1.1em;}


#navbar span{
	
	border:1px solid white;
	padding:14px;
		margin-top:20px;

	
}


#navbar span:hover{
	
background:red;
color:black;
font-weight:bold;
	
}

#navbar span.selected{
	
background:red;
color:black;
font-weight:bold;
	
}

#bottom{
	background:rgb(210,210,222);
	color:black;
	padding:10px;
	border:1px solid black;
		max-width:100%;
		padding-bottom:90px;
	
}


.gap {margin-right:20px;font:bold 10pt/12pt arial,sans-serif;border:1px solid black;padding:7px;width:95%;max-width:700px;}
.gap p {margin:8px 0;}

.banknote {text-align:center;padding:4px;float:right;width:120px;border:1px black solid;background-color:#eee;font-family:verdana,sans-serif;font-size:7.5pt;margin:6px 0 10px 10px;}
.banknote h5 {background:black;color:white;font-weight:bold;margin:0 0 4px 0;padding:2px 0;}

.promo {border:1px gray solid; padding:3px; text-align:center; font:bold 12pt arial,sans-serif;}

h4{
	
	
	font-weight:bold;
}

#next{

float:right;}

#prevnext{
font-size:2em;
margin-right:8px;
margin-left:7px;
height:40px;



margin-top:-40px;
}


.featured {margin-top:10px; padding:9px!important;border:1px gray solid; background-color:#E5ECF9;padding:4px; font-size:1.25em}
.interad{display:none;}

.rule {border-top:1px black solid;margin:4px 0;clear:both;}

/*********************************************/


.redlist {
	
	list-style-type:none;
	margin-left:-25px;
	
	}
.bluelist {
	
	list-style-type:none;
		margin-left:-25px;
	
	}


.redlist li:before {
	


    content: "";
    line-height: 1em;
    width: .75em;
    height: .75em;
    background-color: red;
    float: left;
    margin: .25em .25em 0;
    border-radius: 50%;
	margin-right:20px;

	
}



.bluelist li:before {
	

    content: "";
    line-height: 1em;
    width: .75em;
    height: .75em;
    background-color: blue;
    float: left;
    margin: .25em .25em 0;
    border-radius: 50%;
	margin-right:20px;

}



#navbar{

margin:0 auto;
width:100%;
height:72px;

padding:0;
text-align:center;
border:1px solid black;
background:black;
color:white;
font-size:1.25em;

}   






#navbar a{


color:white;


}






.left{


}
.right{
    float:right;
    width:168px;
    background:white;
}





.picl {float:left;margin:0 10px 10px 0;font:8.5pt verdana,sans-serif;}
.picr {float:right;margin:0 0 10px 10px;font:8.5pt verdana,sans-serif;}

.picc {text-align:center;margin:0 auto;}


.basicbox{
	
	padding:8px;
	border:1px solid black;
	max-width:100%;
}



@media only screen and (max-width:450px) {
	
	.hide450{display:none;}
	
}


@media only screen and (max-width:767px) {
	
	
	#right_ad{display:none}
	
	#main_content{

	margin-right:4px;
}

.responsive{width:100%;}

.interad{display:block}

}

@media only screen and (max-width:870px) {
	
	#navbar{display:none;}
	
	.showsmall{display:block;}
	
	#prevnext{
		margin-top:5px;
		
	}
	
	
}