body{



background-image: url("../images/surrender.jpg");
}



.content  h1 {font:bold 18pt arial,sans-serif;color:#aa0000;margin-bottom:10px;}

	.orangebox {margin:0 0 10px;border:thin black solid; padding: 10px; background-color:#FFE8BA;}
	.greenbox {margin:0 0 10px;border:thin black solid; padding: 10px; background-color:#D7FAD4;}
	.pinkbox {margin:0 0 10px;border:thin black solid; padding: 10px; background-color:#FEE4E4;}
	.bluebox {margin:0 0 10px;border:thin black solid; padding: 10px; background-color:#DEECFB;}





.content h3{ font-family: arial; color: #C1241C;}
	










img{
	max-width:100%;
	
}

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


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





}

#right_ad{
	width:180px;
	padding-left:5px;
text-align:center;

}

.googad{width:165px;padding-top:6px;height:600px;}



.showsmall{display:none;}


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




}

#mobilenav .selected{
	
	font-weight:bold;
	color:red;
}



#top{
	


	border-radius:15px 15px 0 0;

background:white;
	text-align:center;
	border:2px solid black;
font-family: 'Mogra', cursive!important;
}


#toph{
	


	border-radius:15px 15px 0 0;

background:white;

	border:2px solid black;

}

#top img{
	
	width:265px;
	margin:0 auto;
}
#headerimage{width:400px}





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






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



		}





/*this styling below may be unnecessary**** */

.container {

width:100%;
}


.content{font-size:1.4em;

min-height:500px; }




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

#midsub{
	border-left:2px solid black;border-right:1px solid black;
}



.featured {border:1px gray solid; background-color:#E5ECF9;padding:4px; font-size:1.35em}


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

.callout{
border: 1px solid blue;
padding:11px;
text-align:center;
}


#headimagediv{text-align:center;
background:white}

#headimage{
	
	width:100%;
	max-width:100%;
}




/*this styling above may be unnecessary**** */


	





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




}







#main_content{
	
	padding:22px;
	padding-top:0px;
	max-width:100%;
	border:2px solid black;
	margin-right:166px;
	background:white;
	color:black;
	overflow:auto;
	padding-top:13px
}




#navbar span{
	
	border:1px solid white;
	padding:9px;
		margin-top:8px;
height:70px;
	
}

#navbar{
	font-weight:bold;
font-size:1.1em;
	
}
#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;
	
}






.prev{
	float:left;
	text-align:left;

	
}



.next{

text-align:right;float:right}



.interad{display:none;margin-top:17px}


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



#navbar span{float:left;background:rgb(100,100,100)}

#navbar{


width:1100px;
margin:0 auto;

height:65px;


text-align:center;


color:white;



}   






#navbar a{


color:white;


}

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





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


.vfont {font-family:verdana,sans-serif;font-size:7pt;}

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





.doi{margin-bottom:10px;}


.doi img{margin-top:9px;}








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

/*********social media********/


#socialmed{
	
	max-width:100%
}

#twitterdiv{margin-right:80px;margin-left:50px;}

#fbdiv{max-width:300px; color:white; padding:14px;}

#gplusdiv{}





/******responsiveness******/

@media only screen and (max-width:850px) {

	#navbar{display:none;}
	
	#menu{display:block;}
	
}

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


@media only screen and (max-width:767px) {
	

	
	
	#headimage{
	
	width:100%;

}
	
	
	
	
	#right_ad{display:none}
	
	#main_content{

	margin-right:4px;
}

.responsive{width:100%!important;}

.interad{display:block}




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

	
	.flip{

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


		
		
	}


}