/*
body{background:rgb(50,45,45)}

*/

body {background:rgb(190,190,220)}

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;

 background-color: #FFFF66;




}



.showsmall{display:none;}


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




}





#top{
	


	border-radius:15px 15px 0 0;
	border-bottom:2px solid black;
	background-color:black;
	text-align:center;
	border:2px solid black;
}

#headerimage{width:400px}

h1{
	
	

	color:rgb(0,50,0);
	font-family: 'Germania One', cursive;
	text-align:center;
	font-size:2.3em;
	
}

.titan{
	
	font-family: 'Titan One', cursive;
	color:#ffae42;
	text-shadow: 2px 2px #ff5042;
	text-align:center;
	
}

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




#crt_async_402151{

	width:205px;
	text-align:center;
	
		margin:0 auto;
	
}


#middle{	min-height:200px;
	background:white;
	color:black;
	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;




}



#right_ad{border-left:2px solid black;}



.content{font-size:1.4em; }

#main_content{
	
	padding:22px;
	padding-top:0px;
	max-width:100%;
	border:2px solid black;

	background:white;
	color:black;
	overflow:auto;
	padding-top:13px
}




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

	
}


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




.next{

text-align:right;}

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




}


.featured {border:1px gray solid; background-color:#E5ECF9;padding:4px; font-size:1.35em}
.interad{display:none;margin-top:17px}

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

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



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

#navbar{


width:890px;
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;
	
}




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

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

#headimage{
	
	width:100%;

}


.ourad{
	text-align:center;
	border:2px solid blue;
	background:rgb(200,200,230);
	font-size:1.6em;
	width:92%;
	margin:0 auto;
	margin-bottom:10px;
	
	
}




#headimage{
	
	max-width:100%;
	
	}

/*********old page styling*******************/

.w200 {width:200px;}
.w130 {width:130px;}
.w150 {width:150px;}
.w175 {width:175px;}
.sources {font:8pt arial,sans-serif;background-color:rgb(230,230,220);clear:both;padding:2px 6px;}


.address, .subhead {font:bold 12pt arial,sans-serif;margin-bottom:10px;}

.return {font:bold 8.5pt verdana,sans-serif;margin:5px 0 20px 0;text-align:center;}



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


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






#next{

float:right;}

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






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


#socialmed{
	
	max-width:100%
}

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

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

#gplusdiv{}





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

@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}



	#navbar{display:none;}
	
	.showsmall{display:block;}
	.hidesmall{display:none;}
	
	#prevnext{
		margin-top:5px;
		
	}
	
	.flip{

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


		
		
	}


}