/* css for mobile app */

.mainheader,mainheader2 { color:dodgerblue; } /*needed to override headerdefaults event though below h1 specified */
.mainheader, mainheader2 h1 { color:dodgerblue; }

#mainlistview a:hover { color: blue;}
#visionandmission a:hover { color:blue;}
#ourleadership a:hover { color:blue;}
#servicesandlocation a:hover { color:blue;}
#ofthebible a:hover { color:blue;}
#useofwordchristian a:hover { color:blue;}
#contactus a:hover { color:blue;}

#visionandmission h2 { color:dodgerblue;}
#servicesandlocation h2 { color:dodgerblue; }
#ofthebible h2 { color:dodgerblue; }
#useofwordchristian h2 { color:dodgerblue; }
#contactus h2 { color:dodgerblue; }
#contactus ui-content {margin-left:30px;}
#contactus h2,p, .iframeMap {margin-left:40px; }
.imgMarginAdjust {
	margin-left:20px;
}

.imgMarginAdjust2 {
	margin-left:40px;
}
.imgMarginAdjust3 {
	margin-left:20px;
}
.ui-content {margin-left:3px; }

.ui-content img {
	max-width: 260px;
	max-height: 200px;
}
h1 {
    text-align:center;
	font-size:22px;	
    color:dodgerblue;
}


h5 {
     margin-top: 10px;
    line-height: 20px;
}
h5:first-line {
    margin: 10px;
    line-height: 10px;
}
#logoimg {
	width: 230px;
	height: 180px;
    vertical-align: middle;
}
#mainlistview img {
	width:160px;
	height:160px;
}	

#ourleadershiplistview img {
	width:160px;
	height:160px;
}		

.iframeMap {
    width:350px;
    height:350px;      
}
@media screen and (max-width: 800px) {
.mainheader { color:dodgerblue;font-size:13px; } /*needed to override headerdefaults event though below h1 specified */
.mainheader h1 { color:dodgerblue; font-size:13px;}
.mainheader2 { color:dodgerblue;font-size:13px; width:250px; } /*needed to override headerdefaults event though below h1 specified */
.mainheader2 h1 { color:dodgerblue; font-size:13px; width:250px;}
/*
#servicesandlocation h2 { font-size:12px; }

#servicesandlocation h5 { font-size:11px; }

#servicesandlocation p { font-size:11px; }
*/

	
h2 { font-size:12px; }

h5 { font-size:11px; }

p { font-size:11px; }
	
li { font-size:11px;}
	
#logoimg {

	width: 100px;
	height: 80px;
    vertical-align: middle;
	margin-left:62%;
}
#mainlistview a {
  font-size:12px;
}
#mainlistview img {
	width:160px;
	height:150px;
}	
.iframeMap {
    width:235px;
    height:240px;      
}
.ui-block-a  {
   width:50%; 
}
.ui-block-b {
  width:50%;
  margin-left:25%;	
}	
}