/*******TESTESTESTEST************************/


body {margin:0; font:9pt/15pt verdana,sans-serif; background: #8B8B8B; text-align:center;}





.bodytext{font-size:1.175em}

/*.outerwrapper {margin:0 auto; width:960px;background: #8B8B8B url(images/wp.gif) center repeat-y;}*/


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

.outerwrapper {margin:0 auto; width:960px;background: white}


.wrapper {margin:0 auto; width:930px;text-align:left;}

.topband {display: none; position:relative; background:white; width:930px; height:100px;}
.gadbanner {padding:4px 0 0 4px;}
.sponsor {position:absolute; top:5px; right:15px;}

.banner {position:relative; border-bottom: 3px #204CA5 solid; width:930px;}
.searchband {position: absolute; bottom:3px; right:20px; font:bold 7pt verdana,sans-serif;}
.ush {position:absolute; top:2px; right:2px;}

.wrapper2 {position:relative; width:930px;}
.wrapper3 {position:relative; width:700px;}

/*.backnext {background:url(images/navwp.jpg) repeat-y; width:588px; height: 30px; clear: both; color: white;}*/

.backnext{background:white}




.bn {padding:5px 0 0 342px;}
.backnext a {font:bold 8pt verdana,sans-serif; color:white;}

.bodytext {float:right; width:475px; margin: 5px 0 0 0; background:white; }
.leftband {float:left; width:175px; margin: 0 0 0 15px; border-right:1px gray solid; padding-right:8px; padding-top:15px; background:white;}
.morebody {margin-left:10px; width:690px; background:white;}

.dig {border-top: 1px #BCBCBC solid; border-bottom:1px #BCBCBC solid; padding:4px 0; margin:8px auto;}
.footer {clear:both; text-align:center; font:8pt arial,sans-serif; color:gray; width: 731px; border-top:1px gray solid; padding-top:5px; margin-bottom:5px; padding-bottom:10px;}
.footer p {text-align:center;}

.blurb2, .blurb3 {padding-top:8px;}


.hello p {font:9pt/12pt verdana,sans-serif;}
.ahello p.para1:first-letter {font-size:600%; font-weight:bold; background:#213994;color:#efefef;float:left;margin-right:4px;padding:2px;}
.hello a {color:#213994; text-decoration:none;}
.hello a:hover {text-decoration:underline;}

.p1thumb {float:right;}
ol.toc {font:8pt verdana,sans-serif;}
ol.toc li {font-weight:bold; list-style-type:decimal; padding-top:14px;}
ol.toc2 li {font-weight:normal;list-style-type:lower-alpha; padding-top:0;}
ol.toc a {text-decoration:none; color:#183A84;}
ol.toc a:hover {background:#FFCC00; color:black;}
.gad {width:173px; position:absolute; top:5px; right:15px; text-align:center;}
.gad .doi {margin-bottom:10px;}

.doi{background: white}
.gad{background:white;}

.dropdown {width:475px;}
.picr {float:right;margin:5px 0 15px 15px; font:8pt/11pt verdana,sans-serif; border-bottom:1px #aaa solid; padding-bottom:4px;}
.picl {float:left;margin:5px 15px 15px 0; font:8pt/11pt verdana,sans-serif; border-bottom:1px #aaa solid; padding-bottom:4px;}
.picc {margin:15px auto; font:8pt/11pt verdana,sans-serif; border-bottom:1px #aaa solid; padding-bottom:4px;}
.picr img, .picl img {display:block; margin:0 auto;}
h1 {font:bold 16pt verdana,sans-serif; color:#214CA4;}
h2 {font:bold 10pt verdana,sans-serif; background:#214CA4; color:white; text-align:center; margin:20px 5px 10px; padding:2px;}
h3 {font:bold 11pt verdana,sans-serif; color:#214CA4; margin-top:15px;}
.ds li {padding-top:8px; padding-bottom:8px;}
.brokenlink {font:bold 8pt arial,sans-serif; color:#666;text-align:center; margin-top:20px; border:1px black solid; width:100%;}
.brokenlink:hover {background:yellow; color:black; cursor:pointer;}
.citationlink {font:bold 8pt arial,sans-serif; color:#666;text-align:center; margin-top:20px; border:1px black solid; width:100%;}
.citationlink:hover {background:yellow; color:black; cursor:pointer;}

.headnav form {margin:0; padding:0; display:inline;}
.topcitationlink {background: #efefef; font: bold 7pt verdana,sans-serif; color:#666; text-align:center; border:1px black solid; padding:2px; text-decoration:none; border:1px black solid;margin:0;}
.topcitationlink:hover {background:yellow; color:black; cursor:pointer;}
.headnav a {background: #efefef; font: bold 7pt verdana,sans-serif; color:#666; border:1px black solid; padding:3px 4px; text-decoration:none;}
.headnav a:hover {background:yellow; color:black;}

.term {font-weight:bold; text-transform:uppercase; font-size:80%;}
.red {font-weight:bold; color:#aa0000;}
.blue {font-weight:bold; color:#0000aa;}
.credit {font:8pt times,serif; text-align:right;margin:0 0 6px 0;}
.quote {background:#FFF0D5; padding:4px; font:8pt/12pt verdana,sans-serif; border:1px gray solid; margin:15px 0;}
.attrib {font:7pt/9pt verdana,sans-serif;margin-top:4px;}
.poll {background:#1b75ad; padding:5px; color:white; margin:5px; font:8pt/10pt verdana,sans-serif; border:1px black solid;}
.poll h3 {font:bold 9pt verdana,sans-serif; text-align:center; color:white; margin-top:0;}
.poll p {margin: 5px 0;}
.sign a {display:block; font:bold italic 8pt verdana,sans-serif; text-align:center; margin-bottom:18px;}
.moreinfo {border:2px #214CA4 solid; position:relative; height:400px;overflow: auto; margin:15px 0; background:#efefef;}
.moreinfo p {padding:7px;}
.moreinfo h3 {background: #214ca4; color:white; text-align:center; padding:4px; margin-top:0;}
.quiz {border: 1px black solid;background:#efefef;}
.quiz h3 {background: #F4D145; color:black; text-align:center; padding:4px; margin-top:0; border-bottom:1px black solid;}
.quiz1 {padding:4px 10px;}
.quiz2 {padding:4px;background: #214ca4; text-align:center;}
.quiz2 a {color:white;}
.boxed {border:2px #214CA4 solid; margin:15px 0; background:#efefef; clear:both;}
.boxed h3 {background: #214ca4; color:white; text-align:center; padding:4px; margin-top:0;}
.boxed2 {padding:0 6px;}
.boxed p {padding:0 7px;font:9pt/12pt verdana,arial,verdana,sans-serif;}

.table1 {font: 8pt verdana,sans-serif; border-collapse:collapse; background:white; border:1px black solid;}
.table1 td {vertical-align:top; padding:3px; border:1px #aaa solid;}
.table1 th {background:#FEE683; font-weight:bold; text-align:center;border:1px black solid;padding:3px;}
.sidebar {background-color:#ffeecc; border:1px black solid; padding:7px; margin:8px;font:8pt/11pt verdana,arial,verdana,sans-serif;}
.sidebar>p {margin-top:0;}
table.p1 {font:bold 7pt verdana,arial,sans-serif; border-collapse:collapse; border:3px black solid;}
table.p1 td {vertical-align:top; border:1px #ccc solid; padding:2px 4px;  background:#9D6123; color:white;}
table.p1 td.c2 {text-align:right;}
table.p1 td.support {background:black; padding:5px; text-align:center;}
table.p1 td.support a {color:yellow;}

.bio {}
.bio table {font: 10pt/14pt verdana,sans-serif;}
.bio table td.c2 {padding-left:20px;}
.bio .l {padding:1px; border:1px #FFCC00 solid; background:#FEF9F1;margin-bottom:20px;}
.bio .b {}
.bio .dt {color:#666; font:7pt verdana,sans-serif; margin-top:8px;}
.historian {font: 9pt/13pt verdana,sans-serif;}
.historian td {vertical-align:top; padding-bottom:10px;}
.historian td.c1 {font-weight:bold; text-align:right; color:#aa0000; padding-right:10px;}

.histbio  {padding:1px; border:1px #FFCC00 solid; background:#FEF9F1;margin-bottom:20px;}

table.hist {font: 8pt verdana,sans-serif;border-collapse:collapse;}
table.hist td {vertical-align:top; border-top:1px #FFCC00 solid; border-left:1px #FFCC00 solid;border-bottom:1px #FFCC00 solid;background:#FEF9F1;}
table.hist td.c2 {padding-left:4px;border-right:1px #FFCC00 solid; padding-right:3px;}
table.hist td.c2 .who {padding-bottom:8px; font-weight:bold;padding-top:4px;}
table.hist td.c2 .who a {text-decoration:none; color:black;}
table.hist td.c2 .what {color:#666;}
.intro {font: 8pt verdana,sans-serif; margin-top:0;}

.thoughts {font:9pt/12pt verdana,sans-serif;}

.lessonplan .gad {right:7px;}
.lessonplan .gad .toc a {display: block; background: #7E4B16; color:white; padding:4px; margin:4px 0; font:bold 8pt verdana,sans-serif; text-decoration: none;}
.lessonplan .gad .toc a:hover {background: black;}
.lessonplan .gad .lessonplans h3 {color:black; text-align:center;}
.lessonplan .gad .lessonplans p {border-top:1px black solid; font: 8pt verdana, sans-serfi;}
.lessonplan .gad .lessonplans a {text-decoration: none; color:#7E4B16; font-weight:bold; }
.lessonplan .register {margin-bottom:15px;}
.lessonplan .register a {font:bold 7pt verdana,sans-serif; color:black; border:1px black solid; padding:2px 6px; background:white; text-decoration: none;}
.lessonplan .register a:hover {color: #aa0000;}

.teaser {border: 1px #8C8C8C solid;margin: 10px 0px;padding:15px 10px 15px 45px;background-repeat: no-repeat;color: #00529B;background-color: #A1D0E5; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;background-image: url(images/globe.gif);font:8pt/10pt arial,verdana,sans-serif;}

.teaser>p {margin-top:0;}
.teaser a {color:#002C8E;}
.teaser a:hover {color: black;}
p.abrokenlink {text-align:right; padding:10px 0 0; margin:0;}
p.abrokenlink a {font: 7pt arial,sans-serif; text-decoration:none; color:#aaa;}
p.abrokenlink a:hover {background:yellow; color:black;}
.webmaster {margin-top:0; background: #D5E2ED url(//www.ushistory.org/bbx/images/fromwebmaster.gif) no-repeat; padding:4px 10px 8px 130px; min-height:25px; font:bold 9pt arial,sans-serif;}


.poll{
	
	display:none;
	
}



.ourad{
	text-align:center;
	border:2px solid blue;
	background:rgb(210,210,230);
	font-size:1.5em;
	font-weight:bold;
	width:96%;
	margin:0 auto;
	margin-bottom:10px;
	padding:7px;
	
	
}



.call_out{
	
   text-align:center;
   border:2px dashed blue;
   font-size:1.5em;
   padding:10px;
   margin:10px;
   line-height:1.2;
}


.hfb{
	
	display:flex;
	flex-direction: row;
	
	
}




   

.textopen{
	padding:5px;
	
}
.interad{width:200px; margin:0 auto;}

#crt_async_402151{margin:0 auto;}

div{max-width:100%!important}
      img{max-width:100%!important}
	     form{max-width:100%}
		 select{max-width:100%}
		 
		 
			 
   @media only screen and (max-width:940px) and (min-width:768px) {
	   
	   body{background:white;}
	   .outerwrapper{background:white}
	   
	   .backnext{
		   
		   background:white;
		   width:100%;
	   }
	   
	   .bodytext{
width:355px;
margin-right:125px;



	   }
	   
	   .gad{background:white;}
	   

	   
	   .bodytext img{
		   
		   max-width:330px!important
	   }
	   
	   .bodytext form{
		   
		   		   max-width:330px!important
	   }
	   
	   .wrapper3{



	   }
	   
	   	   .wrapper2{
		   



	   }
	   
	   
	   
	   
	   

   }
		 
		 
   @media only screen and (max-width:767px) {
	   
	   
	      textarea{margin-left:-40px}
	   
	   	   .backnext{
		   
		   background:gray;
		   width:100%;
		   margin:0 auto;
	   }
	   

	   .responsive{width:100%!important}
	   
	   .backnext{max-width:100%}
   .bn{padding:5px 0 0 0px; width:190px;margin:0 auto}

   body{width:100%!important;margin-right:0px;}
   .outerwrapper{max-width:100%!important}
  .wrapper{max-width:100%!important} 
  .wrapper2{max-width:100%!important} 
  .wrapper3{max-width:100%!important} 
  .footer{max-width:100%!important}
.leftband{display:none;}
.banner{max-width:100%}   
  .gad{display:none} 
   .bodytext{width:100%!important; padding:11px}
   .boxed{width:100%}
   .hidesmall{display:none;}
   
   .textopen{width:100%!important;margin-left:0;padding:5px;}
   
   .flip{
	   flex-direction:column
	   
   }
   
   }
   
      @media only screen and (min-width:768px) {
		  
		  .interad{display:none;}
	  }