/* RESET
*************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* MAIN
*****************************************/
body{font-family: Arial; background:#fff url(../img/bg.png) repeat-x top left;}
header{}
.clear{clear:both;}
a{color: red; text-decoration: underline;font-size:16px; line-height:23px}
a:visited{color: #c0c0c0 !important;}

/* LAYOUT
*****************************************/
.wrapper{float:left;width:100%;background: #334455; background:transparent url(../img/bg_main.png) no-repeat center 31px;}
.page{ min-height: 600px; zfloat:left;}
.strap{text-align:right; line-height:26px;margin-bottom:4px}
.strap a{
	color:#fff; 
	text-decoration:none;
	text-transform:uppercase;
	margin-left: 8px; 
	margin-right:5px; 
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:30px;
	font-weight:600;
	position:relative;
	top:1px;
	/* Good browsers */
	opacity: 0.8;
	
	
	
	transition: all 0.1s ease-in-out;
	
}
.strap a:hover{/* Good browsers */
	zcolor:#94CFEF;
	/* Good browsers */
	opacity: 1;
	
	
}
.social_wrapper{width: 150px; float:right}
a.social{height: 24px; width:24px;position:relative;top:0px; padding: 2px; margin-left: 8px; margin-right:0; display:block; float:left}
.social span{display:none; }

.logo{position:relative; height:100%;}
.logo img{zwidth:200px; zheight: 100px}
.motto{color: #fff; font-family:Times New Roman; font-size:30px;font-weight:normal;position:relative; height:100%;}
.motto .words{
	position: absolute;
	top: 28px;
	right: -3px;
	height: 95px;
	width: 100%;
	background: transparent url(../img/lovingpeople_loving_god.png) no-repeat top right;
	text-indent: -9999px
}

.masthead{height:136px; position:relative}
.logo a{
	position: absolute;
	left: 0;
	top: 23px
}

.content{padding-bottom:30px; }
.footer{padding:0 20px; clear: both}

/* TYPOGRAPHY
*****************************************/
h1.special{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/welcome.png) no-repeat left center;text-indent:-99999px;}
p{
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0;
	margin: 3px 0 7px 0
}
h1.lifegroups{
	font-size: 72px;
	color: #3782bb;
	font-family: 'Advent Pro', 'Open Sans', sans-serif;
	font-weight: 100;
	padding: 10px 0 5px 0;
	background: transparent url(../img/lifegroups.png) no-repeat left center;
	text-indent: -99999px;
	line-height: 90px;
}
h1.lifetrack{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/lifetrack.png) no-repeat left center;text-indent:-99999px;}
h1.kids{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/kids.png) no-repeat left center;text-indent:-99999px;}
h1.podcast{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/podcast.png) no-repeat left center;text-indent:-99999px;}
h1.servicetimes{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/servicetimes.png) no-repeat left center;text-indent:-99999px;}
h1.youth{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/youth.png) no-repeat left center;text-indent:-99999px;}
h1.messages{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/messages.png) no-repeat left center;text-indent:-99999px;}
h1.contactus{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/contact_us.png) no-repeat left center;text-indent:-99999px;}
h1.virginiastweets{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/virginias_tweets.png) no-repeat left center;text-indent:-99999px;}
h1.lifecourses{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/lifecourses.png) no-repeat left center;text-indent:-99999px;}
h1.women{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/women.png) no-repeat left center;text-indent:-99999px;}
h1.men{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/men.png) no-repeat left center;text-indent:-99999px;}
h1.prayer{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/prayer.png) no-repeat left center;text-indent:-99999px;}
h1.events{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/events.png) no-repeat left center;text-indent:-99999px;}
h1.pastoral{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/pastoral_care.png) no-repeat left center;text-indent:-99999px;}
h1.missions{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/missions_home.png) no-repeat left center;text-indent:-99999px;}
h1.missionsabroad{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/missions_abroad.png) no-repeat left center;text-indent:-99999px;}
h1.missions2{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/missions.png) no-repeat left center;text-indent:-99999px;}
h1.give{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/give.png) no-repeat left center;text-indent:-99999px;}
h1.videopodcast{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/video_podcast.png) no-repeat left center;text-indent:-99999px;}
h1.meet{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/meet.png) no-repeat left center;text-indent:-99999px;}
h1.prayerrequest{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/prayer_request.png) no-repeat left center;text-indent:-99999px;}
h1.join{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/join.png) no-repeat left center;text-indent:-99999px;}
h1.grow{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/grow.png) no-repeat left center;text-indent:-99999px;}
h1.focus{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/focus.png) no-repeat left center;text-indent:-99999px;}
h1.go{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/go.png) no-repeat left center;text-indent:-99999px;}
h1.avenue{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/avenue.png) no-repeat left center;text-indent:-99999px;}
h1.eden{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/eden_head.png) no-repeat left center;text-indent:-99999px;}
h1.modules{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/modules.png) no-repeat left center;text-indent:-99999px;}
h1.registration{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/registration_slm.png) no-repeat left center;text-indent:-99999px;}
h1.about{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/about.png) no-repeat left center;text-indent:-99999px;}
h1.ashburnham{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/ashburnham.png) no-repeat left center;text-indent:-99999px;}
h1.schedule{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/schedule.png) no-repeat left center;text-indent:-99999px;}
h1.teachers{font-size:72px;color:#3782bb; font-family: 'Advent Pro', 'Open Sans', sans-serif; font-weight:100;padding:10px 0 5px 0; background:transparent url(../img/teachers.png) no-repeat left center;text-indent:-99999px;}





/* NAVIGATION
*****************************************/
#nav{width: 100%; float: left;  font-family: 'Open Sans', Arial, sans-serif;text-transform:uppercase;font-size:16px;font-weight:600;padding-bottom:7px; }
.mac-os #nav{font-size:15px;font-family: Helvetica, 'Open Sans', Arial, sans-serif;}
#nav a{color: #3e474e !important; display:block; padding: 5px;float:left;  line-height:30px; text-decoration:none; font-weight:normal;}
#nav > li{position:relative;float:left}
#nav > li a{margin: 0; padding: 5px 0px 5px 15px}
#nav .subnav{
	-webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.9);
    box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.9);
	display:none; 
	position: absolute; 
	left: 12px; 
	top: 40px; 
	z-index:30000;
	padding: 0;
	width: 250px; 
	background:#fff;
	/* Good browsers */
	opacity: 0.9;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	/* IE 5-7 */
	filter: alpha(opacity=90);
	/* FF */
	-moz-opacity: 0.9;
	/* Safari 1.x */
	-khtml-opacity: 0.9;
}
#nav .subnav li{border-bottom: 1px solid #a1b9c5;}
#nav .subnav a{float:none; font-size:14px;}
#nav .subnav a:hover{background:#9fa3a6; color: #fff}
#nav .hassub:hover .subnav{display:block}
.js #nav .hassub .subnav{ display:none;}
#nav .hassub > a{ background:transparent url(../img/arrows_down.png) no-repeat right 14px; padding-right:17px;}
#nav .hassub > a:hover{ background:transparent url(../img/arrows_down.png) no-repeat right -26px;}

