*{
   margin:0px;
   padding:0px;
}



body{
background:gray;
font-family:ariel;
}

ul{
list-style:none;
}
a{
text-decoration:none;
}


#big_wrap{
width:80%;
margin:0 auto;
max-width:1000px;
background:white;
border:2px solid black;
}

#leftside{
width:130px;
min-width:130px;
background-image:url("../images/wpsingle.jpg");
padding:5px;
}

#main_content{
background:white;
width:80%;
margin:10px;
}

#rightside{
background-image:url("../images/wpsingle.jpg");
width:180px;
min-width:180px;
}

#leftnav li{

}
#leftnav li a{

color:inherit;
color:white;

}

#leftnav li a:hover{

color:red;
}

#bottomnav a {
color:inherit;
}

#bottomnav a:hover{

color:red;
}

#menu{display:none;
text-align:center;


}

#mobilenav{
border:3px solid black;

background-image:url("../images/copper.jpg");
font-size:22px;
color:white;

}

#mobilenav a{
color:white;
}

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

.interads{display:none}

.advert{
height:600px;

}

.showmed{
display:none;
}

.selectedm{
color:#cc9933;
}

#maincontent p{
margin-bottom:10px;
}


/*********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*******************/


.showsmall{
display:none;
}
@media only screen and (max-width:950px) {
.hidemed{
display:none;
}

.showmed{
display:block;
}
}

@media only screen and (max-width:800px) {
.showsmall{
display:inline;
}

#menu{
display:inline;

}

.hidesmall{
display:none;
}

.interads{
display:block;
border:3px dashed black;
width:210px;
height:210px;
margin:0 auto;
padding:20px;
text-align:center;
margin-bottom:10px;
margin-top:10px;


}

#big_wrap{width:100%}

#main_content{width:100%}

#leftside{
display:none;
}
#rightside{
display:none;
}

#photoarea{
padding:3px;
}

}



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

#mobilenav{
display:none;
}

}