body {
background-image:url("//www.ushistory.org/valleyforge/images/The_March_to_Valley_Forge_William_Trego.png");

}

img{
	max-width:100%;
	
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid black;
    margin: 1em 0;
    padding: 0; 
}

/*
a:link {
color:rgb(200,40,60);
}

a:visited{

color:rgb(200,40,60);

}*/

h1{
	text-align:center;
	
}

blockquote { border: 0 }
.credit {text-align:right;font:italic 7pt arial,sans-serif;}
.credit2 {font:7pt verdana,sans-serif;margin:6px 0;}

.center{
	text-align:center;
	
}


.caption{font-size:.85em; font-family: ariel; text-align:center;}

#navbar {font-size:.95em!important}


.flowerfont{
	
	font-family: 'Indie Flower', cursive;font-weight:bold; color:rgb(150,0,0);
	
}

 #navbar b{
	
	color:red;
	
}


#mobilenav b{
	
		color:yellow;
	
}

.qa {font:bold 24pt arial,sans-serif; color:#BB0000;padding-right:4px;}



#wrapper{
	min-height:300px;
width:100%;
max-width:1000px;
border: 1px solid black;
margin:0 auto;
padding:10px;
border-radius:15px;



    /*box-shadow: -10px 10px;*/
	background:white;

}


#main_content{
	width:80%;
	/*border:2px solid red;*/
	padding:9px;
	/*background:black;*/
	font-size:1.3em;
	
}

#right_side{
	width:20%;
 background:rgb(150,155,150);
	
}


#headerab{
	color:white;
	background:rgb(190,20,20);
	padding:10px;
font-size:3em;
	font-weight:bold;
	text-align:center;
	font-family: 'Indie Flower', cursive;font-weight:bold;
	max-width:100%;

	
}

#first_column{
	
	background:white;
	color:black;


	padding:9px;
	
}

#second_column{
	
	/*background:black;
	color:white*/
color:black;
	
}

#navbar{

margin:0 auto;
width:99%;
height:42px;

padding:0;
text-align:center;


font-size:1.25em;
}   




}

#navbar a{
padding-left:22px;



}




.picr {float:right;margin:0 0 10px 10px;font-size:.9em;text-align:center;}
.picl {float:left;margin:0 10px 10px 0;font-size:.9em; text-align:center;}





	.letter{
/*background-image:url('../images/paperbg.jpg');
background-size:100%;*/
background: #EFE0B9;


color:black;
font-weight:bold;
padding:20px;
margin-bottom:20px;
}

	

.store{width:160px;background:#3E4357;margin-bottom:5px;padding-bottom:5px;}
.store h1 {font:bold 9pt arial,sans-serif;padding:3px;text-align:center;margin:2px 3px;color:white;}
.store p {font:bold 9pt arial,sans-serif;text-align:center;margin:2px 3px; color:white;}
.store a  {font-weight:bold;color:white;}
.store{  margin:20px auto;}
	
		.googlead{text-align:center}
		
		.right_side{text-align:center}

#sections ul{
list-style-type:none;
}

#sections ul li:hover{
color:red;
font-size:20px;
font-weight:bold;
}








#mobilenav{
	color:white;
	font-size:1.3em;
display:none;
  background: -webkit-linear-gradient(red, black); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, black); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, black); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, black); /* Standard syntax */
  border:2px solid blue;
  
}
#mobilenav a{
	
	color:white;
}


#mobilenav ul {
list-style-type:none;
}
#mobilenav ul li:hover{
color:red;
font-size:22px;
font-weight:bold;
}




#interad{
	
	min-height:90px;
	min-width:120px;

	margin:20px;
	padding:22px;
	Color:white;
	
}


.smaller{font-size:.65em;}

.tldate{
	width:80px;
	margin-right:20px;

}

.tldetails{
	float:right;
	max-width:90%;
	
}


#mainblock{

border:1px solid red;
padding:8px;
margin:3px;
}

#mainbody{
border:1px solid black;
padding:4px;
margin:5px;
}



#footerdiv{padding:11px;
padding-bottom:60px;

background: rgb(210,210,222);
color:black;}


#sections{

  background: -webkit-linear-gradient(pink, white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(pink, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(pink, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(pink, white); /* Standard syntax */

}


#themediv{
width:100%;
margin:0 auto;
margin-bottom: 25px;
}

#pagedetail{
	padding:8px;
	border: 2px solid blue;
	margin: 10px 0;
	font-size:1.4em;
	height:250px;
	
}

.right{
	text-align:right;
	
}
.centercontent{
text-align:center;
}

.pic1{
float:left;
margin:8px;
}
.selected{

font-weight:bold;
font-size:1.2em;
color:blue;
}
.center{
    display:block;
    margin:auto;
}
.side h4{
background:#000080;
color:white;
padding:3px;
text-align:center;
}

.leftmargin{
margin-left:7px;
}

.rightmargin{
margin-right:7px;
}

.showonsmall{
display:none;
}



#sponsors a{
margin:25px;
margin-bottom:30px;
padding-bottom:40px;

}



.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;



}

.vfb{

   display:-webkit-box;
   display:-moz-box;
   display: box;
   -webkit-box-orient:vertical;
   -webkit-box-flex: 1;
   -moz-box-orient:vertical;
   -moz-box-flex: 1;   
        display: flex;
		flex-direction:column;



}



.headimage{
max-width:96%;
margin:0 auto;
    display:block;
    margin:auto;
}











@media only screen and (min-width:768px) {

.showsmall{
	display:none;
	
}

#mobilenav{
display:none;
}


}

@media only screen and (max-width:767px) {
	
	
	
	.responsive{width:100%!important;text-align:center;margin:0 auto}
	
	

.mobimage{
	width:100%;
	
}
.showsmall{
	display:block;
	
}


#main_content{
	
	width:100%
}

#right_side{
	display:none;
	
}






.showonsmall{
display:block;
}
.hidesmall{
	display: none;
	
}





}