/*SUCKERFISH MENU
******************************************/
.main_nav{width: 100%; float: left;  font-family: 'Open Sans', Arial, sans-serif;text-transform:uppercase;font-size:16px;font-weight:600;padding-bottom:7px; }
.mac-os .main_nav{font-size:15px;font-family: Helvetica, 'Open Sans', Arial, sans-serif;}
.main_nav a{color: #3e474e !important; display:block; padding: 5px;float:left;  line-height:30px; text-decoration:none; font-weight:normal;}
.main_nav > li{position:relative;float:left}
.main_nav > li a{margin: 0; padding: 5px 0px 5px 13px}
 .main_nav ul{
	-webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.9);
    box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.9);
	display:none; 
	position: absolute; 
	left: 12px; 
	top: 40px; 
	z-index:30000;
	padding: 0;
	width: 250px; 
	background:#fff;
	/* Good browsers */
	opacity: 0.9;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	/* IE 5-7 */
	filter: alpha(opacity=90);
	/* FF */
	-moz-opacity: 0.9;
	/* Safari 1.x */
	-khtml-opacity: 0.9;
}
.main_nav ul ul{/* Good browsers */
	opacity: 1;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity=100);
	/* FF */
	-moz-opacity: 1;
	/* Safari 1.x */
	-khtml-opacity: 1;
}
.main_nav ul li{border-bottom: 1px solid #a1b9c5;}
.main_nav ul a{float:none; font-size:14px;}
.main_nav ul a:hover{background:#9fa3a6; color: #fff}



/* SLIDER PAGINATION
******************************************/
#pagination{zbackground:#000;width:auto;height:20px;float:right;text-align:right;position:relative;top:-30px; padding-right:20px;z-index:8000;}
.slider-pagination{
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
	display:block;
	padding:2px 20px 0 0; 
	background:#86AABA;
	height: 30px; 
	margin-left: 5px;
	display:inline;
	cursor: pointer;
	overflow:hidden; 
	/* Good browsers */
	opacity: 0.7;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* IE 5-7 */
	filter: alpha(opacity=70);
	/* FF */
	-moz-opacity: 0.7;
	/* Safari 1.x */
	-khtml-opacity: 0.7;
}
.slider-pagination:hover{
	/* Good browsers */
	opacity: 1;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity=100);
	/* FF */
	-moz-opacity: 1;
	/* Safari 1.x */
	-khtml-opacity: 1;
}
.cs-active-pagination{
	background:#CEDCE5;
	/* Good browsers */
	opacity: 1;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity=100);
	/* FF */
	-moz-opacity: 1;
	/* Safari 1.x */
	-khtml-opacity: 1;
}

