@import url(reset.css); 
header{height:50px; width:100%; line-height:35px; padding:0; position:fixed; top:0px; z-index:9999; margin:0 auto; background:#fbfbff;}
header #nav{position:absolute; top:-5px; right:0;}
header #nav >strong{display:none; top:5px; font-size:1.2em;text-transform:uppercase;}
header #nav >ul >li{top:0px; float:left; background:url("img/nav-sep.png") no-repeat 0 40%; position:relative;}
header #nav >ul >li.parent>a{background:url("img/nav-more.png") no-repeat 7px 27px; background-size:auto 10px;padding-left:25px;}
header #nav >ul >li >ul{display:none; min-width:100%; position:absolute; top:50px; left:20px; line-height:normal; white-space:nowrap; z-index:99;background:rgba(251,251,255,0.9)}
header #nav >ul >li >ul >li{margin-bottom:0px; z-index:999999}
header #nav >ul >li >ul >li >a{color:#1c447f; //border-top:1px solid #1c447f; font-size:18px; text-decoration:none; margin-bottom:1px; padding:2px 20px; display:block;  background:rgba(251,251,255,0.7)}
header #nav >ul >li >ul >li >a:hover{background:rgba(251,251,255,1.0); color:#00F; text-decoration:none}
header #nav >ul >li:first-child{background:none}
header #nav >ul >li.home{background:url("img/home.png") no-repeat 50% 4px; background-size:auto 45px;}
header #nav >ul >li >a{float:left; font-size:18px; color:#1c447f; display:block; height:40px; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:15px 15px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
header #nav >ul >li.active >a{cursor:pointer; text-decoration:none}
header #nav >ul >li >a:hover{color:#00F; text-decoration:none;//background:rgba(251,251,255,1.0)}
#account{height:50px; line-height:35px; position:fixed; top:0px; z-index:10000}
#account{position:absolute; top:0px; left:0}
#account >strong{display:none; top:0px}
#account >ul >li{float:left; background:#fbfbff; position:relative}
#account >ul >li.parent>a{background:url("img/nav-more.png") no-repeat 10px 17px; background-size:auto 10px;padding:5px 0 10px 30px}
#account >ul >li.acct>a{background:url("img/acct-2.png") no-repeat 50% 4px; background-size:auto 45px;}
#account >ul >li >ul{display:none; min-width:100%; position:absolute; top:40px; left:20px; line-height:normal; white-space:nowrap; z-index:99; background:rgba(251,251,255,0.7);padding: 0 0 5px 0;}
#account >ul >li >ul >li{margin-bottom:0px}
#account >ul >li >ul >li >a{color:##1c447f; //border-top:1px solid #1c447f; font-size:18px; text-decoration:none; margin-bottom:1px; padding:2px 10px 2px 10px; display:block;  //background:rgba(251,251,255,0.7)}
#account >ul >li >ul >li >div a{color:##1c447f; //border-top:1px solid #1c447f; font-size:18px; text-decoration:none; margin-bottom:1px; padding:2px 10px 2px 10px; display:block;  background:rgba(13,49,107,0.8)}
#account >ul >li >ul >li >a:hover{background:#fbfbff; color:#00F; text-decoration:none}
#account >ul >li >ul >li >div a:hover{background:#fbfbff color:#00F; text-decoration:none}
#account >ul >li:first-child{background:none}
#account >ul >li >a{float:left; font-size:18px; color:#1c447f; display:block; height:20px; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:5px 10px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
#account >ul >li.active >a{cursor:pointer; text-decoration:none}
#account >ul >li >a:hover{color:#00F; text-decoration:none}
#account a{font-size:.9em; display:absolute; position:relative; color:#1c447f; text-decoration:none; top:5px}
#account a:hover{color:#00F; text-decoration:none}
#intro{position:relative; //background:url("img/drk_blue4.png") repeat 0 0;background:#fbfbff; top:50px}
#intro .inner{top:0px;  position:relative}
#intro .inner .banner{ position:relative;  background:url("img/davids-web.png") no-repeat 50% 0; background-size:100% auto; opacity:1.0; filter:alpha(opacity=100)}
#intro .inner .title{position:absolute; top:0px; padding:40px 0; height:60px; width:100%; font-size:4.0em; text-align:center; color:#1c447f; text-shadow:0px 0px 10px #bbb; font-family:"Segoe Print",Arial,Tahoma,Verdana}
#intro .inner .online{width:180px}
#intro .inner .left p{width:45%; padding:0px 0px; font-size:1.0em; line-height:1.2em; text-shadow:1px 1px 2px #0d316b; color:#ccc; position:absolute; text-align:left; float:left; left:5px; bottom:-13px; }
#intro .inner .right p{width:45%; padding:0px 0px; font-size:1.0em;  line-height:1.2em; text-shadow:0px 0px 4px #0d316b; color:#ccc; position:absolute; text-align:right; float:right; right:0px; bottom:-13px;}
#intro .inner .right a{text-shadow:2px 2px 4px #1c447f; color:#efefef}
#intro .inner .right a:hover{color:red; text-shadow:0 0 15px #fff}
#intro .button:hover a{background:-moz-linear-gradient(top,#ff9a01 0%,#ffc101); background:-webkit-gradient(linear,left top,left bottom,from(#ff9a01),to(#ffc101))}
#intro .button span{color:#b1b1b1; font-weight:100}
#intro .button{box-shadow:2px 0px 2px #3a0762}
html{background:#ebebee;}
body{color:#727272; font:normal 16px "Helvetice Neue",Arial,Tahoma,Verdana}
p{line-height:1.2em; margin-bottom:15px}
p strong{color:#424242}
address{font-style:normal; padding-bottom:15px}
a{outline:0; text-decoration:none; color:rgb(13,49,107)}
a:hover{color:#f00; text-decoration:none; text-shadow:0px 0px 3px #ccc}
h1, h2, h3, h4{line-height:1.2em; margin:0px;padding:0px;  font-weight:bold; display:block; width:100%; text-align:left}
h1{color:#009; font:normal 1.8em "Segoe Print",Arial,Tahoma,Verdana; padding-bottom:0px; text-shadow:2px 2px 4px #bbb}
h1 strong{font-weight:bold; line-height:1em; margin-bottom:0px; text-shadow:2px 2px 4px #bbb; padding:0 10px}
h2{color:#c00; font:normal 1.6em "Segoe Print",Arial,Tahoma,Verdana; text-shadow:2px 2px 4px #bbb; margin-bottom:0px; padding-bottom:5px}
h3{font-size:1.4em; color:#1c447f; text-shadow:1px 1px 1px #bbb; margin-bottom:10px}
h4{font-size:1.2em; color:#1c447f; text-shadow:1px 1px 3px #bbb; margin:0px 0px;}
h5{font-size:1.2em; color:#1c447f; text-shadow:1px 1px 1px #bbb; font-style:italic; padding:0px;margin:0px;line-height:1em;}
.bluebox{padding:10px 0px; background:rgba(58,101,148,0.3)}
#time{margin:0 auto 25px auto; position:relative; width:100%;max-width:900px; padding:10px 0px; z-index:1;float:left;font-size:16px}
#time .date-time{color:rgba(58,101,148,0.9); z-index:1000; float:right;padding:0 10px}
#time.date{color:rgba(58,101,148,0.9); z-index:1000; float:left; }
.device{margin:-40px auto 0 auto; position:relative; max-width:900px; padding:0 0px; z-index:1;font-weight:normal; color:#1c447f; font-size:1em; top:-15px; left:0px}
#admin_header{z-index:200; width:100%; background:rgba(0,60,0,0.7); top:40px; position:fixed; padding:3px 0}
#admin_header .nav{//background:#0c0; max-width:900px; padding:0 10px; position:relative; margin:0 auto 0 auto}
#admin_header .nav strong{color:#efefef; width:100%; right:0}
#admin_header .nav a{//float:right; color:#ccc; padding:1px 10px 1px 5px}
#admin_header .nav a:hover{color:#fff}
div.pagination{padding:2px 5px 2px 5px; margin:2px; font-size:14px}
div.pagination a{padding:2px 5px 2px 5px; margin:2px; border:1px solid rgba(58,101,148,0.8); text-shadow:0px 0px 0px; text-decoration:none; color:rgba(58,101,148,0.8); border-radius:3px}
div.pagination a:hover, div.pagination a:active{border:1px solid rgba(58,101,148,0.8); background:rgba(58,101,148,0.3); color:#00F}
div.pagination span.current{padding:2px 5px 2px 5px; margin:2px; border:1px solid rgba(58,101,148,0.8); font-weight:bold; background:rgba(58,101,148,0.8); color:#FFF; text-shadow:0px 0px 0px; border-radius:3px}
div.pagination span.disabled{padding:2px 5px 2px 5px; margin:2px; border:1px solid rgba(58,101,148,0.3); color:rgba(58,101,148,0.3); border-radius:3px}
#content{padding:40px 0px; background:#fbfbff; z-index:1; text-align:left}
#content  .container{min-height:500px}
 .container2{display:block;min-height:1000px;width:100%}
#content p a{font-style:italic}
#cont{padding-top:15px;width:100%;margin:0 auto;background-image:url('images/cross3.png');background-size: 45px auto;background-repeat: no-repeat;background-position:center top  ; background-color:transparent;}
#cont .verse{color:rgba(28,68,127, .8);font-size:16px;}
#cont .bible{text-align:center; width:100%;margin-top:10px;}
#cont .b_mark{font-size:1.2em;font-weight:bold; color:rgba(28,68,127, 1); text-shadow:1px 1px 5px rgba(28,68,127, 0.5); margin:10px 0px;}
#cont a{text-decoration: none;color:#00F;color:rgba(0,0,255,0.5)}
#cont a:hover{text-decoration: none;color:#00F;color:rgba(255,0,0,0.5)}
div .atc.left{text-align:left; margin:0; padding:0 5px; position:relative; width:160px}
div .atc.right{text-align:right}
.cols{margin-bottom:30px}
.cols li{max-width:31%; float:left; margin:0 0 2% 2%; background:url("img/cite.png") no-repeat}
.cols li p{padding-left:35px}
.cols li.middle{}
form{margin:10px 10px; color:#777; border:0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
form fieldset{}
form.text{border:1px solid #d6d6d6; background:#fff; width:350px; padding:8px; font-size:1em; margin:0 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
form.text:hover{border-color:#aeaeae}
form.paypal{background-color:transparent; background-image:none; margin:0px 0px; padding:0px 0px; border:0px}
.grey{border-bottom:1px solid #777; padding:20px 0 0 0; top:-20px; position:relative}
i.email{margin:-3px 0 0 10px; background:url("img/email.png") no-repeat; background-size:auto 25px; width:25px; height:25px; position:absolute}
.submit{padding:5px 10px; background:rgba(58,101,148,8); color:white; border-radius:3px; box-shadow:2px 2px 4px #bbb; border:0}
#twitter{background:#fff; border-top:1px solid #e5e5e5}
#twitter .wrap{padding-top:20px; padding-bottom:5px; position:relative}
#twitter p{padding-left:80px}
#twitter .icon{display:block; position:absolute; top:-20px; left:20px; width:56px; height:61px; background:url("img/twitter.png") no-repeat}
.scripture{max-width:900px; margin:0 auto; display:block; position:relative; padding:0 10px;  background:#fbfbff}
footer{ padding:40px 0;min-height:40px; font:normal 14px "Helvetice Neue",Arial,Tahoma,Verdana; color:#777; float:left; width:100%; display:block;position:relative; margin-bottom:-40px; }
.online{text-align:center; padding:5px 0; width:100%}
footer .wrap{max-width:900px; margin:0 auto; left:0; right:0; display:block; position:relative; padding:15px 15px}
footer p{line-height:1.5em; width:33%; float:left; top:0px; margin-bottom:0px;padding:40px 0;}
footer p.floatRight{text-align:right }
footer p.floatCenter{text-align:center;}
footer p.floatLeft{text-align:left;padding:40px 0;}


footer a, footer a:link, footer a:focus{color:#777; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
footer a:hover{color:#fff}
footer .socialIcons{padding-top:0px; float:left; top:0}
footer .socialIcons a{display:inline-block; width:25px; height:25px; margin:0 2px 0 2px; text-indent:-9999px}
footer .socialIcons a:last-child{margin-right:0}
footer .socialIcons a.google{background:url("img/google.png") no-repeat; background-size:auto 25px}
footer .socialIcons a.rss{background:url("img/small-rss.png") no-repeat}
footer .socialIcons a.facebook{background:url("img/small-facebook2.png") no-repeat; background-size:auto 25px}
footer .socialIcons a.twitter{background:url("img/small-twitter.png") no-repeat}
footer .socialIcons a.youtube{background:url("img/youtube.png") no-repeat; background-size:auto 25px}
footer .socialIcons a.email{background:url("img/email.png") no-repeat; background-size:auto 25px;position:absolute;margin-top:-3px}
#ads{max-width:900px; width:100%; margin:0 auto; bottom:5px; left:0; right:0; display:block; position:relative}
#ads .google_ads{padding:2px; width:100%; text-align:center; position:relative}
#ads .friends{height:60px; width:33%; padding:0 0px; text-align:center; margin:2px 0; float:left; display:block; position:relative}
#ads .paypal{height:22px; width:100%; padding:0 0; text-align:center; margin:0 auto; float:left; display:block; position:relative}
.wraptop{margin:0 auto; position:relative; height:300px; max-width:940px; padding:0 20px}
.wrap{margin:0 auto; position:relative; max-width:900px; padding:0 10px; z-index:1}
.wrapbottom{ position:relative; width:100%; z-index:1; background:#fbfbff}
.col{width:47%; position:relative; margin-bottom:20px;margin-right:2%;//border:1px solid orange}
.col h3, .col p{padding:0 10px}
.icon i{position:absolute; display:inline-block; width:50px; height:50px; margin:-5px 2px 5px 2px; padding:5px 5px; opacity:0.3; filter:alpha(opacity=30)}
.iconLeft{position:absolute; top:0; left:0; padding:0}
.iconRight{position:absolute; top:0; left:0; padding:0}
.icon i.gamespy{background:url("img/g_spy.png") no-repeat 0px 0px; background-size:auto 35px}
.icon i.eyes{background:url("img/eyes.png") no-repeat 0px 5px; background-size:auto 25px}
.icon i.ticket{background:url("img/ticket.png") no-repeat 0px 0px; background-size:auto 35px}
.icon i.award{background:url("img/award.png") no-repeat 0px 0px; background-size:auto 45px}
.icon i.members{background:url("img/members.png") no-repeat 0px 0px; background-size:auto 35px}
.icon i.plane{background:url("img/plane.png") no-repeat 0px 0px; background-size:auto 35px}
.icon i.tower{background:url("img/tower2.png") no-repeat 0px 0px; background-size:auto 35px}
.icon i.feather{background:url("img/feather.png") no-repeat 0px 0px; background-size:auto 35px}
.icon i.mail{background:url("img/mail.png") no-repeat; background-size:auto 20px; background-position:0 4px; opacity:0.9; filter:alpha(opacity=90)}
.signIn{position:absolute; top:35px; left:20px; font-style:italic}
.thirds{float:left; width:29%; position:relative; padding:3px 2%}
.left{text-align:left}
.right{text-align:right}
.middle{text-align:center}
.roundrect{border-radius:5px 5px }
.fadein { 
text-align:center;
position:relative;
width:100%;
height:auto;
 }
.fadein img { position:absolute;margin:10px auto 0 auto;left:0px; right:0;top:0px; max-height:768px; width:auto;max-width:100%;z-index:2}
.buttonCentered{text-align:center; margin-bottom:30px}
.button, .button:link, .button:focus{cursor:pointer; position:relative; margin-top:10px; display:inline-block; text-decoration:none; font-size:12px; font-weight:bold; text-transform:uppercase; color:#787b7c; padding:8px 20px; background:-moz-linear-gradient(top,#fff 0%,#f1f1f1); background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1)); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cacaca; text-shadow:0 0 0}
.button:hover{text-decoration:none; background:-moz-linear-gradient(top,#424242 0%,#000); background:-webkit-gradient(linear,left top,left bottom,from(#424242),to(#000)); color:#00F; border-color:#00F}
.button.iconLeft{padding-left:45px}
.button.iconRight{padding-right:45px}
.button i{display:inline-block; position:absolute; top:50%; margin-top:-9px; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%}
.button.iconLeft i{left:20px}
.button.iconRight i{right:20px}
.button i.more{background-image:url("img/more.png")}
.button i.email{background-image:url("img/email.png"); margin-top:-8px}
.newsletter a{font-style:italic; font-weight:bold}
.newsletter{width:220px; padding:5px 10px; background:#eee; border-radius:15px; margin:0 auto 20px auto; -webkit-animation:mymove .5s infinite; -webkit-animation-delay:0s; animation:mymove .5s infinite; animation-delay:0s}
@-webkit-keyframes mymove{ from{box-shadow:0 0 0px}
 to{box-shadow:0 0 20px #933}
}
@keyframes mymove{ from{box-shadow:0 0 0px}
 to{box-shadow:0 0 20px #933}
}
div.style-two{margin:10px 0; border:0; height:1px; background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0)); background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}
h4.thirty{color:orange; font-size:22px; text-shadow:1px 1px 2px #bbb; margin:0}
#picture{}
#picture a.small .small{text-decoration:none; height:70px; width:auto}
#picture img{border:0; margin:15px auto -15px auto; border:0; position:relative}
#picture a.small:hover .small{text-decoration:none; opacity:0.0; filter:Alpha(opacity=0)}
#picture .large{width:0; height:0; display:block; position:absolute; border:0}
#picture a.small:hover .large{width:300px; left:-25px; height:auto; z-index:10001}
#device{font:normal 1.2em "Arial",Tahoma,Verdana; top:0px; position:absolute}
sup{vertical-align: super;font-size: smaller
}
.floatRight{float:right;display:inline-block;text-align:right;height:80%;overflow:hidden;} 
.floatLeft{float:left;display:inline-block;}
.spacer{width:100%;float:left;height:1px;}

@media (max-width:950px){
//h1{font-size:1.7em}
.wrap{max-width:100%; margin:0}
.cols li{max-width:30%}
form fieldset{padding:15px}
form label{display:block}
form .text{margin:0; width:100%; padding-left:0px; padding-right:0px; text-indent:8px}
form .button{float:right}
#content .container{min-height:500px}
}
@media (max-width:850px){
//h1{font-size:1.6em; text-align:left}
#intro .inner .banner{ background-size:100% auto}
#time{display:none}
#content .container{//min-height:670px}

}
/* For iPad landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.fadein img {max-height:650px;}
#time{display:none}
}
@media (max-width:750px){
//h1{font-size:1.5em}
#ads .friends{width:100%}
#intro .inner .banner{ background-size:100% auto}
#intro .inner .title{font-size:3.5em; padding:5px 0; text-shadow:0px 0px 8px #bbb}
#device{font:normal 1.0em "Arial",Tahoma,Verdana; line-height:1.0em; margin-top:5px; position:absolute; color:blue}
#content .container{min-height:600px}
.col{width:97%;text-align:left}
.floatRight{text-align:left;float:left} 
.container2{min-height:1800px
}

@media (max-width:650px){
header{height:50px; line-height:35px; color:#1c447f}
//h1{font-size:1.2em}
body{font-size:18px}
header a#logo{left:20px}
header #nav{right:15px; top:10px}
header #nav >strong{display:block; top:0px; float:right; cursor:pointer;font-size:18px; }
header #nav >strong:hover{color:#00F}
header #nav >ul{height:40px; display:none; position:absolute; left:auto; right:0; top:40px; line-height:normal; white-space:nowrap}
header #nav >ul >li.parent>a{height:40px; background:url(""img/nav-more.png"") no-repeat 20px 50%; background-size:auto 10px; padding-left:40px}
header #nav >ul >li, header #nav >ul >li >ul >li{float:none; margin-top:0px; position:relative; background:none !important}
header #nav >ul >li >ul{position:relative !important; display:block !important; top:0 !important; width:100% !important}
header #nav >ul >li >a, header #nav >ul >li.parent >a{color:#1c447f; border-bottom:1px solid #1c447f; text-decoration:none; padding:5px 20px !important; height:auto; float:none !important; width:100%; display:block; background-color:rgba(251,251,255,0.7); -webkit-transition:all 0s ease-in-out; -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out; -ms-transition:all 0s ease-in-out; transition:all 0s ease-in-out}
header #nav >ul >li >a:hover{ color:#00F; text-decoration:none}
header #nav >ul >li >ul >li >a{border-bottom:1px solid #1c447f; background-color:rgba(251,251,255,0.7)}
footer p.floatLeft, footer p.floatRight, footer p.floatCenter{display:block; width:100%; float:none; text-align:center; margin:0 0 20px 0; padding:0}
footer p:last-child{margin-bottom:0}
.buttonCentered{position:relative; top:-15px}
#content{padding:40px 0 50px; background:#fbfbff}
#content .container{min-height:550px}
.wrap{max-width:auto; margin:0}

.cols li.middle{margin:0 0}
.thirds{width:100%; text-align:center}
form fieldset{padding:15px}
form label{display:block}
form .text{margin:0; width:100%; padding-left:0; padding-right:0; text-indent:8px}
form .button{float:right}
.col{position:relative; margin-bottom:20px; text-align:center;}
.col h3, .col p{padding:0 10px}

div .atc.left{width:98%; text-align:left}
div .atc.right{text-align:left}
.right{text-align:center}
#intro .inner .banner{ background-size:100% auto}
#intro .inner .title{font-size:3.0em; padding:5px 0}
}
@media (max-width:550px)
//{h1{font-size:1.3em}
#intro .inner .banner{ background-size:100% auto}
#intro .inner .title{font-size:2.5em; padding:0 0; text-shadow:0px 0px 5px #bbb}
#content .container{min-height:500px}
}
@media (max-width:450px){header{height:50px; line-height:35px; font-size:1.0em}
body{font-size:20px}
//h1{font-size:1.2em}
.buttonCentered{position:relative; top:-15px}
form fieldset{padding:0px 0px; margin:0px 0px}
#content .container{min-height:200px}

#intro .inner .banner{ background-size:100% auto}
#intro .inner .title{font-size:2.0em; padding:0 0}
#device{font:normal .8em "Arial",Tahoma,Verdana; line-height:1.0em; margin-top:0px; position:absolute; color:red}
#content .container{min-height:300px}
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
html{width:100%}
body{font-size:20px}
#time{display:none}
#content .container{min-height:100px}
#device{display:none}
}
#vertical-ticker li{padding:0 20px}