/******************************************************************
Site Name: 
Author: Stan Duncan
Stylesheet: Main Stylesheet

******************************************************************/
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
social-aside,
social-home,
summary {
  display: block;
}
/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 2 */

}
/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0;
}
/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0;
}
/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em;
  margin: 0 0 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0 0 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 0 0 1em 0;
}
h4 {
  font-size: 1em;
  margin: 0 0 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 0 0 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 0 0 2.33em 0;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none;
}
/* 2 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
  margin: 0;
}
dd {
  margin: 0;
}
/*
 * Addresses paddings set differently in IE6/7
 */
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  /*list-style-image: none;*/
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */

  -ms-interpolation-mode: bicubic;
  /* 2 */

}
/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  /* 1 */

  padding: 0;
  white-space: normal;
  /* 2 */

  *margin-left: -7px;
  /* 3 */

}
/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */

  margin: 0;
  /* 2 */

  vertical-align: baseline;
  *vertical-align: middle;
  /* 3 */

}
/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
  /* 1 */

}
/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */

  -webkit-appearance: button;
  /* 2 */

  *overflow: visible;
  /* 3 */

}
/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */

  padding: 0;
  /* 2 */

  *height: 13px;
  *width: 13px;
  /* 3 */

}
/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */

  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */

  vertical-align: top;
  /* 2 */

}
/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* import mixins */
/******************************************************************
Site Name: 
Author: 

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of LESS' great features: 
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more. 

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
/*********************
TOOLS
*********************/
/* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
.blue h3, h4{
	color:#0397D6;
}

.green h3, h4{
	color:#97CA4C;
}

/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the 
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('../fonts/font-name.eot');
    	src: url('../fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('../fonts/font-name.woff') format('woff'),
             url('../fonts/font-name.ttf') format('truetype'),
             url('../fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
/* 
use the best ampersand 
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
}
/* text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/* alerts & notices */
.alert {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}
.help {
  border-color: #e8dc59;
  background: #ebe16f;
}
.info {
  border-color: #bfe4f4;
  background: #d5edf8;
}
.error {
  border-color: #f8cdce;
  background: #fbe3e4;
}
.success {
  border-color: #deeaae;
  background: #e6efc2;
}