/* LAYER SLIDER
**************************************/
#layerslider{width: 873px; height: 556px}
#layerslider a{overflow: hidden; display:block; color: white; font-size: 26px; text-decoration: none; font-family: 'Arimo', sans-serif; width: 189px; height: 224px; position: absolute; padding:15px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); background: url(../img/spacer.gif) 0 0 repeat;
        filter: dropshadow(color=#000000, offx=1, offy=1);}
#layerslider a span{display: block; position: absolute;  width: 188px; background-repeat: no-repeat;  background-position: right top; text-indent: -9999px}
#layerslider a:hover{color: #6dcff6;}
#layerslider a:hover span{background-position: bottom right; }
#layerslider .red{color:red}
#layerslider .blue{color:blue}
#layerslider a.small{ font-size: 16px; text-decoration:underline;}
/* #layerslider a span span{position: static;line-height: 17px; display:block !important; width: 100%;} */

/* #layerslider .staff a {color: black;font-size: 14px; text-shadow: none;  width:174px; height: 254px; padding:0;}
#layerslider .staff a.back{color:white;}       
#layerslider .staff a span.wrapper{display:block; text-align: center; width: 170px;  bottom: 0;  zheight:50px; background: transparent url(../img/staff_bg.png); opacity: 1.5; padding: 7px 2px 7px 2px;}
#layerslider .staff a span span{position: static; padding: 0; float:none; width: auto;}
#layerslider .staff a span.name{font-weight: bold; }
#layerslider .staff a span.position{font-weight: normal; font-size: 12px} */
#layerslider .staff a {overflow: hidden; padding: 0; width: 174px; height: 254px; display: block; z-index: 10000;  background: url(../img/spacer.gif) 0 0 repeat;} /*background-image necessary for IE8 absolutely positioned link bug http://stackoverflow.com/questions/6914822/absolute-positioned-anchor-tag-with-no-text-not-clickable-in-ie*/
#layerslider .staff a span.wrapper{width: 176px; padding-top: 51px; display:block; text-align: center; overflow: hidden; position:absolute; bottom:0; background-image: url(../img/leader_names.png); background-repeat: no-repeat; background-position: bottom center}
#layerslider .rprl_person { overflow: visible;}
#layerslider .rprl_person div{position: absolute; top:0;}
#layerslider .rprl_person img{ 
    position: absolute;
	z-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	zzoom: 1;
}
#layerslider a.back{font-size: 16px; left: 800px; width: 50px;  line-height: 55px; padding: 0; color: #fff !important;}
.story_thumb div {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#layerslider a:hover.rotate_cw div{-moz-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);} 
#layerslider a:hover.rotate_ccw div{-moz-transform: scale(1) rotate(-1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(-1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-1deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);} 

/* Direction Nav */
.direction-nav{position: absolute; width: 873px; height: 556px; display:none;}
.direction-nav a {width: 54px; height: 95px; margin: -20px 0 0; display: block; background: url(../img/arrows.png) no-repeat 0 0; position: absolute; top: 40%; cursor: pointer; text-indent: -9999px; opacity: 0.5; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
.direction-nav .slide-next {background-position: 100% 0; right: -70px; }
.direction-nav .slide-prev {left: -70px;}
.direction-nav:hover .slide-next {opacity: 0.8; right: -60px;}
.direction-nav:hover .slide-prev {opacity: 0.8; left: -60px;}
.direction-nav:hover .slide-next:hover, .direction-nav:hover .slide-prev:hover {opacity: 1;}
.direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
#splashd {
    overflow: hidden;
}

.left{float: left;text-align: left}
.right{float: right; text-align: right}