body{background:gray;}



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-image:url('../images/copper.jpg');

    box-shadow: -10px 10px;


}



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

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

#top h1{
	margin-top:25px;
font-size:60px;
	font-family: 'Niconne', cursive;

}


#crt_async_402151{

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


#middle{	min-height:200px;
	background:white;
	max-width:100%;
	border:2px solid white

		}







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




}

#float-container{margin-top:10px;background-image:url('../images/copper.jpg');}

#right_ad{border-left:2px solid black;}
#main_content{
	
	padding:22px;
	padding-top:0px;
	max-width:100%;
	border:2px solid black;
	margin-right:166px;
	background:white;
	font-size:1.2em;
}




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


.gap {margin-right:20px;font:bold 10pt/12pt arial,sans-serif;border:1px solid black;padding:7px;width:95%;max-width:700px;}
.gap p {margin:8px 0;}

.banknote {text-align:center;padding:4px;float:right;width:120px;border:1px black solid;background-color:#eee;font-family:verdana,sans-serif;font-size:7.5pt;margin:6px 0 10px 10px;}
.banknote h5 {background:black;color:white;font-weight:bold;margin:0 0 4px 0;padding:2px 0;}

.promo {border:1px gray solid; padding:3px; text-align:center; font:bold 12pt arial,sans-serif;}



#next{

float: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;}


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

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



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

#navbar{

width:900px;
margin:0 auto;

height:65px;


text-align:center;


color:white;
font-size:1.25em;

}   



#navbar{width:750px;}


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



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

.libbellad{
	
	border:2px solid blue;
	padding:6px;
	text-align:center;
	font-size:1.2em;
	margin:15px;
}


#lbhead{max-width:100%}

/*********page-specific styling*******************/

.timeline {
background-image:url("../images/copper.jpg");
color:white;
text-align:left;
margin-top:20px;
padding:8px;
}


.bbtable1 th

{
padding:10px;
}

.vfont{
margin-left:8px;
}


.trivia{

    list-style-type: circle;
margin-left:8px;
}

.trivia li{
margin-bottom:8px;
}

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

#oldbelltext h3{
margin-bottom:10px;
background: rgb(200,200,200);
padding:9px;
text-align:center;
}


#photoarea{
background:black;
padding:40px;
color:yellow;

}

#photoinnerdiv{

margin:0 auto;

}


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


/*********page-specific styleing*******************/

/*********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) {
	
	.hidesmall{display:none;}
	#right_ad{display:none}
	
	#main_content{

	margin-right:4px;
}

.responsive{width:100%;}

.interad{display:block}

.interads{display:block}

}


@media only screen and (min-width:768px) {
.interads{display:none;}
}



@media only screen and (max-width:750px) {
	
	#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;


		
		
	}
	
}