html {box-sizing: border-box;}
*, *:before, *:after {
  box-sizing: inherit;
}

body {background-color:#ffffff;text-decoration-skip-ink: none;color: #383334; font-family: open-sans; font-size: 18px; letter-spacing: 0; line-height: 26px;}
body.print {min-width: 0;max-width: 960px;}

.mb-menus a, .main-body a, header a, .header-ribbon a, footer a {text-decoration: none;color:#5FB2E4;}
.mb-menus a:hover, .main-body a:hover, header a:hover, .header-ribbon a:hover, footer a:hover {text-decoration: none;color:#5099c5;}
.mb-menus a img, .main-body a img, header a img, .header-ribbon a img, footer a img {border: none;}
.mb-menus a.active, .main-body a.active, header a.active, .header-ribbon a.active, footer a.active {outline: none;}

h1, h2, h3, h4, h5, h6, p, .standard-body ul, .standard-body li {margin: 0;padding: 0;}
.standard-body ul li, footer ul li {list-style: none;}
.clear {clear: both;}
b {font-weight:bold;}
em {font-style:italic;}
.standard-body hr {border: 1px solid #dadada;border-width: 1px 0 0 0;border-collapse: collapse;clear: both;margin: 60px 0;}

.standard-body {margin:30px auto 60px auto;max-width:760px;min-height:500px;color: #383334;font-family:open-sans;font-size: 18px;line-height: 32px;}
.standard-body.wide-page {max-width:none !important;}

.standard-body input, .standard-body textarea, .standard-body button {color: #383334; font-family: open-sans; font-size: 18px; letter-spacing: 0; line-height: 26px;}
.standard-body textarea, .standard-body input[type=text], .standard-body input[type=date] {padding:20px;background-color: #EEF7FC;border: 0;color: #383334;font-size: 20px;line-height:27px;font-weight: normal;font-family: 'open-sans';}
.standard-body textarea {min-height:120px;}
.standard-body input[type=radio] {margin-right: 7px;height: 18px;width: 18px;}

.standard-body input[type=submit] {border: 3px solid #383334;padding:10px 20px;color:#383334;text-transform:uppercase;font-size: 18px;letter-spacing: 3px;line-height: 36px;text-align: center;display: inline-block;font-weight:900;background-color:transparent;}
.standard-body input[type=submit]:hover {cursor:pointer;background-color:#383334;color:#FFFFFF;}
.standard-body input[type=submit].white {border: 3px solid #FFFFFF;padding:10px 20px;color:#FFFFFF;text-transform:uppercase;font-size: 18px;letter-spacing: 3px;line-height: 36px;text-align: center;display: inline-block;font-weight:900;background-color:transparent;}
.standard-body input[type=submit].white:hover {cursor:pointer;background-color:#FFFFFF;color:#383334;}
.standard-body input[type=submit].small {border: 2px solid #383334;padding:10px 20px;color:#383334;text-transform:uppercase;font-size: 14px;letter-spacing: 2.33px;line-height: 20px;text-align: center;display: inline-block;font-weight:900;background-color:transparent;}
.standard-body input[type=submit]:hover.small {cursor:pointer;background-color:#383334;color:#FFFFFF;}


.standard-body input.big {border:1px solid #d3d3d3;color:#262626;font-size:14px;border-radius:3px;}
.standard-body input[type=text].big, input[type=password].big {padding: 15px;height:40px;}
.standard-body input[type=submit].big {padding:12px 30px 12px 30px;background-color:#3496D1;color:white;font-size:14px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;border:0;margin-bottom:20px;}
.standard-body input.big[type=submit]:hover {background-color:#318BC3;}

.standard-body blockquote {text-align:justify;margin-left:1.5em;padding-right:3em;color: #777;font-style: italic;line-height: 20pt;margin-bottom:20px;}

.standard-body select {padding: 20px 40px 20px 20px;font-size: 20px;color: #383334;font-family: 'open-sans';border:0;font-weight:normal;background: url(/images/wrap2/select-down-arrow.svg) right 15px center / 10px no-repeat #EEF7FC;appearance: none;}
.standard-body select option {line-height:30px;}

.button-large {border: 3px solid #FFFFFF;padding:8px 20px;color:#FFFFFF;text-transform:uppercase;font-weight:bold;font-size: 18px;letter-spacing: 3px;line-height: 36px;text-align: center;display: inline-block;font-weight:900;text-decoration:none;}
.button-large.white {color:#FFFFFF;border: 3px solid #FFFFFF;}
.button-large.white:hover {background-color:#FFFFFF;color:#383334}
.button-large.black {color:#383334;border: 3px solid #383334;}
.button-large.black:hover {background-color:#383334;color:#FFFFFF}
.button-large.red {color:#EA6055;border: 3px solid #EA6055;}
.button-large.red:hover {background-color:#EA6055;color:#FFFFFF}
.button-large.yellow {color:#DAA12A;border: 3px solid #DAA12A;}
.button-large.yellow:hover {background-color:#DAA12A;color:#FFFFFF}
.button-large.blue {color:#5FB2E4;border: 3px solid #5FB2E4;}
.button-large.blue:hover {background-color:#5FB2E4;color:#FFFFFF}
.button-large.dkblue {color:#3E598D;border: 3px solid #3E598D;}
.button-large.dkblue:hover {background-color:#3E598D;color:#FFFFFF}



/*
FONTS REFERENCE
open-sans: weight 400 = Regular
open-sans: weight 700 = Bold
cabrito-sans: weight 700 = Norm Demi
cabrito-sans: weight 800 = Norm Bold
cabrito-sans: weight 900 = Norm ExBold
*/


.standard-body p {margin-bottom:40px;font-size:18px;line-height:32px;}
.standard-body p.callout, .main-body p.callout {font-size:20px;line-height:34px;margin-bottom:40px;}
.standard-body p.invert, .main-body p.invert {color:#fff;}
.standard-body p.center, .main-body p.center {text-align:center;margin-left:auto;margin-right:auto;}
.standard-body p.caption, .main-body p.caption {font-size:16px;line-height:22px;}
.standard-body h1, .main-body h1 {font-family:cabrito-sans;font-size: 66px;line-height:78px;margin-bottom:20px;text-align:center;}
.standard-body h1.invert, .main-body h1.invert {color:#fff;}
.standard-body h2, .main-body h2 {font-family:cabrito-sans;font-size: 36px;line-height:40px;margin-bottom:20px;font-weight:700;text-align:center;}
.standard-body h2 b, .main-body h2 b {font-weight:800}
.standard-body h2.invert, .main-body h2.invert {color:#fff;font-weight:900;}
.standard-body h2.left, .main-body h2.left {text-align:left;}
.standard-body h3, .main-body h3 {font-family:cabrito-sans;font-size: 24px;line-height:36px;margin-bottom:20px;font-weight:900;text-transform:uppercase;}
.standard-body h3.invert, .main-body h3.invert {color:#fff;}
.standard-body h3.center, .main-body h3.center {text-align:center;}
.standard-body h4, .main-body h4 {font-family:cabrito-sans;font-size: 22px;line-height:32px;margin-bottom:20px;font-weight:700;}
.standard-body h5, .main-body h5 {font-family:cabrito-sans;color: #EA6055;font-size: 18px;line-height:20px;letter-spacing:3px;margin-bottom:20px;font-weight:900;}
.standard-body h5.center, .main-body h5.center {text-align:center;}
.standard-body h6, .main-body h6 {font-family:cabrito-sans;color: #EA6055;font-size: 14px;line-height:20px;letter-spacing:2.33px;margin-bottom:20px;font-weight:900;text-transform:uppercase;}

.standard-body ol {padding-left: 30px;list-style:square;}
.standard-body ul {padding-left:50px;margin-bottom:40px;}
.standard-body li {padding-left:20px;margin-bottom:15px;}
.standard-body li.red::marker {content: '\25A0';color:#EA6055;font-size:24px;}
.standard-body li.yellow::marker {content: '\25A0';color:#F4BA3D;font-size:24px;}
.standard-body li.blue::marker {content: '\25A0';color:#5FB2E4;font-size:24px;}
.standard-body li.dkblue::marker {content: '\25A0';color:#3E598D;font-size:24px;}

/*
.standard-body input[type=submit] {border: 3px solid #383334;padding:10px 20px;color:#383334;text-transform:uppercase;font-size: 18px;letter-spacing: 3px;line-height: 36px;text-align: center;display: inline-block;font-weight:900;background-color:transparent;}
.standard-body input[type=submit]:hover {cursor:pointer;background-color:#383334;color:#FFFFFF;}
.standard-body input[type=submit].white {border: 3px solid #FFFFFF;padding:10px 20px;color:#FFFFFF;text-transform:uppercase;font-size: 18px;letter-spacing: 3px;line-height: 36px;text-align: center;display: inline-block;font-weight:900;background-color:transparent;}
.standard-body input[type=submit].white:hover {cursor:pointer;background-color:#FFFFFF;color:#383334;}
*/

.tools-body {max-width: 960px;margin: 0 auto;padding: 20px;font-size:13px;line-height: normal;}
.tools-body.wide-page {max-width:1360px !important;}
.tools-body a {color: #7d2612;text-decoration: underline;}
.tools-body a:hover { color: #777;}
.tools-body input, .tools-body textarea {color: #262626; font-family: roboto; font-size: 16px; letter-spacing: 0; line-height: 24px;}
.tools-body button {color: #262626; font-family: roboto;}
.tools-body input {line-height:normal;}
.tools-body p {margin-bottom:20px;font-size:16px;line-height:26px;}
.tools-body h1 {font-family:roboto;color: #636d48; font-size: 25px; text-transform: uppercase; margin: 5px 0 10px 0;line-height:34px;}
.tools-body h2 {font-family:roboto;color: #555555; font-size: 20px; text-transform: uppercase; margin-bottom:20px;}
.tools-body h3 {font-family:roboto;color: #333333; font-size: 18px; text-transform: uppercase; margin: 0 0 5px 0;line-height:24px;}
.tools-body h4 {font-family:roboto;font-size: 22px;line-height:32px;margin-bottom:20px;font-weight:700;}
.tools-body h5 {font-family:roboto;color: #EA6055;font-size: 18px;line-height:20px;letter-spacing:3px;margin-bottom:20px;font-weight:900;}
.tools-body h6 {font-family:roboto;color: #EA6055;font-size: 14px;line-height:20px;letter-spacing:2.33px;margin-bottom:20px;font-weight:900;text-transform:uppercase;}
.tools-body textarea, .tools-body input {font-size:14px;}

.tools-body em {font-style: italic; color: #777;}
.tools-body ul { }
.tools-body li {list-style: none;margin-bottom:10px;}

.tools-body hr {border: none;background: url(/images/wrapper/divider.png) repeat-x left bottom;height: 5px;border-collapse: collapse;clear: both;margin: 10px 0;}


.more_info {position: relative;color:#7d2612;}
.more_info .title {position: absolute;top: 20px;background: silver;border-radius:6px;color:black;padding: 10px;left: 0;white-space: normal;width:150px;z-index:1;}

.main-body p {margin-bottom:40px;font-size:18px;line-height:32px;}
.main-body.main-pad {padding-left:20px;padding-right:20px;margin:60px auto 60px auto;}

.staff-container {display:flex;margin-bottom:60px;}
.staff-container h3 {margin-bottom:5px;text-transform: uppercase;}
.staff-container h5 {margin-bottom:13px;text-transform: uppercase;}
.staff-container p {margin-bottom:14px;height: 100px;overflow: hidden;display:inline-block;}
.staff-container i {cursor:pointer;font-weight:bold;}
img.staff-photo {display:block;margin-right:40px; border-radius: 50%;height:200px;width:200px;max-width: 300px;}


.top-callout {margin:0 auto 20px auto;display:flex;max-width:1240px;}
.top-callout h1 {text-align:right;flex-basis:50%;margin-right:20px;}
.top-callout p {flex-basis:50%;margin-left:20px;font-size:20px;line-height:34px;}


.color-box-container {display:flex;width:100%;align-items:start;max-width:1400px;margin:0 auto 60px auto;}
.color-box-container.reverse {flex-flow: row-reverse;}
.color-box {padding:88px 80px 68px 50px;background-color:#EA6055;width:50%;}
.color-box.red {background-color:#EA6055;}
.color-box.yellow {background-color:#F4BA3D;}
.color-box.blue {background-color:#5FB2E4;}
.color-box.dkblue {background-color:#3E598D;}
.color-box h3 {text-transform:uppercase;}
.color-box h3, .color-box p, .color-box ol {color:#ffffff;}
.color-box ol {margin-bottom:40px;padding-left:50px;}
.color-box p a, .color-box li a {color:white;font-weight:bold;text-decoration:underline;}
.color-box p a:hover, .color-box li a:hover {color:white;}
.color-box-side {width:50%;margin:30px -30px 30px -30px;z-index:1;display:flex;justify-content:center;align-items:center;}
.color-box-side img {width:100%;}

.noSelect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

#js-slides1, #js-slides2, #js-slides3 {width:100%;}
#js-slides1 ul, #js-slides2 ul, #js-slides3 ul {position: relative;padding: 0px;margin: 0px;list-style-type: none;margin-bottom:20px;}
#js-slides1 ul li, #js-slides2 ul li, #js-slides3 ul li {margin:0;padding:0;}
#js-slides1 div, #js-slides2 div, #js-slides3 div {text-align:center;}
#js-slides1 a, #js-slides2 a, #js-slides3 a {width:15px;height:15px;border-radius:50%;background-color:#dadada;margin-right:20px;display: inline-block;cursor:pointer;}
#js-slides1 a.showing, #js-slides2 a.showing, #js-slides3 a.showing {background-color:#EA6055;}
.js-slide {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;opacity: 0;z-index: 1;margin:0;padding:0;
	-webkit-transition: opacity 2s;-moz-transition: opacity 2s;-o-transition: opacity 2s;transition: opacity 2s;}
.showing {opacity: 1;z-index: 2;}

/*
.featured-image {margin-bottom:20px;}
.featured-image img {max-width:600px;max-height:340px;}
.featured-box {position:relative;width:100%;height:340px;max-width: 600px;margin-bottom:20px;font-weight:bold;color: #FFFFFF;font-size: 24px;letter-spacing: 3px;line-height: 36px;text-transform:uppercase;text-align: center;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;}
.featured-box-overlay {position:absolute;top:0;left:0;right:0;bottom:0;}
.featured-box-content {margin:30px;z-index:1;}
.featured-box-content h2 {color: #FFFFFF;font-size: 32px;font-weight: bold;letter-spacing: 1.78px;text-transform:uppercase;line-height: 48px;text-align: center;margin-bottom:5px;}
.featured-box-content h3 {color: #FFFFFF;font-size: 22px;line-height: 27px;margin-bottom:18px;}
*/

.update-give-goals-wrap {display: flex;justify-content:center;max-width: 640px;margin-bottom: 40px;font-size: 36px;line-height: 40px;font-family: cabrito-sans;font-weight: 700;}
.update-give-goals-item {background-color:#f8f8f8;border:1px solid #dadada;padding:40px 50px;white-space:nowrap;line-height:56px;}
.update-give-goals {font-size:22px;line-height:32px;color:#5FB2E4;}
@media screen and (max-width : 767px) {
	.update-give-goals-wrap {display:block;}
	.update-give-goals-item {width:100%;}
}


/********** GLOBAL MEDIA QUERIES  **************/
@media screen and (max-width : 767px) {
	/* triggers in MOBILE */
	.dp {display:none !important;}
	.tb {display:none !important;}
	.tbdp{display:none !important;}

	header {justify-content:center !important;}
	header img {margin:0 !important;}
	.header{height:auto;width:100%;}
	
	.main-body section {margin-left:20px;margin-right:20px;}
	.main-body.main-pad {margin-left:20px;margin-right:20px;padding:0;}
	
	.button-large {border-width: 2px !important;font-size: 14px;letter-spacing: 2.33px;line-height: 20px;}
	
	.staff-container {display:block;}
	img.staff-photo {margin:0 auto 30px auto;width:75%;height:auto;}
	
	.top-callout {margin:0 auto 60px auto;display:block;max-width:900px;}
	.top-callout h1 {margin:0 0 30px;text-align:center;font-size:50px;line-height:60px;}
	.top-callout p  {margin:0;}

	.color-box-container {display:block;}
	.color-box {width:auto;padding-left:30px;padding-right:30px;}
	.color-box-side {width:auto;margin:0;padding: 0 30px;margin-top: -30px;}

	.tools-body ul {margin-left:0;padding-left:10px;}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
	/* triggers in TABLET */
	.dp {display:none !important;}
	.mb {display:none !important;}

	header img {margin-left:30px !important;}
	header ul {margin-right:30px !important;}
	#mb-nav-icon {left:30px !important;}
	
	.main-body section {margin-left:30px;margin-right:30px;}
	.main-body.main-pad {margin-left:30px;margin-right:30px;padding:0;}
	
	.color-box-container.reverse .color-box {padding-left:80px;padding-right:50px;}
}
@media screen and (min-width:1024px), print { /* IE 6,7,9,10 hack to use desktop */
	/* triggers in DESKTOP */
	.mb {display:none !important;}
	.tb {display:none !important;}
	.mbtb {display:none !important;}
	
	.main-body section {margin-left:60px;margin-right:60px;}
	
	.color-box-container.reverse .color-box {padding-left:80px;padding-right:50px;}
}
@media print {
	body {background-attachment: scroll !important;}
	.no-print {display:none !important;}
	#mainContent {margin:0 !important;}
}
@media \0screen { /* IE8 way of reading styles from desktop media query */

}


/****************** MOBILE NAV ********************/
#mb-menu-top{z-index:200;padding:20px;width:230px;background-color:#fff;position:absolute;top:0;left:-230px;transition: 0.4s ease;height:100%;}
#mb-menu-top hr{margin-top:35px;margin-bottom:35px;}
#mb-menu-top ul{margin-bottom:25px;list-style: none;padding: 0;}
#mb-menu-top li{font-size:16px;font-weight:bold;color:#131313;margin-bottom:25px;}
.mb-exp:after {content: url(images/wrapper/mb-forward.svg);margin-left:5px;vertical-align:middle;}
.mb-exp:hover {color:#5FB2E4 !important;cursor:pointer;}
.mb-close:before{content: url(images/wrapper/mb-back.svg);margin-right:10px;vertical-align:middle;}
.mb-close:hover {color:#5FB2E4 !important;cursor:pointer;}
#mb-menu-top li a {color:#131313 !important;}
#mb-menu-top li a:hover {color:#5FB2E4 !important;}

.mb-mini-menu a{display:block;font-size:14px;color:#909090 !important;margin-bottom:25px;}
.mb-mini-menu a:hover{color:#3396D2 !important;}

.mb-menu-sub{z-index:200;padding:20px;padding-top:35px;width:230px;background-color:#fff;position:absolute;top:0;left:-230px;height:100%;transition: 0.4s ease;margin-bottom:40px;}
.mb-menu-sub h3{margin:0 0 30px 0;padding:0;font-weight:bold;}
.mb-menu-sub hr{margin-bottom:40px;margin-top:0;}
.mb-menu-sub ul{margin-bottom:40px;list-style: none;padding: 0;font-size:16px;color:#131313;}
.mb-menu-sub li{margin-bottom:25px;margin-left:20px;}
.mb-menu-sub a{color:#131313 !important;}
.mb-menu-sub a:hover {color:#5FB2E4 !important;text-decoration:none;}
.mb-menu-sub img{margin-right:10px;margin-bottom:-1px;}
.mb-menu-sub .mb-header {font-size:14px;margin-left:0;font-weight:bold;text-transform: uppercase;}
.mb-menu-sub .highlighted {color:#5FB2E4 !important}
.mb-menu-sub .shift {margin-left:25px;}

.mb-plus {font-size:14px;text-transform: uppercase;margin-bottom:40px !important;margin-left:20px !important;}
.mb-plus:after {content: url(images/wrapper/mb-plus.svg);margin-left:10px;vertical-align:middle;}
.mb-plus:hover {color:#3496D1 !important;cursor:pointer;}

.mb-minus {font-size:14px;text-transform: uppercase;margin-bottom:30px !important;margin-left:20px !important;}
.mb-minus:after {content: url(images/wrapper/mb-minus.svg);margin-left:10px;vertical-align:middle;}
.mb-minus:hover {color:#3496D1 !important;cursor:pointer;}

/************** MOBILE HAMBURGER ANIMATION **********************/
#mb-nav-icon {position:absolute;left:20px;top:24px;width: 25px;height: 16px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);
	transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;
	cursor: pointer;-webkit-tap-highlight-color: #fff;
}
#mb-nav-icon span {display: block;position: absolute;height: 3px;width: 100%;background: #262726;border-radius: 1.5px;border: 1.4px solid #000;
	opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;
}
#mb-nav-icon span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#mb-nav-icon span:nth-child(2) {top: 8px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#mb-nav-icon span:nth-child(3) {top: 16px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#mb-nav-icon.open span:nth-child(1) {top: -1px;left: 2px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#mb-nav-icon.open span:nth-child(2) {width: 0%;opacity: 0;}
#mb-nav-icon.open span:nth-child(3) {top: 16px;left: 2px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}


.top-nav-wrapper-mobile{height:70px;padding:30px;line-height:0;display:flex;justify-content:space-between;align-items:center;background-color: #FFFFFF;box-shadow: 0 2px 14px 0 rgba(0,0,0,0.15);}
.top-nav-strip-mb-search{height:70px;padding:30px;justify-content:space-between;align-items:center;background-color: #FFFFFF;box-shadow: 0 2px 14px 0 rgba(0,0,0,0.15);}
  .search-box-mb{width:350px;margin-left:40px;}
  .search-box-mb input {font-size:14px;}




/* Wrapper Header */
/* ------------------------------------------------------------ */


#main-site-wrap {position:absolute;left:0;top:0;right:0;bottom:0;transition: 0.4s ease;min-width:350px;}
#main-site-overlay{position:absolute;left:0;top:0;right:0;bottom:0;z-index:10; background-color: rgba(0, 0, 0, 0.5); animation: fade 1s; display:none;cursor: pointer;}
@keyframes fade {from {background-color:rgba(0, 0, 0, 0);} to {background-color:rgba(0, 0, 0, 0.5);}}


/* Wrapper Top Nav*/
/* ------------------------------------------------------------ */
#navWrapper { background: url(/images/wrapper/bg-nav.png) repeat-x center top; z-index: 50;}
#nav { max-width: 960px; height: 57px; margin: 0 auto; position: relative; z-index: 50;}
#nav ul { }
#nav ul li { float: left; display: block; height: 57px;}
    #nav ul li.home { }
    #nav ul li.imNewHere { }
    #nav ul li.nextSteps { }
    #nav ul li.ministries { }
    #nav ul li.groups { }
    #nav ul li.watchListen { }
    #nav ul li.res { }

    #nav ul li a.link {height:54px; display:block; color: #F3F4F0; font-size:17px; font-weight: bold; text-align:center;
    	text-transform:uppercase; padding-top:16px; margin-top:1px; border-left:solid 1px #444;}

    #nav ul li.home a.link { width: 86px;}
    #nav ul li.imNewHere a.link { width: 169px;}
    #nav ul li.nextSteps a.link { width: 150px;}
    #nav ul li.ministries a.link { width: 133px;}
    #nav ul li.groups a.link { width: 139px;}
    #nav ul li.watchListen a.link { width: 120px;}
    #nav ul li.res a.link { width: 155px; border-right: solid 1px #444;}
	/* background: url(/images/wrapper/btn-nav-arrow-off.png) no-repeat 96px 21px; */

	#nav ul li a.link:hover { color: #C15441;}

    #nav ul li.home  a.link:hover  { width: 86px;}
    #nav ul li.imNewHere a.link:hover, #nav ul li.imNewHere:hover a.link { width: 169px;}
    #nav ul li.nextSteps a.link:hover, #nav ul li.nextSteps:hover a.link { width: 150px;}
    #nav ul li.ministries a.link:hover, #nav ul li.ministries:hover a.link { width: 133px;}
    #nav ul li.groups a.link:hover, #nav ul li.groups:hover a.link  { width: 139px;}
    #nav ul li.watchListen a.link:hover, #nav ul li.watchListen:hover a.link  { width: 120px;}
    #nav ul li.res a:hover { width: 155px;}
    /* background: url(/images/wrapper/btn-nav-arrow-on.png) no-repeat 160px 21px; */

.sign-up {
	font-size: 12px;
	color: #c15441;
	-webkit-animation: glow 2s ease-in 0s infinite alternate;
	-moz-animation: glow 2s ease-in 0s infinite alternate;
	-ms-animation: glow 2s ease-in 0s infinite alternate;
	-o-animation: glow 2s ease-in 0s infinite alternate;
	animation: glow 2s ease-in 0s infinite alternate;
}
@-webkit-keyframes glow { from{ text-shadow: none; } to {text-shadow: 0 0 4px #DD9D96;} }
@-moz-keyframes glow { from{ text-shadow: none; } to {text-shadow: 0 0 4px #DD9D96;} }
@-ms-keyframes glow { from{ text-shadow: none; } to {text-shadow: 0 0 4px #DD9D96;} }
@-o-keyframes glow { from{ text-shadow: none; } to {text-shadow: 0 0 4px #DD9D96;} }
@keyframes glow { from{ text-shadow: none; } to {text-shadow: 0 0 4px #DD9D96;} }


/* Homepage Body */
/* ------------------------------------------------------------ */
.home #mainContent { }
    .home .promote { padding: 0 0 20px 0; width: 320px; display: block; overflow: hidden;}

    #news h2, #events h2 { line-height: 27px; font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; float: left; margin: 0px; }

    #news { }
        #news .title { background: url(/images/wrapper/bg-title-red.png) no-repeat left top; padding: 0 10px; display: block; overflow: hidden; text-shadow: 0 -1px 1px rgba(0,0,0,0.5);}
        #news .title a { float: right; line-height: 27px; font-size: 12px; font-weight: bold; color: #b35042;}
        #news .title a:hover { color: #df6657;}

        #news li { background: url(/images/wrapper/arrow-red.png) no-repeat right center; padding: 0 0 10px 0;}
        #news li h2.postTitle { text-transform: capitalize; display: block; background: url(/images/wrapper/divider.png) repeat-x left top; padding: 10px 0 0 0; color: #727272; float: none; line-height: normal;}
        #news li h2.postTitle a {color: #727272;}
        #news li h2.postTitle a:hover {color: #b1361b;}
        #news li:first-child h2.postTitle { background: none;}
        #news li .postDate { color: #7d2612; font-size: 12px; font-weight: bold; font-style: normal;}
        #news li .postInfo {margin: 0;}
        #news .rss { display: none; visibility: hidden;}

    #events { }
        #events .title { background: url(/images/wrapper/bg-title-green.png) no-repeat left top; padding: 0 10px; display: block; overflow: hidden; text-shadow: 0 -1px 1px rgba(0,0,0,0.5); }
        #events .title a { float: right; line-height: 27px; font-size: 12px; font-weight: bold; color: #a0ae77;}
        #events .title a:hover { color: #becf8e;}

        #events li {background: url(/images/wrapper/arrow-green.png) no-repeat right; padding: 0 0 2px 0;}
        #events li a {display: block; background: url(/images/wrapper/divider.png) repeat-x left top; padding: 5px 0 0 0px; margin-top:5px;height:35px; color: #727272; font-size: 16px;line-height: 18px;}
        #events li a:hover {color: #333;}
        #events li img {float:left; width:75px; border-radius:6px; border:1px solid #666; margin-right:10px;margin-top:5px;}
        #events li img:hover {width:150px;}
        #events li:first-child a {background: none;}
        #events li .eventName {margin-top:12px;}
        #events li .eventDate {clear:both; color: #636d48; font-size: 12px; font-weight: bold; margin-left:5px;}

.home-left-col{width:275px;margin: 0 30px 30px 0;}
.home-left-col img {width:100%;}

.fb-live-container{position:relative;overflow:hidden;padding-top:56.25%;}
.fb-live-iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}

/* Inside page Body */
/* ------------------------------------------------------------ */
#mainColumn { }
#mainColumn h1 { color: #636d48; font-size: 25px; text-transform: uppercase; margin: 5px 0 10px 0;line-height:34px;}
#mainColumn h2 { color: #555555; font-size: 17px; text-transform: uppercase; margin: 0 0 5px 0;}
#mainColumn h3 { color: #333333; font-size: 14px; text-transform: uppercase; margin: 0 0 5px 0;}
#mainColumn p {margin: 0 0 20px 0;}
#mainColumn a { color: #7d2612; text-decoration: underline;}
#mainColumn a:hover { color: #777;}
#mainColumn em {font-size: 15px; font-style: italic; color: #777;}
#mainColumn ul { margin: 0 0 15px 40px;}
#mainColumn li { list-style: disc; margin: 0 0 10px 0;}
#mainColumn hr { border: none; background: url(/images/wrapper/divider.png) repeat-x left bottom; height: 5px;}

.roundCorners {-moz-border-radius: 3px; border-radius: 3px;}

#newsletter {padding: 0; margin: 0 0 20px 0; border-bottom: 5px solid #bbb; background: url(/images/wrapper/bg-noise.png) repeat left top;}
#newsletter .title {padding: 20px; background: #4e5538 url(/images/wrapper/bg-gradient-green.png) repeat-x left top; text-shadow: 0 -1px 1px rgba(0,0,0,0.4); text-transform: uppercase; cursor: default;}
#newsletter .title h2 {color: #fff; font-size: 22px; line-height: 18px;margin-bottom:5px;}
#newsletter .title h3 {color: #fff; font-size: 15px; line-height: 16px;margin-bottom:5px;}
#newsletter .title h4 {color: #a0ae77; font-size: 12px; line-height: 12px;margin-bottom:10px;}
#newsletter .form_container {margin: 15px 20px; position: relative; background: url(/images/wrapper/bg-newsletter.png) no-repeat left top; height: 27px;}
#newsletter input.textField {background: none; border: none; position: absolute; left: 5px;font-size:14px;}
#newsletter input.submitButton {position: absolute; right: 0; top: 0; border: none; width: 26px; height: 27px; display: block; overflow: hidden; text-indent: -5000px; background: url(/images/wrapper/btn-newsletter.png) no-repeat left top; cursor: pointer; line-height: 0;padding:0;}
#newsletter input.submitButton:hover {background: url(/images/wrapper/btn-newsletter.png) no-repeat left bottom;}



#mainContent {margin-bottom:40px;margin-top:20px;}
#mainContent .indent {margin-left:10px;}

#mainContent .sermonOutline h1 {line-height:normal}

/* Wrapper Footer */
/* ------------------------------------------------------------ */
#footer {max-width: 960px; padding:30px; margin:0 auto 0 auto; color: #68714b; font-size: 12px; text-shadow: 0 1px 1px rgba(0,0,0,0.6); line-height:normal;}
#footer #footerLeft { float: left; max-width: 960px;}
#footer ul{margin-bottom:20px;}
#footer #footerLeft p { }
#footer #footerLeft li { float: left; width: 128px;}
#footer #footerLeft li a { color: #68714b; font-weight: bold; text-transform: uppercase;}
#footer #footerLeft li ul li { float: none;}
#footer #footerLeft li ul li a { color: #a1a1a1; font-weight: normal; text-transform: capitalize; padding: 0 0 2px 0;}
#footer #footerLeft li ul li a:hover { color: #efefef;}

#footer #footerRight { float: right; width: 474px; color: #68714b; font-weight: bold; text-transform: uppercase; font-size: 11px; margin-top:10px;}
#footer #footerRight ul { }
#footer #footerRight ul li { }
#footer #footerRight ul li a { }
#footer #footerRight ul li a:hover { }

#footer .folder {display: none; visibility: hidden;}


/* Quick Name Search Styles */
input[type=text].ac_input {width: 250px;margin-right:30px;padding:10px 30px 10px 10px;border:1px solid #909090;font-size:18px;background-color:#ffffff;background: url(images/wrap2/search.svg) no-repeat 96.75% 16px;}
.ac_results {padding: 0px;border: 1px solid WindowFrame;background-color: Window;overflow: hidden;z-index:10;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results iframe {position:absolute;top:0;left:0;z-index:-1;width:3000px;height:3000px;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: pointer;display: block;width: 100%;font-size: 16px;overflow: hidden;line-height:20px;}
.ac_loading {background : url("/tools/images/loading.gif") right center no-repeat;}
.ac_over {background-color: #EA6055;color: white;}


/* THESE STYLES WILL SHOW UP IN THE CMS TEXT EDITOR */
    /* <textEditor> */
	/*.left {float: left; margin-right: 1em;}
	.right {float: right; margin-left: 1em;}*/
	.textSmall {font-size: 85%;}
	.textLarge {font-size: 125%;}
	.noborder {border: none !important;}

	.header {margin:0 auto 20px auto;display:block;}


	.headerPhoto {border: 1px solid #999999; padding: 5px; margin-left: 5px; background-color: #ffffff; float: right;}
	.headerRound {margin: 10px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px;}


/* GENERAL, SITEWIDE CONTENT CALLINGS */
.next-step-btn{float:right;margin-bottom:40px;}
.warning {font-weight:bold;color:red;}
.emailDomain {margin-bottom: -4px;}
.dropShadow, .imageGrid img {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 11px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.videoBox {max-width: 560px;margin: 0 auto 30px auto;}


/* For simple .htm photo grids */
#mainColumn .imageGrid {margin: 0;}
#mainColumn .imageGrid li { float: left; display: block; height: 180px; text-align:center; margin-right: 10px;}
#mainColumn .imageGrid img {display: block; margin-bottom:5px;}


/* HISTORY PAGE */
#mainColumn .historyImages img {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	margin-top:5px;margin-bottom:15px;
}

/* setting the OL/UL to specified values in the content areas */
.contents ol {
    list-style: decimal;
    margin: 10px 25px;
}
    .contents ol li {
        padding: 0 0 5px 0;
    }

.contents ul {
    list-style: square;
    margin: 10px 25px;
}
    .contents ul li {
        padding: 0 0 5px 0;
    }

    /*  for blog/calendar list items to still have list bullets */
    .blogList ul li li, .eventsList ul li li {list-style: square !important;}
    .blogList ol li li, .eventsList ol li li {list-style: decimal !important;}



/* want the paragraphs to have a nice even margin */
.contents p {
    margin: 0 0 15px 0;
}



/* STAFF PAGE */
.boardContainer {
	font-size:14px;
}
.boardContainer	h2 {
	font-weight: bold;
	font-style: italic;
	color: black !important;
	font-size: 18px !important;
	float: left;
	margin-right:4px !important;
}
.boardDot {
	margin:2px 5px;
	display:inline;
}
.boardContainer	h3 {
	font-weight: normal !important;
	color: black !important;
	font-size: 18px !important;
	text-transform: none !important;
	margin-right:5px !important;
	display: inline;
}
.boardPhoto {
	margin-right: 13px;
	margin-bottom: 7px;
	float: left;
	clear:both;
}
.boardContainer	p {
	color: #444 !important;
}

/* CALENDAR PAGE */
.calLabel {
	margin-right: 10px;
	color:white;
}

/* SlideShow Photo Gallery Element
--------------------------------------- */
.SlideShow { border:0; position:relative; padding:0; margin:0; }
.SlideShowImage { border:0; position:relative; padding:0; margin:0; overflow:hidden; text-align:center; text-align:center; margin:auto;  }
.SlideShowImage a { text-decoration:none !important; border:0 !important;  }
.sldw_prev a { width:31px; height:29px; text-indent:-9999px; border:0 !important; text-decoration:none !important; overflow:hidden; position:absolute; top:43%; left:5%; background:url(/images/slideshow/arrow_right_off.png) 0 0 no-repeat;  }
.sldw_prev a:hover { background:url(/images/slideshow/image/arrow_right_on.png) 0 0 no-repeat;  }
.sldw_next a { width:31px; height:29px; text-indent:-9999px; text-decoration:none !important; border:0 !important; overflow:hidden; position:absolute; top:43%; right:5%; background:url(/images/slideshow/arrow_left_off.png) 0 0 no-repeat;  }
.sldw_next a:hover { background:url(/images/slideshow/arrow_left_on.png) 0 0 no-repeat;  }
.sldw_navigation { position:static; overflow:hidden; visibility:hidden; padding:0px; margin:0px;  }
.sldw_navigation span { padding:0px; margin:0px;  }
.sldw_caption { position:absolute; left:0; right:0; bottom:0px; margin:0; background:url(/images/slideshow/sldw_caption_bg_off.png) 0 0 repeat;  }
.sldw_caption h3 { text-align:left; font-size:18px; color:#fff; text-decoration:none; margin:0px; padding:15px 15px 15px 15px;  }
.sldw_caption_hover { position:absolute; left:0; right:0; bottom:0px; margin:0; background:url(/images/slideshow/sldw_caption_bg_off.png) 0 0 repeat;  }
.sldw_caption_hover h3 { text-align:left; font-size:18px; color:#fff; text-decoration:none; margin:0px; padding:15px 15px 15px 15px;  }
.sldw_caption_hover h3:hover { background:url(/images/slideshow/sldw_caption_bg_on.png) 0 0 repeat;  }
.captionContainer { text-align:center; position:relative; margin:0 auto;  }

 /* Photo Gallery Styles
--------------------------------------- */
.photoGalleryElement { clear:both; }
.photoGalleryElement .thumbnail { display:inline; float:left; width:218px; height:auto; margin-right:5px;  margin-bottom:38px; padding:0; padding-bottom:0 !important; overflow:hidden; }
.photoGalleryElement .thumbnail .thumbContents { height: auto; background-color:#fff; border:1px solid #CCC; margin:0; float:none; }
.photoGalleryElement .thumbnail .thumbContents p {font-size:14px;}
.photoGalleryElement .thumbShadow { display:inline; float:left; width:214px; padding:6px 0 0 6px; border:0; margin:0 8px 6px 0; height:auto; overflow:hidden;}
/*.photoGalleryElement .thumbShadow .thumbContents { background:url(/images/slideshow/thumbShadowWide.png) no-repeat left top; float:none;  }*/
*html .photoGalleryElement .thumbShadow .thumbContents { background-image:url(/images/slideshow/thumbShadowWide.gif);  }
.photoGalleryElement .thumbShadow .thumbContents p,
.photoGalleryElement .thumbnail p {margin-bottom: 0px !important; text-align: center;}
.photoGalleryElement .thumbShadow img {background:#FFF; margin:-6px 0px 2px -11px;}

.photoGalleryElement .thumbIcons {position: absolute; margin:0; padding:0 }
.photoGalleryElement .thumbIcons img {margin:0; padding:0 }

.photoGalleryElement .thumbTile,
.photoGalleryElement .thumbHover { display:inline; float:left; padding:0; border:0; margin:0 8px 8px 0;  }
.photoGalleryElement .thumbHover a img { filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;  }
.photoGalleryElement .thumbHover a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;  }
.photoGalleryElement .thumbTight { display:inline; float:left; padding:0; border:0; margin:0;  }
.photoGalleryElement .thumbTile img,
.photoGalleryElement .thumbTight img,
.photoGalleryElement .thumbHover img { border:0; margin-bottom:-4px;  }
*:first-child+html .photoGalleryElement *:first-child+html .thumbTile img,
*:first-child+html .photoGalleryElement .thumbHover img { margin-bottom:0;  }
.photoGalleryElement .thumbnail img { margin-bottom:5px; border:0; margin-top:8px;  }
.photoGalleryElement:after { content:"."; display:block; height:0; clear:both; visibility:hidden;  }
*html>body .photoGalleryElement { display:inline-block; width:100%;  }
* html .photoGalleryElement { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }



/* Twitter Quote Styles
--------------------------------------- */
.tm-tweet-clear {
  zoom: 1 !important;
}
.tm-tweet-clear:after {
  display: block !important;
  visibility: hidden !important;
  height: 0 !important;
  clear: both !important;
  content: "." !important;
}
.tm-click-to-tweet {
  display: block !important;
  background-color: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  border: 1px solid #dddddd !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  padding: 15px 30px !important;
  margin: 15px 0px !important;
  zoom: 1 !important;
}
.tm-click-to-tweet .clearfix {
  zoom: 1 !important;
}
.tm-click-to-tweet .clearfix:after {
  display: block !important;
  visibility: hidden !important;
  height: 0 !important;
  clear: both !important;
  content: "." !important;
}
.tm-click-to-tweet .clear {
  clear: both !important;
}
.tm-click-to-tweet .f-left {
  float: left !important;
  display: inline-block !important;
  position: relative !important;
}
.tm-click-to-tweet .f-right {
  float: right !important;
  display: inline-block !important;
  position: relative !important;
}
.tm-click-to-tweet .list-reset {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.tm-click-to-tweet .list-reset li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.tm-click-to-tweet .list-float {
  zoom: 1 !important;
}
.tm-click-to-tweet .list-float:after {
  display: block !important;
  visibility: hidden !important;
  height: 0 !important;
  clear: both !important;
  content: "." !important;
}
.tm-click-to-tweet .list-float li {
  float: left !important;
  display: inline-block !important;
}
.tm-click-to-tweet .kill-box-shadow {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.tm-click-to-tweet .alignright {
  float: right !important;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
  text-align: right !important;
}
.tm-click-to-tweet .alignleft {
  float: left !important;
  margin-bottom: 10px !important;
  margin-right: 10px !important;
  text-align: right !important;
}
.tm-click-to-tweet:after {
  content: "." !important;
  display: block !important;
  clear: both !important;
  visibility: hidden !important;
  line-height: 0 !important;
  height: 0 !important;
}
.tm-click-to-tweet .tm-ctt-reset {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}
.tm-click-to-tweet:after {
  display: block !important;
  visibility: hidden !important;
  height: 0 !important;
  clear: both !important;
  content: "." !important;
}
.tm-click-to-tweet a {
  text-decoration: none !important;
  text-transform: none !important;
}
.tm-click-to-tweet a:hover {
  text-decoration: none !important;
}
.tm-click-to-tweet .tm-ctt-text {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  margin-bottom: 10px !important;
  word-wrap: break-word !important;
}
.tm-click-to-tweet .tm-ctt-text a {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  color: #999999 !important;
  font-size: 24px !important;
  line-height: 140% !important;
  text-transform: none !important;
  letter-spacing: 0.05em !important;
  font-weight: 100 !important;
  text-decoration: none !important;
  text-transform: none !important;
}
.tm-click-to-tweet .tm-ctt-text a:hover {
  text-decoration: none !important;
  color: #666666 !important;
}
.tm-click-to-tweet a.tm-ctt-btn {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  display: block !important;
  text-transform: uppercase !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: bold !important;
  line-height: 100% !important;
  color: #999999 !important;
  float: right !important;
  padding-right: 24px !important;
  text-decoration: none !important;
  background: transparent url(/images/twitter-little-bird.png) no-repeat right top !important;
}
.tm-click-to-tweet a.tm-ctt-btn:hover {
  text-decoration: none !important;
  color: #666666 !important;
  text-transform: uppercase !important;
}
.tm-click-to-tweet .tm-powered-by {
  font-size: 10px !important;
  color: #999999 !important;
}
.tm-click-to-tweet .tm-powered-by a {
  font-size: 10px !important;
  color: #999999 !important;
}
.tm-click-to-tweet .tm-powered-by a:hover {
  color: #999999 !important;
  text-decoration: underline !important;
}

