/* blue background */
.col_dot {position:relative; width:98%; height:1px; top: .3em; left: 1%; background-color:#9be0e4;}

/* wrapper&footer */
#center{top:1em; }

#headerimage { background-image: url(../images/BC_Header_Celebrating_1000_Bible_Cartoons_Drawn_800x75.jpg); height:63px;background-repeat: no-repeat; background-size: cover; display:block; height:65px; width:800px; overflow:hidden; text-indent:100%; white-space:nowrap;}

#SearchONHEADER{position:relative; right: .5em; height:2em; top:-5em; text-align:right; float:right;}

.MenubarSmall, .footerSmall, .SearchONHEADERSmall {position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}

/* footer design */
.footerLEFT, .footerRIGHT {height:auto; width:47%;}

/* 701-800 menubar only */
#menubar{height:4.8em; font-size:90%;}

#TESTfootermenubar{height:4.8em; font-size:90%;}

nav ul{top:-3.1em;}

/* mid blue browser */
@media only screen 
and (min-width : 734px) 
and (max-width : 766px)
{ 
nav ul li.home, nav ul li.search, nav ul li.illos, nav ul li.meta4s, nav ul li.merch, nav ul li.contact, nav ul li.info, nav ul li.hub, nav ul li.links {padding:0 .2em;}
}

/* wider blue browser */
@media only screen 
and (min-width : 767px) 
and (max-width : 800px)
{ 
nav ul li.home, nav ul li.search, nav ul li.illos, nav ul li.meta4s, nav ul li.merch, nav ul li.contact, nav ul li.info, nav ul li.hub, nav ul li.links {padding:0 .35em;}
}

nav ul li{padding: 0 .05em;}

nav ul li a{padding:1em  .5em;}



/* Main content styling */
.contents {width:70%; margin: 0 2% 0 0;}




/* box styles */
.white, .brown {width:23%; }



.land_pg_box1 {width: 60%; float:left;}
.land_pg_box2 {width: 30%; margin: 0 0 2% 2%; float:left;}
.land_pg_box1 img {width:525px; height:auto;}
.land_pg_box2 img {width:250px; height:auto;}

/* merch styling */
.merch_center{float:left; width:70%; text-align:left;}



/* Special conditions code */
/* narrowest blue browser */
@media only screen 
and (min-width : 700px) 
and (max-width : 739px)
{ 
#FBS_SETS_centre{width:69%;}
.contents {width:67%; margin: 0 2% 0 0;}
}
nav ul li a{font-size:93%;}


/* wider blue browser */
@media only screen 
and (min-width : 740px) 
and (max-width : 777px)
{ 
#FBS_SETS_centre{width:71%;}
.contents {width:68%; margin: 0 2% 0 0;}
}

/* widest blue browser */
@media only screen 
and (min-width : 778px) 
and (max-width : 800px)
{ 
#FBS_SETS_centre{width:72%;}
}



/* wider blue browser */
@media only screen 
and (min-width : 700px) 
and (max-width : 778px)
{ 
.land_pg_box1 {width: 96%; float:left;}
.land_pg_box2 {width: 45%; margin: 1.8% 0; float:left;}
}