::-webkit-input-placeholder, :-moz-input-placeholder, :-ms-input-placeholder, input[placeholder], *[placeholder], [placeholder] {color: #ccc;}

/*********************
GENERAL STYLES
*********************/


.left {float: left;}
.right {float: right;}
.displaynone {display: none;}
.center {text-align: center;}
a {text-decoration: none; color: #0397d6;}
a:hover, a:focus {text-decoration: underline;}
.white, .white h3, a.white, .white h4 {color: #fff;}
.orange h3, .orange h5, a.orange, .orange h4, .orange h5 a{color: #f7941e;}
.blue h3, .blue h5, a.blue, .blue h4, .element p a, .blue h5 a {color: #0397d6;}
.yoo-zoo h1.green, .green h3, .green h5, a.green, .green h4, .green h5 a{color: #97ca4c;}
aside .moduletable .menu li a {color: #888;}
h1, .yoo-zoo h1, #yoo-zoo .item h1.pos-title {font-size: 31px; color: #f7941e; font-weight: bold; letter-spacing: normal; line-height: normal; text-transform: uppercase;}
h2, .yoo-zoo h2, #yoo-zoo .item h2 {font-size: 24px; color: #97ca4c; font-family: 'CantarellBold', sans-serif; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: uppercase;}
h3, .yoo-zoo h3, #yoo-zoo .item h3 {font-size: 15px; color: #0397d6; font-family: 'CantarellBold', sans-serif; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: uppercase;}
h4, .yoo-zoo h4 {margin: 0; font-size: 14px; font-family: 'CantarellBold', sans-serif; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: uppercase;}
h5, .yoo-zoo h5 {margin: 0; font-size: 13px; font-family: 'CantarellBold', sans-serif; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: uppercase;}
h6, .yoo-zoo h6 {margin: 0; font-size: 12px; font-family: 'CantarellBold', sans-serif; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: uppercase;}
#yoo-zoo hr {height: 2px; color: #e8e8e8; background-color: #e8e8e8; margin: 20px 0;}
.noliststyle ul, .noliststyle ul li {list-style: none;}
iframe {border:none;}

body {position: relative; font-family: 'Cantarell', sans-serif; color: #888; overflow-x: hidden;}
.container, #system-message-container {position: relative; max-width: 980px; margin: 0 auto;}
.toolbar {height: 42px; margin: 0 0 46px; background-color: #0397d6; min-width:980px}
.header {margin: 0 0 40px;}
.logo {float: left; display: block; width: 280px; height: 140px; margin: 0;}
.nav {float: right;}
ul.social-icons {float:left;}
.blue ul.menu {float:left;}
.top-a, .top-b, .btm-a, .btm-b {margin: 0 0 30px;}
.top-b .container {max-width: 885px;}
.top-b .container a:hover {text-decoration: none;}
.btm-a .container, .btm-b .container {max-width: 940px;}
.full-width {width: 100%; min-height: 600px;}
.primary {float: left; width: 66%; min-height: 600px; margin: 0 0 50px; padding: 0 0 30px;}
.primary #yoo-zoo {padding: 0 32px 0 0;}
.aside {float: right; width: 33%; margin: 0 0 50px; padding: 0 0 30px; border-left: solid 3px #e8e8e8;}
.social-aside  {float: right; width: 33%; margin: 0 0 10px; padding: 0 0 20px; border-left: solid 3px #e8e8e8;}
.social-aside .moduletable {padding-left: 40px;}
.social-home {margin: 0 0 25px 0;}
.quadrupal .moduletable {width: 25%; float: left;}
.triple .moduletable {width: 30%; float: left;}
.triple .moduletable:nth-child(2) {padding: 0 5%}
.double .moduletable {width: 48%; float: left;}
.double .moduletable:first-child {padding: 0 4% 0 0%}
.single .moduletable {width: 100%;}
.home-banner {width:64%; float:left;}
.ldr {width:32%; float:right; max-height:385px;}

.donateMenu .menu {padding: 0;}

.nav .menu {position: relative; top: 58px; margin: 0; padding: 0;}
.nav .menu > li {display: block; float: left; height: 38px; margin: 0; padding: 0; list-style-type: none; text-transform: uppercase; position: relative;}
.nav .menu > li > a {display: block; height: 38px; padding: 0 16px; line-height: 38px; color: #f7941e;}
.nav .menu > li > a:hover, .nav .menu > li > a:focus {color: #0397d6;}
.nav .menu > li:last-child > a {padding: 0 32px 0 16px;}
.nav .menu > li.active > a, .nav .menu > li ul li a:hover, .nav .menu > li ul li a:focus  {color: #0397d6;}
.nav .menu > li.parent:hover > a, .nav .menu > li.deeper:hover > a {background: rgba(151,202,76,.9); border-radius: 10px 10px 0 0; text-decoration: none;}
.nav .menu > li ul {display: none; width: auto; min-width: 160px;}
.nav .parent:hover > ul, .nav .parent:focus > ul {display: block;}
.nav .menu > li:hover > ul, .nav .menu > li:focus > ul {display: block; position: absolute; top: 38px; z-index: 500; margin: 0; padding: 0; background: rgba(151,202,76,.9); border-radius: 0 10px 10px 10px;}
.nav .menu > li:last-child:hover > ul, .nav .menu > li:last-child:focus > ul {right: 0; border-radius: 10px 0 10px 10px;}
.nav .menu > li ul li {display: block; white-space: nowrap; background: none; color: #fff;}
.nav .menu > li ul li a {display: block; height: 28px; line-height: 28px; padding: 0 16px 0 0; font-size: 14px; color: #fff; text-decoration: none;}
.nav .menu .parent:hover ul, .nav .menu .parent:focus ul {display: block; padding: 0 0 0 20px;}
.nav .menu ul li.current > a {color: #0397d6;}
.nav .menu ul li:first-child {margin: 7px 0 0;}
.nav .menu ul li:last-child {margin: 0 0 7px;}
.nav .menu > li ul li ul li a:before {content: '›'; padding: 0 10px 0 0; position: relative; top: 1px; font-size: 20px; font-weight: bold;}
.menu li a:hover {text-decoration: none;} 

.wk-slideshow-default {margin: 0 auto; border-radius: 20px; background-size: 8px 8px; background-color: #e7e7e7; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); /*background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); */ background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) 0 0 / 50px 50px #ac0; behavior: url(/PIE.htc);}
.wk-slideshow-default .caption {position: absolute; top: 0; border-radius: 20px 20px 0 0; z-index: 5; padding: 10px; background: rgba(0,0,0,0.5);}
.wk-slideshow-default .nav {margin: 0; z-index: 1020; position: relative; bottom: 28px; right: 40px;}
.wk-slideshow-default .nav span {display: block; width: 12px; height: 12px; border-radius: 6px; background-image: none; background-color: #0397d6;}
.wk-slideshow-default .nav .active span {background-image: none; background-color: #f7941e;}
.wk-slideshow-default .slides .wk-content {text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden;}.wk-slideshow-default > div .next, .wk-slideshow-default > div .prev {top: 50%; width: 38px; height: 38px; margin-top: -25px; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,0.35);}
.wk-slideshow-default > div .next {right: -20px; background: #f7941e url(../images/arrow_right.png) no-repeat 0 0;}
.wk-slideshow-default > div .prev {left: -20px; background: #f7941e url(../images/arrow_left.png) no-repeat 0 0;}
.wk-slideshow-default > div:hover .next {right: -20px; background: #f7941e url(../images/arrow_right.png) no-repeat 0 0; width: 38px; height: 38px;}
.wk-slideshow-default > div:hover .prev {left: -20px; background: #f7941e url(../images/arrow_left.png) no-repeat 0 0; width: 38px; height: 38px;}
.wk-slideshow-default .wk-content {text-align: center;}
.wk-slideshow-default iframe {width: 684px !important; height: 385px !important;}

.first-letter h3 {margin: 0; padding: 0 0 3px; border-bottom: solid 3px #f3f3f3; font-family: 'SteelfishRG'; text-transform: uppercase; font-size: 57px; font-weight: normal;}
.first-letter p {margin: 0 0 10px; color: #9d9fa2; font-size: 15px;}
.first-letter p:first-child {margin: 5px 0}
.first-letter .read-more, .first-letter p.links a {display: block; margin: 20px 0 0; color: #9d9fa2; font-weight: bold; text-transform: uppercase; text-decoration: none;}

.top-b img {display: inline-block; width: 110px; height: 110px;}
.top-b h5 {margin: 0 0 0 130px; font-size: 38px; line-height: 38px; font-family: 'SteelfishRG'; font-weight: normal;}
.btm-a {min-height: 80px; background-color: #f7941e; box-shadow: 0 8px 16px rgba(0,0,0,0.25);}

.delimiter {margin: 0 0 20px; text-align: center; color: #0397d6;}
.fb-content {margin: 0 10px 0 60px; display: inline-block; position: relative; bottom: 8px;}
.jfbclogin {display: inline-block; margin: 0 0 40px;}

.team360 {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap:20px; column-gap: 20px;}
.team360 .listing {display: inline-block; width: 300px; margin: 0 0 25px;}
.aboutus .listing {margin: 10px 0;}
.aboutus h1.green {font-family: 'SteelfishRG'; font-weight: normal; font-size: 47px;}
.listing h4 {font-weight: bold; text-transform: uppercase; margin: 0;}
.listing .address {list-style-type: none; margin: 20px 0 0; padding: 0;}
.listing h4+.address {margin: 0;}
.listing .phone {color: #0397d6; font-weight: bold;}

.prayer-default .pos-bottom .page-nav .prev {margin: 0 460px 0 0;}

.creation-form .element.required strong:after {	content: " *"; color: #f7931e;}

#yoo-zoo .element form fieldset {position: relative; margin: 0; padding: 0 0 20px 0; border: none;}
#yoo-zoo .element form legend {display: block; position: relative; right: 35px; margin: 20px 0 10px; padding: 0 0 0 35px; background: url('../images/sidebar_arrow.png') no-repeat 0 5px; font-size: 24px; font-family: 'CantarellBold', sans-serif; text-transform: uppercase; color: #f7941e;}
#yoo-zoo .element form li {display: block; margin: 0 0 20px; overflow: hidden;}
#yoo-zoo .element form li .formCaption {font-size: 15px; font-family: 'Cantarell', sans-serif; padding-top: 3px; width: 130px; margin-right: 10px; float: left; font-weight: normal; text-transform: uppercase;}
#yoo-zoo .element form li .formCaption strong {color: #f7931e; font-weight: normal;}
.yoo-zoo form div, div.formCaption {display: block; margin: 0; width: auto; height: auto;}
.formFieldset .formBody label {margin-right: 15px;}
.formFieldset .formBody input {margin-right: 3px;}
#yoo-zoo .element form li input[type=text], #yoo-zoo .element form li textarea {font-size: 13px; padding: 7px; width: 400px; background: none; background-color: #fff; border: 1px solid #C8C8C8;}
#yoo-zoo .element form li input[type=text]:focus, #yoo-zoo .element form li input[type=text]:active, #yoo-zoo .element form li textarea:focus, #yoo-zoo .element form li textarea:active {background: #efffd7;}

.wk-accordion {padding: 0 32px 0 0;}
.wk-accordion .toggler {margin: 2px 0 0; font-size: 15px; color: #b8b8b8; background: url(../images/accordian-arrow-side.png) no-repeat 590px center;}
.wk-accordion .toggler.active {color: #f7941e; background: url(../images/accordian-arrow-down.png) no-repeat 590px center;}
.wk-accordion-default .content {background-color: #f3f3f3;}

#yoo-zoo .item h1.pos-title {font-size: 31px; color: #f7941e; font-weight: bold; font-family: 'Cantarell', sans-serif; margin: 0; line-height: normal; letter-spacing: normal;}
.blog-default .item h1.pos-title {padding: 0 0 50px 50px;}
.blog-default .item > .floatbox > .pos-media .element-image a img {width: 215px;}
.blog-default .item > .floatbox > .pos-content {margin: 0 0 0 225px; padding: 0 0 0 7px; border-left: solid 2px #e7e7e7;}
.blog-default .item > .floatbox > .pos-content h2, .blog-default .item > .floatbox > .pos-content h3 {margin: 0; padding: 0; font-size: 15px; text-transform: uppercase; line-height: normal; font-weight: bold;}
#yoo-zoo .item h3 {margin: 0; font-family: 'Cantarell', sans-serif; font-size: 15px; color: #0397d6; font-weight: bold;}

.blog-default .element-image {padding: 0 0 66px 0; background: #67BC29;}
#yoo-zoo .item div.pos-media a {display: inline-block;}
#yoo-zoo .item div.pos-media div.element {width: 215px; font-weight: bold; text-transform: uppercase;}
#yoo-zoo .item div.pos-media div.element-link a {font-size: 15px; color: #f7941e;}
#yoo-zoo .item div.pos-media div.element-text {font-size: 13px; color: #888;}
#yoo-zoo .item div.pos-media div.element-link, #yoo-zoo .item div.pos-media div.element-text {margin: 0;}
.yoo-zoo ul, .yoo-zoo ol, .yoo-zoo dl {margin: 10px 0; padding: 0;}
.yoo-zoo h1, .yoo-zoo h2, .yoo-zoo h3, .yoo-zoo h4, .yoo-zoo h5, .yoo-zoo h6 {margin: 0; font-weight: bold;}

#yoo-zoo.job-default .item .pos-top .element-text {color: #f7941e; margin: 0; font-family: 'Cantarell', sans-serif; font-size: 15px; font-weight: bold;}
#yoo-zoo.job-default .item .pos-top .element-textarea li {font-weight: bold;}
#yoo-zoo.job-default h1.pos-title {color: #97ca4c; margin: 0; font-family: 'Cantarell', sans-serif; font-size: 24px; font-weight: bold;}
#yoo-zoo.job-default .pos-application-form .form-disclaimer {background: #f6f6f6; padding: 10px; border-radius: 8px;}

#yoo-zoo img.frequencymap {float: left; margin: 0 20px 0 0; border-right: solid 2px #e8e8e8;}

.element-disquscounter {margin-left:25px;}

.job-default-volunteer-street-team .items .row, .job-default-module {padding: 0 0 15px;}
.job-default-volunteer-street-team .items .row .element-itemlink a, .job-default-module .element-itemlink a {display: block; position: relative; right: 30px;}
.job-default-volunteer-street-team .items .row .pos-title a, .job-default-module .zoo-list .title a {font-size: 18px; color: #97ca4c; font-family: 'CantarellBold'; text-transform: uppercase;}
.job-default-frontpage .description > h2 {margin: 0 0 20px;}
.job-default-module > h3 {font-size: 18px; color: #f7941e; font-family: 'CantarellBold'; text-transform: uppercase;}
.zoo-item-list > li {overflow: visible;}
.zoo-item-list p.links span a::after {content: ""; font-size: inherit;}

.yoo-zoo.page-default-matching-gifts h2 a {background: url('../images/email-btn.png') no-repeat left center; position: relative; right: 40px; padding: 0 0 0 40px;}

.yoo-zoo.page-default-giving-options ul {list-style: none; margin: 0; padding: 0;}
#yoo-zoo.page-default-giving-options .item h1 {margin: 0 0 30px;}
#yoo-zoo.page-default-giving-options .item h2, #yoo-zoo.page-default-giving-options .item h3 {color: #f7941e;}
.yoo-zoo.page-default-giving-options h4 {font-family: 'CantarellBold'; font-size: 18px; color: #97ca4c;}
.yoo-zoo.page-default-giving-options ul {margin: 15px 0;}
.yoo-zoo.page-default-giving-options ul li {margin: 0 0 20px;}
.yoo-zoo.page-default-giving-options .keypoints li h5 {font-family: 'CantarellBold'; font-size: 13px; color: #0397d6; display: block; background: url('../images/email-btn.png') no-repeat left center; position: relative; right: 40px; padding: 0 0 5px 40px; margin: 0;}
.yoo-zoo.page-default-giving-options ul li p {margin: -5px 0 10px;}

.page-default-wow-moment-of-the-day .wow-moment {margin: 20px 0 40px;}
.page-default-wow-moment-of-the-day .wow-moment .left {width: 169px; padding:  0 6px 0 0;}
.page-default-wow-moment-of-the-day .wow-moment .right {width: 430px; padding: 0 0 0 6px; border-left: solid 2px #e8e8e8;}

.staff-default .pos-title a {margin: 0 0 20px; color: #f7941e; display: block;}
.staff-default .media-left .element-image a {display: block; padding: 0 0 60px;}
.staff-default-frontpage .media-left .element-image a {display: block; padding: 0 0 24px;}
.staff-default .media-left + .pos-content {margin: 0 0 0 230px; border-left: solid 3px #e7e7e7; padding: 0 0 0 10px;}
#yoo-zoo.staff-default .item .pos-content h2 {font-size: 15px;}

/* BSP Category Selection */
.bus-search-mod  select#elements_itemcategory-0 {width:100%;}

.teaser-item .element-textareapro {margin-top: 10px;}
#yoo-zoo.media-video-video .categories p {margin-top: 5px; margin-bottom: 10px;}
#yoo-zoo.media-video-audio p.items-count {margin-top: 5px; margin-bottom: 10px;}

.page-default-contest-rules .element div > p {font-size: 15px; color: #97ca4c; font-family: 'CantarellBold'; text-transform: uppercase;}
.page-default-contest-rules .element div ol {}
.page-default-contest-rules .element div li {margin: 0 0 15px;}
.page-default-contest-rules .element div ol ol {margin: 10px 0 0 20px; list-style-type: lower-alpha;}

#yoo-zoo.page-default-connect-with-god .item h2 {font-size: 15px;}

.yoo-zoo ol, .yoo-zoo ul {margin: 0 0 0 20px;}

.musiciframe {position: relative; right: 50px;}

aside .moduletable {position: relative; right: 12px; z-index: 250; padding: 0 0 60px 45px; background: url(../images/sidebar_arrow.png) no-repeat 0 16px;}
aside h3 {margin: 0; font-size: 47px; font-family: 'SteelfishRG', sans-serif; font-weight: normal;}
aside .noliststyle h4 {margin: 10px 0 0; font-size: 18px; color: #888;}
aside .uppercase h3 {text-transform: uppercase;}
aside p, aside li, aside li a, aside a {font-size: 18px;}
aside p {margin: 0; line-height: 20px;}
aside li:before {content: '•'; padding: 0 5px 0 0; font-weight: bold;}
aside .noliststyle li:before {content: ''; padding: 0; font-weight: bold;}
aside ul {padding: 0; list-style-type: none;}

.share {position: fixed; z-index: 100; top: 250px; left: -1px;}
.share .moduletable {width: 57px; margin: 0 0 4px; padding: 8px 0 8px 10px; background-color: #f3f3f3;}
.share .moduletable:first-child {padding: 10px 0 36px 14px; border-radius: 0 10px 0 0; width: 53px;}
.share .moduletable:last-child {border-radius: 0 0 10px 0; padding-left: 11px; width: 56px;}
.share .moduletable .social-icons {list-style-type: none; margin: 0; padding: 0;}
.share .moduletable .social-icons li {margin: 0 0 8px 6px;}
.share .moduletable .social-icons li:last-child {margin: 0 0 0 6px;}
.share .moduletable .social-icons li a {display: block; width: 32px; height: 32px; border-radius: 16px; box-shadow: 2px 2px 2px rgba(0,0,0,0.35);}
.share .moduletable .social-icons li a:hover, .share .moduletable .social-icons li a:focus {position: relative; top: 1px; left: 1px; box-shadow: 1px 1px 1px rgba(0,0,0,0.15);}
.share .moduletable .social-icons li.facebook a {background: url(../images/facebook.png) no-repeat 0 0;}
.share .moduletable .social-icons li.twitter a {background: url(../images/twitter.png) no-repeat 0 0;}
.share .moduletable .social-icons li.youtube a {background: url(../images/youtube.png) no-repeat 0 0;}
.share .moduletable .social-icons li.enewsletter a {background: url(../images/enewsletter.png) no-repeat 0 0;}
.share .moduletable .social-icons li.pinterest a {background: url(../images/pinterest.png) no-repeat 0 0;}
.social-aside .moduletable .social-icons {list-style-type: none; margin-top: 10px; padding: 0;}
.social-aside .moduletable .social-icons li {float:left; margin-right:10px;}
.social-aside .moduletable .social-icons li a {display: block; width: 32px; height: 32px; border-radius: 16px; box-shadow: 2px 2px 2px rgba(0,0,0,0.35);}
.social-aside .moduletable .social-icons li a:hover, .share .moduletable .social-icons li a:focus {position: relative; top: 1px; left: 1px; box-shadow: 1px 1px 1px rgba(0,0,0,0.15);}
.social-aside .addthis_counter.addthis_pill_style.addthis_nonzero a.addthis_button_expanded {display:none!important;}
.social-home .moduletable {float: left;}
.social-home .moduletable .social-icons {list-style-type: none;}
.social-home .moduletable .social-icons li {float:left; margin-right:15px;}
.social-home .moduletable .social-icons li a {display: block; width: 32px; height: 32px; border-radius: 16px; box-shadow: 2px 2px 2px rgba(0,0,0,0.35);}
.social-home .moduletable .social-icons li a:hover, .share .moduletable .social-icons li a:focus {position: relative; top: 1px; left: 1px; box-shadow: 1px 1px 1px rgba(0,0,0,0.15);}
.social-aside .fbbutton {float: left; margin-right:10px;}
.share .fb_iframe_widget {height: 28px !important;}
.share .fb_iframe_widget span {display: inline !important; position: relative; right: 4px; /*bottom: 20px;*/}

.now-playing-wrap a {color: #fff;}

.stations-row2 {float: none; display: inline-block;margin-top:-30px;}

.rsform-block-captcha {height: 135px;}

/*********************
MOBILE BROWSERS
*********************/

.mobile-browser .share {display: none;}
.mobile-browser .truncate {width: 150px;}
.mobile-browser .nav .moduletable > ul > li:first-child {display: none;}
.mobile-browser .sitemap-menu .deeper.parent {margin: 10px 10px 0 10px;}
.mobile-browser .footer-logo a img {width: 150px; height: 74px;}
.mobile-browser .stations li {padding: 20px 5px 20px;}
.mobile-browser .address-copyright {width: 350px;}

.story-default-frontpage .element-textarea {height: 144px;}

.jcal_category.Area a {
	color: #888;
	cursor: default;
	text-decoration: none;
	font-style: italic;
}
.jcal_category.Area a:hover {
	text-decoration: none!important;
}
.calendar-cat-col {
	float: left;
	width: 33%;
	overflow: hidden;
}
#jcl_component .jcal_category {
	float: none;
	width: auto;
	overflow: hidden;
}

.menu-donate {
	background: #f7941e;
	box-shadow: 0px 0px 20px #555;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 23px 3px;
	font-weight: bold;
}

/* Disqus Fix */
#dsq-content .dsq-avatar {
	position:relative!important;
}

/* Notice */

.notice {
	width: 90% !important;
	background: #0397D6;
	padding: 7px!important;
	color: #EEE;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 25px;
	font-weight: bold;
}

/* remove location CLEAR link */
.element-jform_location .button2-left #jform_location_clear{
	display: none;
}

/* Filter Events */
.jcal_categories #category_filter{
	float: left;
}
.jcl_mainview #category_filter {
float: left;
}
.jcal_categories form{
	float: right;
}

/* My Story Home */
.story-home .element-textarea{text-align:left; margin-bottom:10px;}
.story-home .element-itemlink a{color:#9d9fa2; font-size:15px; text-decoration:none; font-weight:bold;}
.story-home .element-itemlink {text-align:left;}
.story-home div.description {margin:0;}
.story-truncate {position:absolute; top:100px; left:248px;}
.story-home ul.set {height:105px!important;}
.story-home h3.title {text-align:left; margin-bottom:-8px; border-bottom:none;}
.story-home .element-text {text-align:left;font-style:italic;}

.story-default-frontpage .teaser-item .pos-content {height: 144px;}

/* Prayer Auto-Frontpage */
.prayer-default-prayer-request .element-itemfrontpage {visibility:hidden;} 

/* eNewsletter Poster */
.enews-poster {
	margin-top:25px!important;
	background:url('../../../images/stories/enews-bkgd.png');
	height:497px;
	width:491px;
	position:relative;
}
a.enews-link {display:block;position:absolute;margin:26px 0 0 112px;width:369px;height:72px;background:url('../../../images/stories/enews.png');}
a.enews-link:hover {background:url('../../../images/stories/enews-hov.png');}

/* Year End Giving Button */
.yeg-mod {width:100%;}

/* Splash */
.vis15-bkgd {background:url('../../../images/fundraiser/bkgd.jpg') no-repeat;width:673px;height:490px;}
.vis15-progress {
    position: absolute;
    top: 64px;
    left: 548px;
}
.vis15-give {
	position:absolute;
	left:229px;
	top:315px;
}
.vis15-give a {
	display:block;
	width:232px;
	height:113px;
	background: url('../../../images/fundraiser/give.png') no-repeat;
	transition:background 0.3s;
	-webkit-transition:background 0.3s;
}
.vis15-give a:hover {
	background: url('../../../images/fundraiser/give-hov.png') no-repeat;
}


/*Janet for Submission page*/
.g-recaptcha{/*margin-left:140px!important;*/}
/*End Janet*/

/* 
nick@ 22 Oct, 2015
//This css used for google reCaptcha not working in iOS devicies
@Start here
*/
.recaptcha-checkbox-border,
.recaptcha-checkbox-borderAnimation,
.recaptcha-checkbox-spinner,
.recaptcha-checkbox-spinnerAnimation,
.recaptcha-checkbox-checkmark {
   z-index: 100;
}
/* @End Here */