*{
   margin:0px;
   padding:0px;
}



body{
background:grey !important;
font-family:ariel;
}

ul{
list-style:none;
}

.bulletlist{
	
	list-style:disc;
}


a{

color:inherit;
}

img{
	
	max-width:100%;
	
}

.rightfloat{
	
	float:right;
}

#fullnavigation{
	
	width:500px;
	margin:0 auto;
}


#fullnavigation .navigation li{
	display:inline;
	padding: 8px;
	background: rgb(50,50,200);
	font-size:.9em;

	
}
#big_wrap{
width:100%;
margin:0 auto;
max-width:1100px;
background:white;
border:2px solid red;
border-radius: 5px 5px 5px 5px;
}

#leftside{
width:180px;
min-width:180px;
background: rgb(200,30,30);
padding:5px;
}

#main_content{
background:white;
width:80%;
margin:10px;
}

#rightside{

width:180px;
min-width:180px;
background: rgb(200,30,30);
display:none;
}

.side_info{
	background:white;
	
}

.altlist >li:nth-child(odd)

{

	  color:red;
	  margin-bottom:10px;

}

.altlist >li:nth-child(even)

{

	  color:blue;
	  margin-bottom:10px;
}


.navigation li a{

color:inherit;
color:white;

}

.navigation a:hover{

color:red;
}

#bottomnav a {
color:inherit;
}

#bottomnav a:hover{

color:red;
}

#menu{display:none;
text-align:center;


}

#mobilenav{
border:3px solid black;
width:90%;
margin:0 auto;

font-size:22px;


}

#mobilenav{
	background:blue;
	
}

#mobilenav a{
color:yellow;

padding:3px;

}

.content p{
margin-bottom:11px;
}

#mobilenav li{
padding-left:7px;
}
#mobnavlist .selectedm{
color:red;
}
#mobnavlist li a:hover{color:red;}

.lpic{
float:left;
margin:10px;
}

.rpic{
float:right;
margin:10px;

}

.caption{
font-size:11px;
text-align:center;
}
.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;

}



.picl{
float:left;
margin-right:10px;
}
.picr{
float:right;
margin-left:9px;
}




.selected{color:#F8B454;
font-weight:bold;

}

#mobilenav  .selected{
color:#F8B454;
}

.center{
text-align:center;
}
.center2{
margin: 0 auto;
}
.small{
font-size:11px;
}


.storeihabutton{
background:rgb(186,50,50);
padding:15px;
padding-top:0px;
text-align:center;
height:180px;
}

.content{
padding:5px;
font-size:1.15em;
}

.interads{display:none;



max-height:210px;
max-width:90%;
margin:0 auto;
padding:20px;
text-align:center;
margin-bottom:10px;
margin-top:10px;





}

.advert{
height:600px;

}

.showmed{
display:none;
}

.selectedm{
color:#cc9933;
}

#maincontent p{
margin-bottom:10px;
}


/*********page-specific styling*******************/




.callout{
border: 1px solid blue;
padding:11px;
text-align:center;
}







#photoid{

width:96%;
max-width:400px;

text-align:center;
display:block;
margin:auto;
}

#phototext{
color:yellow;
text-align:center;
}

#next{

float:right;}

#prevnext{
font-size:2em;
margin-right:8px;
margin-left:7px;
height:40px;
}

#sitelist{
display:none;
}

.bullet{
	margin-left:20px;
	
}

.bullet li{
	
	list-style:disc;
}


/*********page-specific styleing*******************/


.showsmall{
display:none;
}


/************** media queries *****************/


@media only screen and (max-width:950px) {
.hidemed{
display:none;
}

.showmed{
display:block;
}
}

@media only screen and (max-width:800px) {
	
	
	.flip{
		

   -webkit-box-orient:vertical;
   -webkit-box-flex: 1;
   -moz-box-orient:vertical;
   -moz-box-flex: 1;   
        display: flex;
		flex-direction:column;

	}
	
	
.showsmall{
display:inline;
}

#menu{
display:inline;

}

.hidesmall{
display:none;
}

.interads{
display:block;



}

#big_wrap{width:100%}

#main_content{width:100%}

#leftside{
display:none;
}
#rightside{
display:none;
}

#photoarea{
padding:3px;
}

}


@media only screen and (min-width:801px) {
	
	.showsmall{display;none}
	.hidesmall{display:inline}
	
}

.navdiv{
	
	margin:0 auto;
}

@media only screen and (max-width:801px){
	
	#navlist{
		
		display:none;
	}
}


@media only screen and (min-width:801px) {

#mobilenav{
display:none;
}

}





/*copied style sheet*/




.bannerbox {width:650px; position: relative; height:53px;}
.iha {margin-left:20px;}
.searchbox {position:absolute; top:0; right:0;}

