html, body {
	padding:0; 
	margin:0;
  	background: #242424 url(images/rock4.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	font-family: Trebuchet, Arial,Helvetica,sans-serif;
  	}
 
a:link {color:#0bd;}
a:active {color:#E0F;}
a:visited {color:#0bd;}
a:hover {color:#06d9ff;}
h2 {margin:0 0 20px 0;}


/* The wrapper div should be wrapped around the page content and be at least 100% page 
height for the iPad, iPhone and iPod Touch - margins below center the entire page */

.wrapper,.topItems {width:860px; margin:0 auto;}

.topBar {background:#000;border-bottom:2px #eee solid;}

.topItems {padding-bottom:15px;}

.logo {width: 330px;float:left;padding-top:30px;}

.socialTop {height:32px; position:relative; text-align:right; top:26px; z-index:23;width: 410px;float:right;}

/* use with Google search engine */
/*.socialTop {height:32px; position:relative; text-align:right; top:6px; right:-15px; z-index:23;width: 410px;float:right;}*/


input.siteSearch{
background-color: #FFF;
border: 1px solid #CCD6DD;
border-radius: 3px;
border-collapse: collapse;
border-spacing: 0px;
box-sizing: border-box;
display: block;
float: right;
font-size: 13px;
height: 30px;
line-height: normal;
margin: 0px 10px 0 0;
outline: 0px none;
padding: 4px;
transition: #6363CE 0.2s linear 0s;
width: 200px;
}
.submit1{
height: 30px;
float: right;
width: 80px;
white-space: nowrap;
background: none repeat scroll 0% 0% transparent;
border: 1px solid #7c3e00;
color: #FFF;
background-color: #c36200;
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
border-radius: 4px;
font: inherit;
cursor: pointer;
display: inline-block;
font-family: arial;
font-size: 14px;
line-height: 11px;
margin: 0px;
overflow: visible;
padding: 8px 16px;
position: relative;
text-transform: none;
}

/* Begin navbar - If the text menu labels change, tweak the width here, the smaller the number the further right it goes */
.navBar{position:relative;width:495px;float:right;}  

/* This copyright notice must be untouched at all times.  The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/cssplay-touch-multi-level-two.html  Copyright (c) Stu Nicholls. All rights reserved. */

.menu {height:50px; text-align:right; position:relative; top:36px; z-index:100;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	}


/* padding controls how much blue extends to the left and right of the menu entires  LINE 82 padding controls spacing between menu entries */
.menu ul {margin:0; padding:0 1px 0 1px; list-style:none; white-space:nowrap; text-align:left; border-radius:4px;}
.menu ul {display:inline-block;}

.menu li {display:block; position:relative;}

.menu ul ul {position:absolute; left:-9999px; top:50px; padding:10px 0; z-index:0;
	-webkit-transition: opacity 0.5s;
	-o-transition:0.5s;
	-moz-transition:0.5s;
	transition: opacity 0.5s;
	}

.menu ul ul ul {left:100%; top:auto; margin-top:-35px;}
.menu ul li.left > ul {left:auto; right:0; top:50px;}
.menu ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-35px;}

.menu > ul {margin:0 auto;}
.menu > ul > li {float:left; position:relative;}

.menu ul {background:#09c;}
.menu ul ul {background:#c60;}
.menu ul ul ul {background:#690;}
.menu ul ul ul ul {background:#66c;}

.menu ul,
.menu ul ul,
.menu ul ul ul,
.menu ul ul ul ul {
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	box-shadow:0px 5px 5px rgba(0,0,0,0.4);
	}

/* LINE 82 padding controls spacing between menu entries  LINE 63? padding controls how much blue extends to the left and right of the menu entires  LINE 83 controls height of nav bar  */
.menu a {display:block; font:normal 18px/27px arial, sans-serif; color:#fff; text-decoration:none; border-radius:8px; padding:0 18px 0 18px; position:relative; z-index:10;}
.menu > ul > li > a {line-height:50px;}
.menu > ul > li > b {display:block; position:relative; width:100%; margin-top:-70px; height:70px; background: url(images/trans.gif); z-index:100;
	-webkit-transition:0.75s;
	-o-transition:0.75s;
	-moz-transition:0.75s;
	transition:0.75s;
	}

.menu ul ul > li > b {display:block; position:relative; margin-top:-25px; width:100%; height:25px; background: url(images/trans.gif); z-index:100;
	-webkit-transition:0.75s;
	-o-transition:0.75s;
	-moz-transition:0.75s;
	transition:0.75s;
	}

.menu li:hover > b {width:0;}
.menu li.left ul a {text-align:right;}

.menu li:hover > a,
.menu ul li:hover > a {color:#ff0; text-decoration:underline;}
/* background url images/down.gif removed from LINE 120?, this eliminates the arrows at the root level of the nav bar*/
.menu ul li a.hassub {background:url() no-repeat right center;}
.menu li.left ul li a.hassub {background:url(images/left.gif) no-repeat left center;}

.menu > ul {*display:inline;}

.menu ul ul,
.menu ul ul ul,
.menu ul li.left > ul,
.menu ul li.left ul li > ul {left:-9999px; right:auto; opacity:0;}

.menu ul li:hover > ul {left:0; opacity:1;}
.menu ul ul li:hover > ul {left:100%; opacity:1;}
.menu ul li.left:hover > ul {left:auto; right:0; opacity:1;}
.menu ul li.left ul li:hover > ul {left:auto; right:100%; opacity:1;}

/* hover state changed from right to down so that top level menus wouldn't point to the 
right because it looked stupid (down arrows later removed too)  background url images/down.gif removed from LINE 137?*/
.menu ul li:hover > a.hassub {background:url() no-repeat right center;}
.menu li.left ul li:hover > a.hassub {background:url(images/left.gif) no-repeat left center;}
/* End navbar */

.clearAll{clear:both; font-size:1px; height:1px; line-height:1px; width:1px;}

/* start bjqs */
#container ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
#container li.bjqs-slide{position:absolute; display:none;}
#container ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
#container ul.bjqs-controls.v-centered li a{position:absolute;}
#container ul.bjqs-controls.v-centered li.bjqs-next a{display:none;right:0;}
#container ul.bjqs-controls.v-centered li.bjqs-prev a{display:none;left:0;}
#container ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
#container ol.bjqs-markers.h-centered{text-align: center;}
#container ol.bjqs-markers li{display:inline;}
#container ol.bjqs-markers li a{display:inline-block;}
#container {max-width:860px;margin:0 auto;padding-bottom:25px}
.bjqs-wrapper{border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border: 1px solid #dddddd;}
#banner-fade, #banner-slide{margin-bottom: 0px}
ol.bjqs-markers li a{border-radius: 25%;width: 10px;height: 10px; background:#777;color:#fff;margin:8px;text-decoration: none}
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover{background: #fff}
/* end bjqs */

.mainContent {
    margin: 15px auto;
   /* border: 2px solid #ccc; */
    background-color:rgba(0, 0, 0, .5);
    padding: 25px;
    font-family: Trebuchet, Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 1.5em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    min-height: 480px;
	}


.subHeading {
    background-color:rgba(100, 100, 100, .6);
    font-family: Trebuchet, Arial,Helvetica,sans-serif;
    font-size: 22px;
    padding: 2px;
    color: #fff;
	}


input.formbox,textarea.formbox,input.captchainput {
    background: #fff;
    border-color: #bdc7d8;
    color:#333;
    font: 18px 'lucida grande',tahoma,verdana,arial,sans-serif;
	padding: 5px 5px;
	-webkit-border-radius: 5px;
	margin: 0;
	-webkit-appearance: none;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	cursor: auto;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	-webkit-writing-mode: horizontal-tb;
    width: 450px;
	}

input.captchainput {width: 85px;}

textarea.formbox {border: 2px #ccc inset;}

a.sendbutton, .sendbutton {
    background-color:#09c;
    float: left;
    font-size: 20px;
    width: auto;
    padding: 8px 15px;
    color:#fff;
    cursor: pointer;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
    margin: 15px 10px 0 0;
    text-shadow: 1px 1px 5px #666;
    filter: dropshadow(color=#666, offx=1, offy=1);
    -webkit-box-shadow: 5px 5px 10px 0px #aaa;
    box-shadow: 5px 5px 10px 0px #777;
	}


a.sendbutton:hover, .sendbutton:hover {
    background-color: #125699;
	}



.podcast {
    margin: 15px auto;
    /*   border: 2px solid #ababab;   */
    background-color:rgba(100, 100, 100, 100);
    padding: 25px;
    font-family: Trebuchet, Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 1.2em;
	}

.donate {
    margin: 15px auto;
    /*   border: 2px solid #ababab;   */
    background-color:rgba(100, 100, 100, 100);
    padding: 25px;
    font-family: Trebuchet, Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 1.2em;
	}
	
/* Begin 3 modules below slider */
.grid {margin: 0px 0px 40px;}

/* begin new fade 3 module pictures (2 sets) */ 
#cycler1, #cycler2, #cycler3 {position:relative;}
#cycler1 a, #cycler2 a, #cycler3 a{display:block; position:absolute;z-index:1}
#cycler1 a.active, #cycler2 a.active, #cycler3 a.active{z-index:10}
.moduleBox {
    float: left;
    height: 120px;
    margin: 20px 20px 0px 0px;
    width: 270px;
	position:relative;
	}
.moduleBox a{
    color: #fff;
    display: block;
    font-family: Trebuchet, Arial,Helvetica,sans-serif;
    height: 120px;
    width: 270px;
    border: 2px solid #DDD;
    padding: 0;
    text-decoration: none;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #dddddd;
}	
.moduleBox.rtBox {margin-right:0}
.moduleBox a span{color:#fff; display:block; position:absolute; font-size:32px; text-shadow: black 0.1em 0.1em 0.2em}
.mb1{background: #000 url('images/podcasts.png') no-repeat 0 0;}
.mb2{background: #000 url('images/our_story.png') no-repeat 0 0;}
.mb3{background: #000 url('images/dictionary.png') no-repeat 0 0;}
.mb4{background: #000 url('images/books.png') no-repeat 0 0;}
.mb5{background: #000 url('images/apologetics.png') no-repeat 0 0;}
.mb6{background: #000 url('images/prayer2.png') no-repeat 0 0;}
.mb7{background: #000 url('images/questions.png') no-repeat 0 0;}
.mb8{background: #000 url('images/videos.png') no-repeat 0 0;}
.mb9{background: #000 url('images/biblestudy.png') no-repeat 0 0;}
.mb1 span{bottom:5px; left:70px;}
.mb2 span{bottom:5px; left:70px;}
.mb3 span{bottom:5px; left:50px;}
.mb4 span{bottom:5px; left:85px;}
.mb5 span{bottom:5px; left:50px;}
.mb6 span{bottom:5px; left:85px;}
.mb7 span{bottom:5px; left:55px;}
.mb8 span{bottom:5px; left:85px;}
.mb9 span{bottom:5px; left:55px;}

/* end new fade 3 module pictures (3 sets) */ 
	
	
/* Begin page footer */
.bottomBar {background:#000;border-top:2px #eee solid;}
.copyright {font-family: Trebuchet, Arial,Helvetica,sans-serif;font-size: 16px;color: #fff;} 
.socialBottom {color:#fff; text-align:center;margin: 0 auto; white-space:nowrap;}
.socialBottom a, .socialBottom span, .socialBottom img {vertical-align:middle;}
.socialBottom span{color:#fff;display:inline-block;height:32px;line-height:32px;}
.Mary {font-family: Trebuchet, Arial,Helvetica,sans-serif;font-size: 16px;color: #fff;}
/* End page footer */