#news li {padding-top:8px;list-style-type:square;}
#news a {font: bold 10pt arial,sans-serif;;}
#news .newsbrief {font:8pt arial,sans-serif;}
div.bodytable {width:600px;margin:0 0 0 30px;font-family: arial,sans-serif;font-size: 13px; background:white;}
.caption {margin: 2px;font-size: 9px;line-height: 100%;}
hr {color: #E7DBD6;  background-color: E7DBD6; height: 2px;}
.brownline {color: E7DBD6;  background-color: E7DBD6; height: 2px;}
a {color: #000080;text-decoration: underline;font-weight: bold;}
a:visited {color: #800000;}
a:hover {color: #9F1100;text-decoration: underline;}


h1 {color: #A30404;margin-bottom: 20px;margin-top: 15px;}


h3 {color: #A30404;margin-bottom: 20px;margin-top: 15px;}



/*h4 {color: #A30404;font-size:  18px;line-height: 120%;font-weight: bold;margin-bottom: 10px;margin-top: 25px;font-style: italic;}*/



table.contact {margin: 0;padding: 0;border-collapse: collapse;}
table.contact td {border: thin dotted black;padding: 3px;}

#navigation a {background-color:#0A246A;font-family: verdana;font-size: 11px;font-weight: bold;color: white;text-decoration: none;padding: 2px 4px;border: 1px solid black;}
#navigation a.hot {color:white;background-color: #D61D00;}
#navigation a:hover {background-color:#D61D00;}
#navigation .hot {background-color: #D61D00;font-family: verdana;font-size: 11px;font-weight: bold;color: pink;padding: 2px 4px;border: 2px solid black;}
.sbox {background: #0A246A; color:white; padding:4px 10px; width:100%;}
.sbox td {padding:0;}
table.page1 {margin: 0 0 0 8px; background:#E1DAD4;}
a.screamer {color: white; font-weight: bold; font-size: 15px}
a.screamer:hover {color: yellow;}
.vfont {font: 8.5pt verdana;}
.vfont b {font-weight:bold;}
.vfont a {font: 8.5pt verdana;}
.footer {border-top:1px black solid;padding-top:8px;font:8pt arial,sans-serif;text-align:center;}
.author {font:bold italic 11pt arial,sans-serif;}
.pic, .picc {font:8.5pt arial,sans-serif;text-align:center;margin-bottom:11px;}
.picl {float:left;margin-right:10px;margin-bottom:10px;font:8.5pt arial,sans-serif;text-align:center;}
.picr {float:right;margin-left:10px;margin-bottom:10px;font:8.5pt arial,sans-serif;text-align:center;}
.credit {text-align:right;font:9px arial, sans-serif;color:gray;}
.pone .announce {background: url("images/p1wp.gif") repeat-x scroll 0% 0% #EDF2FA; border: 2px #515151 solid; font: 8.5pt verdana,sans-serif; padding:0;}
.pone .announce p {padding:4px; margin:0;}
.pone .announce h3 {background-color:#515151; color:white; text-align:center; font:bold 10pt arial,sans-serif; margin-top:0; padding:3px;}
.announce h4 {font:bold 12pt arial,sans-serif;margin:0;text-align:center;}
.announcebig {border:1px black solid; margin-bottom:10px; background: #efefef;}
.announcebig h3 {background: #A30548; color:white; text-align:center; font:bold 10pt arial,sans-serif; margin-top:0; margin-bottom:0;padding:3px;}
.announcebig p {padding:4px; margin:0; color:black;}


.fnotes {display:none;}
.ds li {margin-left:20px;padding-top:5px; padding-bottom:5px;}
.gad {position:absolute; top:5px; left:700px;width:160px;}
.letter {background:#efefef; padding:20px 40px; font:13pt/19pt times roman, serif; border:1px black solid; border-bottom-width: 2px; border-right-width:2px; }
.lettert td {font:13pt times roman, serif;}
ul.sitemap li {padding-bottom:4px;padding-top:20px;}
ul.sitemap ul.sub li {padding-top:4px; padding-bottom:4px;}
.webmaster {margin-top:0; background: #D5E2ED url(http://ushistory.org/betsy/images/fromwebmaster.gif) no-repeat; padding:4px 10px 8px 130px; min-height:25px; font:bold 9pt arial,sans-serif;}

.rh {font-size:11pt;font-weight:bold;text-align:center;margin:12px 0 6px 0;}
.rul {margin:0;padding:0 0 0 5px;font:9pt verdana,sans-serif;; list-style-type: none;}
.rul li {padding-bottom:6px; background: url(images/triangle.gif) no-repeat;padding-left:8px;}
.pone {font:9pt/16pt verdana,sans-serif;}
.pone h3 {font:bold 11pt arial,sans-serif;margin:8px 0;}
.pone ul li {line-height: 12pt;}

@media print {
   .fnotes{display:block;}
	body {background-image: none; background-color: white;}
}