/* hi there 


PRIMARY:
http://paletton.com/#uid=73t0o0k++Hpv0ZKS7+V+Wtc+bmR

ALT:
http://paletton.com/#uid=72B0o0kkUrjbbGJgyvxpinTsCiX

LIGHT:
http://paletton.com/#uid=73t0o0k7lK811Zs3ITrbKyTgPrN

*/

body, p, li {
	font-family: "Source Sans Pro", Arial, helvetica, sans-serif;
	font-weight:300;
	font-size: 0.9em;
}
html {
	/*background: rgb(250,250,250); */
}
body {
	font-size: 20px;
	color: #555;
	min-width: 320px;
}
pre {
	font-size: 11px;
	color: #000;
	background-color: #ccc;
}
#sb-site, .sb-site-container {
	background-color: rgba(255,255,255,0);
}
.cmspage {
	/*min-height: 85vh;*/
}
section.content {
	background: #fff none repeat scroll 0 0;
    min-height: 98vh;
    padding: 1px 0;
}
h1.pushTitle {
	color: #fff;
    font-size: 2.5em;
    font-weight: bold;
    margin: -1.1em 0 0 1em;
    text-shadow: 0 -2px 3px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}
.hasContent h1.pushTitle {
	display: none;
}
a, a:link, a:visited {
	color: #777;
	text-decoration:none;
}
a:hover, a:active {
	color: #BA7400;
	text-decoration:none;
}
a, a:link, a:visited, button, li.devotionTab {
	-o-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
	-khtml-transition: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	-ms-transition: color 0.3s linear;
	transition: color 0.3s linear;
	
	-o-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-khtml-transition: background 0.3s linear;
	-webkit-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	transition: background 0.3s linear;

	-o-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-khtml-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;

	-o-transition: text-shadow 0.3s linear;
	-moz-transition: text-shadow 0.3s linear;
	-khtml-transition: text-shadow 0.3s linear;
	-webkit-transition: text-shadow 0.3s linear;
	-ms-transition: text-shadow 0.3s linear;
	transition: text-shadow 0.3s linear;
}

a.scripture, a.scripture:link, a.scripture:visited {
	font-weight: bold;
	color: #900;
}
a.scripture:hover, a.scripture:active {
	color: #c00;
}

span.scripture {
	display: inline;
}
span.scripture .placement {
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0 0.1em;
    text-transform: uppercase;
}
span.scripture .placement i {
	color: #06f;
    font-size: 11px;
    position: relative;
    top: -0.4em;
}
span.scripture .expandText {
	background: rgba(160, 198, 255, 0.5) none repeat scroll 0 0;
    border: 1px solid rgba(160, 198, 255, 1);
    border-radius: 3px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
    color: #2A5391;
    display: none;
    font-size: 0.9em;
    margin: 0.5em 0;
    padding: 1em;
}
span.scripture:hover .placement {
	color: #06f;
	cursor:pointer;
}
span.scripture.open .expandText {
	display: block;
}

span.scripture .expandText .verse {
	display: inline;
    padding: 0 0.25em 0 0;
}
span.scripture .expandText .verse .versenum {
	color: #333;
    font-size: 0.6em;
    font-weight: bold;
    vertical-align: super;
}
span.scripture .expandText .chapterhead {
	display: block;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0.25em;
}


img {
    border: 0 none;
    max-width: 100%;
}
@media screen and (min-width: 950px) {
	body { font-size: 1.9vw; }
}
@media screen and (min-width: 1000px) {
	body { font-size: 1.75vw; }
}
@media screen and (min-width: 1200px) {
	body { font-size: 1.6vw; }
}
@media screen and (min-width: 1400px) {
	body { font-size: 1.5vw; }
}
@media screen and (min-width: 1600px) {
	body { font-size: 22px; }
}
h1, h2, h3, h4, h5, h6, h7, h8, h9 {
	color: #162b41;
    font-family: Bitter,serif;
    font-weight: 400;
}
#pageAdminBar {
    margin: 0;
}
.sb-slidebar {
	background-color: #191f28;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    z-index: 99;
}
#sb-site {

}
#sb-site .overlay {
	background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.sb-active #sb-site .overlay {
	display: block;
}
.sb-active .header {
	display: none;
}

#mobileNav {
	padding: 1em 0;
    position: relative;
}
#mobileNav > ul {
	list-style: outside none none;
    margin: 0;
    padding: 0;
}
#mobileNav > ul > li {
	
}
#mobileNav > ul > li a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    display: block;
    font-size: 1.65em;
    padding: 0.5em 1em;
}
#mobileNav > ul > li > ul {
	background: #111 none repeat scroll 0 0;
	list-style: outside none none;
    margin: 0;
    padding: 0;
	font-size: 0.9em;
}
#mobileNav > ul > li > ul > li {
	
}
#mobileNav > ul > li > a {
	color: #BA7400;
}
#mobileNav > ul > li > ul > li > a {
	color: #fff;
}


.photogrid {
	box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative;
}
.photogrid ul.grid {
	box-sizing: border-box;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}
.photogrid ul.grid div.photo {
	box-sizing: border-box;
    float: left;
    width: 100%;
	padding:0.15em;
}
.photogrid.pg1 ul.grid div.photo {
	width: 100%;
}
.photogrid.pg2 ul.grid div.photo {
	width: 50%;
}
.photogrid.pg3 ul.grid div.photo {
	width: 33.33333%;
}
.photogrid.pg4 ul.grid div.photo {
	width: 25%;
}
.photogrid.pg6 ul.grid div.photo {
	width: 16.6666664%;
}

.bigCentered p {
	text-align:center;
	font-size:1.5em;
}
.bigCentered h1, .bigCentered h2, .bigCentered h3, .bigCentered h4, .bigCentered h5 {
	color: #66a0a4;
    font-family: "Open Sans",Arial,helvetica,sans-serif;
    font-weight: 600;
    text-align: center;
}
.bigCentered h1 {
	font-size: 2em;
}
.bigCentered h2 {
	font-size: 1.5em;
}

.cmspage .wrapper .bannerWrapper {
	margin: 0.5em;
}

.altColor h1, .altColor h2, .altColor h3, .altColor h4, .altColor h5 {
	color: #b9046f;
}
.sudoclear {
	display:block;
	clear:both;
}
.marginTop { margin-top: 3em !important; }
.marginRight { margin-right: 1em !important; }
.marginBottom { margin-bottom: 3em !important; }
.marginLeft { margin-left: 1em !important; }

.cmspage .doublemarginTop { margin-top: 6em !important; }
.cmspage .doublemarginBottom { margin-bottom: 6em !important; }

.cmspage .halfmarginTop { margin-top: 1.5em !important; }
.cmspage .halfmarginBottom { margin-bottom: 1.5em !important; }


.cmspage .paddingTop { padding-top: 3em !important; }
.cmspage .paddingRight { padding-right: 1em !important; }
.cmspage .paddingBottom { padding-bottom: 3em !important; }
.cmspage .paddingLeft { padding-left: 1em !important; }

.textPanel {
	padding: 0.4em;
	box-sizing: border-box;
}
.textPanel a {
	color: #ba7400;
}
.textPanel a:hover {
	color: #2c6882;
}
.superWhite {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
}
.superGrey {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
}
.contentBox {
	background: url("/images/bg-textured-gray-light.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0.25em;
    padding: 1em;
}
.contentBox.wideType {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: auto;
    padding: 0;
}
.contentBox.wideType > div {
	position: relative;
}
.contentBox.wideType .featurePhoto {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contentBox.wideType .featureContent {
	background: rgba(0, 0, 0, 0) url("/images/bg-textured-gray-light.png") repeat scroll 0 0;
    box-shadow: 0 0 1px #777 inset;
    margin: 0 0.5em;
	font-size: 1.2em;
}
.contentBox.wideType .featureContent h3 {
	color: #376a86;
    font-family: "Share",Arial,helvetica,sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 1em 0.9em 0;
    text-align: left;
}
.contentBox.wideType .featureContent .subequal {
	padding: 0.25em 1em 0;
}
.contentBox.wideType .featureContent p {
	text-align: left;
}
.contentBox .liner {
	
}
.contentBox .liner .headliner {
	background-color: #ccc;
    background-image: url("/images/example.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    margin: -1em -1em 1em;
    padding-bottom: 45%;
    position: relative;
    display: block;
}
.contentBox .liner .headliner > span {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    display: block;
    font-family: Open Sans Condensed;
    font-weight: bold;
    left: 0;
    padding: 0.5em 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    width: 100%;
}

.contentBox.v2 {
	border: 4px solid #fff;
	margin: 0.5em;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}
.contentBox.v2 .liner .headliner > span {
	background: none repeat scroll 0 0 rgba(92, 102, 206, 0.75);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.contentBox.v3 .liner .headliner > span {
	padding: 0.25em 0;
}
.contentBox.v3 {
	
}
.contentBox.v3 .liner {
	
}
.contentBox.v3 .liner .headliner {
	padding-bottom: 30%;
}

.contentBox.v4 .liner .headliner {
    padding-bottom: 70%;
}
.contentBox.v4 .liner .headliner > span {
	padding: 0.25em 0;
}

.contentBox .liner .subequal {
	min-height: 1em;
}
.contentBox .primeLink {
	margin: 0.5em 0;
}
.contentBox .primeLink a {
	background-color: #b9046f;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: auto;
	font-size: 0.8em;
}
.contentBox .altLink {
	margin: 0.5em 0;
}
.contentBox .altLink a {
	color: #fff;
    display: block;
    font-weight: bold;
    text-align: center;
    width: auto;
	background-color: rgba(158, 41, 132,0.75);
    font-size: 0.7em;
    padding: 8px;
}
.contentBox .primeLink a:hover {
	background-color: #ec008c;
}
.contentBox .altLink a:hover {
	background-color: #b9046f;
}
.contentBox.wideType .primeLink {
	margin: 1em 0 0;
    padding: 0 1em 1em;
    text-align: left;
}
.contentBox.wideType .primeLink a {
	display: inline-block;
    padding: 10px 30px;
}

.contentBox p, .contentBox h1, .contentBox h2, .contentBox h3, .contentBox h4, .contentBox h5 {
	text-align:center;
}
.contentBox p {
	
}
.contentBox ul {
	font-size: 0.8em;
    list-style: outside none square;
}
.contentBox ul li {
	font-weight:bold;
}
.wrapper .wrapper {
	min-width: auto;
    width: 100%;
}

.siteBanner, .parallaxBanner {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 25vw;
	min-height: 8em;
	position:relative;
    padding: 1px;
	box-shadow: 0 5pxpx 10px rgba(0,0,0,0.15);
}
.siteBanner.accentType, .parallaxBanner.accentType {
	height: 15vw;
	background-color: rgba(117, 0, 58, 0.25);
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.25) inset;
}
.siteBanner.midrifType, .parallaxBanner.midrifType {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.25);
    height: 20vw;
    margin: 1em 0;
    min-height: 8em;
    padding: 1px;
    position: relative;
}
.siteBanner .wrapper, .parallaxBanner .wrapper {
	position: relative;
}
.siteBanner .wrapper {
	max-width: inherit;
    min-width: inherit;
    width: 100%;
	margin:0;
}
.siteBanner .wrapper .leftsect, .siteBanner .wrapper .rightsect {
	min-height: 5em;
	position:relative;
}
.siteBanner .wrapper .leftsect {
	/*width: 74.99999%;
	float:left;*/
	width: 100%;
}
.siteBanner.lefthand .wrapper .leftsect {
	width: 55%;
}

.siteBanner .wrapper .rightsect {
	width: 24.99999%;
	float:right;
	display: none;
}
.cmspage .section {
	clear:both;
}

.siteBanner.headerType:after, .parallaxBanner.headerType:after {
	background-color: rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.25) inset;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.siteBanner .wrapper .blurbTab, .parallaxBanner .wrapper .blurbTab {
	left: 0;
    position: absolute;
    top: 15vw;
	text-align: center;
    width: 100%;
	z-index: 1;
}
.siteBanner .wrapper .blurbTab h1, .parallaxBanner .wrapper .blurbTab h1 {
	color: #fff;
    font-weight: 900;
    margin: -0.75em 0 0;
    text-align: center;
    text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
}
.siteBanner .wrapper .blurbTab p, .parallaxBanner .wrapper .blurbTab p {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	color: #fff;
    display: inline-block;
    font-family: "Source Sans Pro",Arial,helvetica,sans-serif;
    font-weight: 700;
    margin: 0.25em auto;
    padding: 0.25em 0.75em;
    text-align: center;
    text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

.siteBanner.headerType .leadback {
	background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
    left: 1px;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 5;
}
.siteBanner.headerType .leadback .leadpane {
	padding: 1px 0;
	font-size: 0.9em;
}
.siteBanner.headerType .leadback .leadpane h4 {
    color: #fff;
    font-family: Share;
    font-size: 2vw;
    font-weight: 900;
    margin: 0.5em 2em 0;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

.siteBanner.headerType .leadback .leadpane .field {
    margin: 0.75em 1em;
}
.siteBanner.headerType #leadPaneSubmit4 {
	margin: 1em auto;
}
.leadback .leadpane h5.formError {
	color: #f66;
}
.siteBanner.headerType .thanksView h3 {
	color: #fff;
    font-size: 1.5em;
    margin: 2em 0.5em;
    text-align: center;
}

.cbitholder {
	position: relative;
}
.cbitholder .cbit {
	background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    color: #900;
    cursor: pointer;
    font-size: 18px;
    padding: 0 2px 1px;
    position: absolute;
    z-index: 9;
}
.cbitholder .cbit:hover {
	color:#f33;
}
.cbitholder .cbit i {
	
}

.siteBanner.headerType {
	min-height: 20em;
}

.nav13 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#082900+0,094400+100 */
background: rgb(8,41,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(8,41,0,1) 0%, rgba(9,68,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(8,41,0,1) 0%,rgba(9,68,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(8,41,0,1) 0%,rgba(9,68,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082900', endColorstr='#094400',GradientType=0 ); /* IE6-9 */
    position: relative;
}
.nav13 ul {
	display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.nav13 ul > li {
	display: block;
    float: left;
}
.nav13 ul > li a {
	display: block;
    padding: 1em 1.5em;
}
.nav13 ul > li a:hover {
	background-color: #229c00;
	color: #fff;
}
.footer {
	background: #DBDBDB none repeat scroll 0 0;
    position: relative;
	color: #999;
	border-top: 1px solid #ccc;
}
.footer .touch {
	padding: 2em 0;
	border-top: 1px solid #fff;
}
.footer .go {
    padding: 2em 0;
    text-align: center;
}
.footerLinks {
	font-size: 0.7em;
    padding: 0.5em 1em;
	box-sizing: border-box;
}
.footerLinks a {
	display: inline-block;
    padding: 0 0.5em;
}
.footer .badges {
	text-align:right;
}
p.disclaimer {
	font-size: 0.65em;
}
.emblemOverlay {
	display: none;
}
.showEmblem .emblemOverlay {
	display: block;
    float: left;
    margin: 1em;
    width: 15%;
}
.contactFooter {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1edef+0,f7fbfc+100 */
background: rgb(225,237,239); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(225,237,239,1) 0%, rgba(247,251,252,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(225,237,239,1) 0%,rgba(247,251,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(225,237,239,1) 0%,rgba(247,251,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1edef', endColorstr='#f7fbfc',GradientType=0 ); /* IE6-9 */
	min-height: 1em;
	padding: 1em 0;
}
ul.socialIcons {
	list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.socialIcons li {
	display: inline-block;
}
ul.socialIcons li a {
	color: rgba(59, 130, 158, 0.4);
    display: block;
    font-size: 2em;
    margin: 0.5em 0.25em;
}
ul.socialIcons li a:hover {
	color: rgba(59, 130, 158, 0.8);
}
#footerSubscribe {
	background: rgba(59, 130, 158, 0.1) none repeat scroll 0 0;
    padding: 0.5em 1em;
    position: relative;
}
#footerSubscribe label {
	color: #777;
    display: block;
    font-size: 0.9em;
    padding: 0 0 0.25em;
    text-transform: uppercase;
}
#footerSubscribe input {
	border: 1px solid #999;
    box-sizing: border-box;
    display: inline-block;
    font-family: Arial;
    font-size: 0.5em;
    height: 2.25em;
    line-height: 1em;
    padding: 0.5em;
    width: 60%;
}
#footerSubscribe button {
	background: #900 none repeat scroll 0 0;
    border: 1px solid #333;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    float: right;
    font-family: Arial;
    font-size: 0.5em;
    font-weight: bold;
    height: 2.25em;
    line-height: 1em;
    padding: 0.5em;
    width: 39%;
}


.header {
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
}
.header .topView {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.75+0,0.25+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */

}
.header .topView .headLogo {
	height: 2.25em;
    margin-top: -0.1em;
}

.past150 .header .topView, .hasContent .header .topView {
	background: #222 none repeat scroll 0 0;
    font-size: 0.9em;
}
.past150 .header ul.menu > li a > span, .hasContent .header ul.menu > li a > span {
    display: block;
    font-size: 0.9em;
    margin: 0.4em 0.2em;
}
.past150 .header .topView .headLogo {
	margin-top: -0.3em;
}
.hasContent .headPush {
    background: #fff none repeat scroll 0 0;
    height: 2.5em;
    min-height: auto;
}
.hasContent section.content {
    background: rgba(0, 0, 0, 0) url("/images/canvas.jpg") repeat fixed center center / cover;
    min-height: 98vh;
    padding: 1px 0;
}
.hasContent .cmspage {
    min-height: auto;
}
.hasContent .contactFooter {
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.25);
}
.crumbs {
	background: #e3d08d none repeat scroll 0 0;
    color: #c77;
    text-transform: uppercase;
    margin: -1em -1em 1.5em;
    padding: 0.5em 1em;
}
.crumbs span {
	font-size: 0.8em;
}
.crumbs span a {
	color: #936043;
    text-transform: uppercase;
}
.crumbs i {
	font-size: 0.8em;
	color: #fff;
}

.header ul.menu {
	list-style: outside none none;
    margin: 0;
    padding: 0;
}
.header ul.menu > li {
	float:right;
	position: relative;
}
.header ul.menu > li.mo {
	display: none;
}
.header ul.menu > li.logo {
	float:left;
}
.header ul.menu > li:hover {
	background: rgba(0,0,0,0.5) none repeat scroll 0 0;
}
.header ul.menu > li a {
	display: block;
    padding: 0.75em 1.5em;
	color: #fff;
	height: 1.75em;
}
.header ul.menu > li a > span {
	display: block;
    font-size: 0.9em;
    margin: 0.5em 0;
}
ul.nMenu {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    display: none;
    left: 0;
    list-style: outside none none;
    margin: 0;
    min-width: 110%;
    padding: 0.25em 0;
    position: absolute;
    top: 100%;
    white-space: nowrap;
    z-index: 2;
}
ul.menu > li:hover ul.nMenu {
	display:block;
}
ul.nMenu > li {
	display: block;
}
.header ul.nMenu > li a {
	padding: 0.35em 1.5em;
    white-space: nowrap;
}
.header ul.nMenu > li a:hover {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.headPush {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	min-height: 90px;
	height: 35vh;
}
.fixedBanner {
	background-position: center center;
    background-size: cover;
	min-height: 94px;
	height: 36vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.zgWrapper {
	
}
.zaftyGrid {
	
}
.zaftyGrid .zgBlock {
	float: left;
	width: 33.333332%;
}
.gridModule {
	background-position: center center;
    background-size: cover;
    height: 0;
    margin: 1em 0.5em;
    padding-bottom: 50%;
    position: relative;
	display: block;
}
.gridModule .liner {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.25) inset;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	display: block;
}
.gridModule .liner:hover {
	background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
}
.gridModule.videoType .liner:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+50,0.75+100 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);

	content: "\f01d";

	color: #fff;
    display: block;
    right: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    top: 0;
    padding: 0.25em 0.25em 1em 1em;
	font-size: 1.5em;
}
.gridModule.audioType .liner:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+50,0.75+100 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);

	content: "\f025";

	color: #fff;
    display: block;
    right: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    top: 0;
    padding: 0.25em 0.25em 1em 1em;
	font-size: 1.5em;
}
.gridModule.devotionType .liner:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+50,0.75+100 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);

	content: "\f274";

	color: #fff;
    display: block;
    right: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    top: 0;
    padding: 0.25em 0.25em 1em 1em;
	font-size: 1.5em;
}
.gridModule.studyType .liner:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+50,0.75+100 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);

	content: "\f02d";

	color: #fff;
    display: block;
    right: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    top: 0;
    padding: 0.25em 0.25em 1em 1em;
	font-size: 1.5em;
}
.gridModule .liner .title {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.75+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    padding: 0.25em 3em 0.25em 0.5em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    top: 0;
    width: 100%;
}
.gridModule .liner .caption {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 0.75em;
    left: 0;
    padding: 0.5em 0.75em;
    position: absolute;
    width: 100%;
}
.gridModule .liner:hover .caption {
	display: block;
}
.gridModule.disabledBlock .liner .title {
	color: #f00;
}
.gridModule .centerLabel {
	box-sizing: border-box;
    display: block;
    margin: -0.5em 0;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
}
#createContentButton {
	background: #ccc none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    padding: 0.25em;
    font-weight: bold;
}

.contentWrapper {
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 5px 2em rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    padding: 1em;
}
.contentWrapper .keywords {
	font-size: 0.75em;
    text-align: center;
}
.contentWrapper .keywords a {
	color: #b84b75;
    display: inline-block;
    padding: 0 3px;
    text-transform: uppercase;
}
.contentWrapper > h1 {
	margin: 0.25em;
    text-align: center;
	color: #936043;
}
.contentWrapper > h4 {
	color: #400d00;
    font-size: 0.6em;
    margin: 0;
    text-align: center;
}
.contentWrapper .contentText {
	padding: 2em;
}
.contentWrapper .contentText h1, .contentWrapper .contentText h2 {
	color: #936043;
}
.contentWrapper .contentText h3, .contentWrapper .contentText h4 {
	color: #5e2b0e;
}
.contentWrapper .contentText h5, .contentWrapper .contentText h6 {
	color: #222;
}

.contentWrapper img.articleBanner {
	margin: 1.5em 0 1em;
    width: 100%;
}
.playerSpot {
	background: #ccc none repeat scroll 0 0;
    margin: 1em;
    padding: 0.5em;
}
.youtubeholder {
	background: #000 none repeat scroll 0 0;
    height: 0;
    margin: 2em 1em 1em;
    padding-bottom: 40%;
    position: relative;
}
.youtubeholder iframe {
	height: 100%;
    position: absolute;
    width: 100%;
}

h4.recentList {
	color: #2c6882;
    margin: 1em;
}
div.recentList {
	background: rgba(0, 0, 0, 0.04) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin: 1em 0.5em 2em;
    padding: 0.1em;
}
div.recentList a.recentRecord {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	display: block;
    margin: 1px;
    padding: 0.5em;
}
div.recentList a.recentRecord .title {
	color: #2c6882;
    display: block;
	border-bottom: 1px dotted #ddd;
}
div.recentList a.recentRecord .details {
	color: #ca9;
    display: block;
    font-size: 0.75em;
    padding: 2px;
	text-align: center;
}
div.recentList a.recentRecord .type, div.recentList a.recentRecord .date {
	color: #ccc;
    display: inline-block;
    font-size: 0.9em;
    text-transform: uppercase;
    width: 30%;
}
div.recentList a.recentRecord .type {
    float: left;
	text-align: left;
}
div.recentList a.recentRecord .date {
    float: right;
	text-align: right;
}
div.recentList a.recentRecord .description {
    display: block;
    font-size: 0.7em;
    padding: 0.1em;
	color: #999;
}

.localvidholder {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+50,7d7e7d+100 */
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 50%, rgba(125,126,125,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 50%,rgba(125,126,125,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 50%,rgba(125,126,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#7d7e7d',GradientType=1 ); /* IE6-9 */
	text-align: center;
	padding: 0.25em 0;
	margin: 1em 0;
}
.localvidholder video {
	height: 300px;
}
.localaudholder {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+50,7d7e7d+100 */
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 50%, rgba(125,126,125,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 50%,rgba(125,126,125,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 50%,rgba(125,126,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#7d7e7d',GradientType=1 ); /* IE6-9 */
	text-align: center;
	padding: 0.25em 0;
	margin: 1em 0;
}
.localaudholder audio {
	width: 90%;
}

div.recentList a.recentRecord:hover {
	box-shadow: 0 0 5px rgba(191, 135, 60, 0.5);
	z-index: 5;
}
div.recentList a.recentRecord:hover .title {
	border-bottom: 1px dotted rgba(191, 135, 60, 0.5);
    color: #bf873c;
    display: block;
}





.sideBar {
	margin-left: 1em;
}
.sideBarLiner {
	
}
.sideBar .recentItems {
	background: rgba(0, 0, 0, 0.04) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.06);
    font-size: 0.75em;
    margin: 1.5em 0;
    padding: 0.5em;
}
.sideBar .recentItems h4 {
    margin: 0 0 0.5em;
}
.sideBar .recentItems .recentRecord {
	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    display: block;
    margin: 0.1em 0 0;
    padding: 0.5em;
}
.sideBar .recentItems .recentRecord .spotImage {
	
}
.sideBar .recentItems .recentRecord .title {
	color: #333;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
}
.sideBar .recentItems .recentRecord .title.top {
    margin: 0 0.25em 0.35em;
}
.sideBar .recentItems .recentRecord .details {
	color: #c28b70;
    font-size: 0.8em;
}
.sideBar .recentItems .recentRecord .details .date {
	float: right;
}
.sideBar .recentItems .recentRecord .details .author {
	
}
.sideBar .recentItems .recentRecord:hover {
	background: #ac4200 none repeat scroll 0 0;
}
.sideBar .recentItems .recentRecord:hover .details, .sideBar .recentItems .recentRecord:hover .title {
	color: #fff;
}

.audioPlayWrapper {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7cfdf+0,23538a+50,a7cfdf+100 */
background: rgb(167,207,223); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(167,207,223,1) 0%, rgba(35,83,138,1) 50%, rgba(167,207,223,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 50%,rgba(167,207,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 50%,rgba(167,207,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#a7cfdf',GradientType=1 ); /* IE6-9 */
	margin: 1em 0;
    padding: 0.25em 0;
}
.audioPlayWrapper .jp-audio {
    margin: 0 auto;
}
.vidHolder {
	left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
	background-image: url("/images/fern.jpg");
	height: 99.25vh;
}
.vidLiner {
	position: relative;
	height: 100%; 
	width: 100%;
}
video.video {
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	z-index: -1000; 
	overflow: hidden;
	top: 50%;
	left: 50%;
}
.homeintro {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.35+1,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 1%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.35) 1%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.35) 1%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

	/*background-image: url("/images/fern.jpg");
    background-position: center center;
    background-size: cover;*/
    min-height: 100vh;
    position: relative;
}
.legacyAndroid .homeintro, .superLegacyAndroid .homeintro {
    background-image: url("/images/fern.jpg");
    background-position: center center;
    background-size: cover;
    min-height: 84vh;
	height: 84vh;
}
.legacyAndroid .vidHolder, .superLegacyAndroid .vidHolder {
	display:none;
}
.legacyAndroid .header ul.menu > li.mo > div, .superLegacyAndroid .header ul.menu > li.mo > div {
	font-size: 45px;
}
.homeintro .head {
	
}
.homeintro .foot {
	bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.homeintro .footpanel {
	text-align: center;
}
.homeintro .footpanel a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	color: #fff;
    display: inline-block;
    font-size: 0.7em;
    font-weight: bold;
    padding: 1em;
    text-transform: uppercase;
}
.homeintro .footpanel a:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.75+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
.legacyAndroid .homeintro .footpanel {
	display: none;
}
.homeintro .footpanel a i {
	display: block;
}
.homeintro .footpanel a#content {
	padding: 0;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.homeintro .centerSect {
	padding: 15vh 0 0;
    text-align: center;
}
.homeintro .centerSect .introEmblem {
	display: block;
    margin: 0 auto;
    width: 25%;
}
.homeintro .centerSect h1 {
	color: #fff;
    font-size: 3em;
    margin: 0.25em 0 0;
	text-shadow: 0 0 5px #960;
}
.homeintro .centerSect h5 {
	color: #fff;
    text-shadow: 0 0 5px #960;
}

.onetwogrid {
	margin: 1em 0;
}
.onetwogrid .one, .onetwogrid .two {
	box-sizing: border-box;
	padding: 0.5em; /* 0.5em 0.3em*/
}
.onetwogrid .one {
    float: left;
    width: 67%;
}
.onetwogrid .two {
    float: right;
    width: 33%;
}
.onetwogrid .hsplit4x3 {
	
}
.onetwogrid .hsplit4x3 > .cell {
    height: 0;
    padding-bottom: 34.5%;
    position: relative;
}
.onetwogrid .hsplit4x3 > .cell > a {
	background-position: center center;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -999999px;
    top: 0;
    width: 100%;
}
.onetwogrid .hsplit4x3 > .cell:first-child {
	margin-bottom: 1em;
}
.onetwogrid .one a, .onetwogrid .two a {
	display:block;
	position:relative;
}
.onetwogrid .one img, .onetwogrid .two img {
	width: 100%;
}
.onetwogrid a span.spotlight {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fd9;
    font-weight: bold;
    left: 1em;
    padding: 0.5em 1em;
    position: absolute;
    top: 1em;
}
.onetwogrid a span.readmore {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.66+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.66) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.66) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.66) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    bottom: 1em;
    color: #069;
    font-weight: bold;
    padding: 0.25em 0.75em;
    position: absolute;
    right: 1em;
}
.onetwogrid a span.devotionBody {
	bottom: 3em;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    padding: 1em;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.onetwogrid a:hover span.readmore {
	color: #900;
}
.onetwogrid .two a span.spotlight, .onetwogrid .two a span.readmore {
	font-size: 0.7em;
}

.videoIndex {
	margin: 1em;
}
.videoIndex .videoRecord {
    margin: 0.5em 5px;
    padding: 0;
}
.videoBreaker3 {
	clear:both;
}
.videoIndex .videoRecord a.videoThumb {
	background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: rgba(255, 255, 255, 0.5);
    display: block;
    height: 0;
    margin: 0;
    padding-bottom: 57%;
    position: relative;
    width: 100%;
}
.videoIndex .videoRecord a.videoThumb img {
	height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.videoIndex .videoRecord a.videoThumb:hover {
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0 1em #000;
	box-shadow: 0 0 5em #000 inset;
}
.videoIndex .videoRecord a.videoThumb:after {
	content: "\f01d";
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
	font-size: 2.5em;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-40%) translateX(-50%);
}
.videoIndex .videoRecord a.videoTitle {
	display: block;
    font-family: Bitter;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0.5em 1em;
    text-align: center;
	color: #2c6882;
}
.videoIndex .videoRecord a.videoTitle:hover {
	color: #000;
}
.videoIndex .videoRecord .deets {
	background: #222 none repeat scroll 0 0;
    color: #ccc;
    display: block;
    font-size: 0.6em;
    font-weight: bold;
    padding: 0.25em 1em;
    text-align: left;
}
.videoIndex .videoRecord .deets .author {
	float:right;
	color: #ba7400;
	text-align:right;
	max-width:60%;
}
.videoIndex .videoRecord .video_duration {
	background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    border-radius: 5px 0 0;
    bottom: 0;
    color: #fff;
    font-size: 0.7em;
    font-weight: bold;
    padding: 1px 10px 3px;
    position: absolute;
    right: 0;
}
.videoIndex .videoRecord p.description {
	
}
.videoIndex .videoRecord p.gobutton {
	margin-bottom: 0;
    text-align: right;
}
.videoIndex .videoRecord p.gobutton a {
	background: #2c6882 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 0.25em 1em;
}
.videoIndex .videoRecord p.gobutton a:hover {
	background: #000 none repeat scroll 0 0;
}

.pagecubes {
	padding: 1em;
    text-align: center;
}
.pagecubes a {
	border: 1px solid #eee;
    box-shadow: 2px 2px 2px #ccc;
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    margin: 3px 1px;
    min-width: 1em;
    padding: 0.25em 0.5em;
}
.pagecubes a:hover {
	background: #333 none repeat scroll 0 0;
    border: 1px solid #555;
    box-shadow: 2px 2px 2px #777;
    color: #fff;
}
.pagecubes a.current {
	background: #2c6882 none repeat scroll 0 0;
	color: #fff;
	border: 1px solid #5c98b2;
}

img.audioFeatureImage {
	float: right;
    margin: 1em 0;
    width: 90%;
}

.contentDisclaimer {
	color: #999;
    font-size: 0.9em;
    margin: 1em;
    text-align: center;
}
.contentDisclaimer p {
	
}
.contentDisclaimer p a {
	color: #000;
}

.audioIndex {
	margin: 1em;
}
.audioIndex .forThumb {
	box-sizing: border-box; 
	padding: 0 1em 0 0
}
.audioIndex .audioRecord {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+50,d2ebf9+100 */
	background: rgb(254,255,255); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(254,255,255,1) 50%, rgba(210,235,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(254,255,255,1) 50%,rgba(210,235,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(254,255,255,1) 50%,rgba(210,235,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
    margin: 2px;
    padding: 0.5em;
}
.audioIndex .audioRecord .audioThumbHolder {
	background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%;
	position: relative;
}
.audioIndex .audioRecord a.audioThumb {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}
.audioIndex .audioRecord a.audioThumb:hover {
	background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
}
/*.audioIndex .audioRecord a.audioThumb:after {
	content: "\f028";
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
	font-size: 2.5em;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-40%) translateX(-50%);
}*/

.audioIndex .audioRecord .title {
	font-weight: bold;
    margin: 0;
}
.audioIndex .audioRecord .duration {
	color: #ba7400;
    font-size: 0.75em;
    margin: 0;
}
.audioIndex .audioRecord .date {
	color: #999;
    font-size: 0.75em;
    margin: 0;
}
.audioIndex .audioRecord .description {
	font-size: 0.8em;
    margin: 0.5em 0 0;
}
.audioIndex .audioRecord p.gobutton {
	margin: 0;
    text-align: right;
}
.audioIndex .audioRecord p.gobutton2 {
	margin: 0.25em 0 0;
    text-align: right;
}
.audioIndex .audioRecord p.gobutton a, .audioIndex .audioRecord p.gobutton2 a {
	background: #2c6882 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 0.25em 1em;
}
.audioIndex .audioRecord p.gobutton2 a {
	background: #6fabc5 none repeat scroll 0 0;
    font-size: 0.8em;
}
.audioIndex .audioRecord p.gobutton a:hover, .audioIndex .audioRecord p.gobutton2 a:hover {
	background: #000 none repeat scroll 0 0;
}


.studyIndex .forThumb {
	box-sizing: border-box; 
	padding: 0 1em 0 0
}
.studyIndex .studyRecord {
	border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    margin: 1em;
    padding: 1em;
}
.studyIndex .studyRecord .audioThumbHolder {
	background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    padding-bottom: 75%;
    width: 100%;
	position: relative;
}
.studyIndex .studyRecord a.audioThumb {
	background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}
.studyIndex .studyRecord a.audioThumb:hover {
	background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
}
.studyIndex .studyRecord .title {
	font-weight: bold;
    margin: 0;
}
.studyIndex .studyRecord .date {
	color: #999;
    font-size: 0.75em;
    margin: 0;
}
.studyIndex .studyRecord .description {
	font-size: 0.8em;
    margin: 0.5em 0 0;
}
.studyIndex .studyRecord p.gobutton {
	margin: 1em 0 0;
    text-align: left;
}
.studyIndex .studyRecord p.devgobutton {
	float: right;
    margin: 0 0 1em 1em;
    text-align: left;
}
.studyIndex .studyRecord p.gobutton a, .studyIndex .studyRecord p.devgobutton a {
	background: #2c6882 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 0.25em 1em;
}
.studyIndex .studyRecord p.gobutton a:hover, .studyIndex .studyRecord p.devgobutton a:hover, .audioIndex .audioRecord p.gobutton2 a:hover {
	background: #000 none repeat scroll 0 0;
}

.devotionDaySelector {
	border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    margin: 1em;
    padding: 0.25em;
}
.devotionDaySelector .devLeft {
	text-align: left;
}
.devotionDaySelector .devCenter {
	color: #2c6882;
    font-weight: bold;
    padding: 0.5em 0;
    text-align: center;
}
.devotionDaySelector .devRight {
	text-align: right;
}
.devotionDaySelector .devLeft a, .devotionDaySelector .devRight a {
	display: block;
    padding: 0.5em;
}
.devotionDaySelector .devLeft a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0d8ef+0,ddf1f9+65,feffff+100&0.5+2,0.25+0,0.25+100 */
background: -moz-linear-gradient(left,  rgba(160,216,239,0.25) 0%, rgba(162,217,239,0.5) 2%, rgba(221,241,249,0.34) 65%, rgba(254,255,255,0.25) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(160,216,239,0.25) 0%,rgba(162,217,239,0.5) 2%,rgba(221,241,249,0.34) 65%,rgba(254,255,255,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(160,216,239,0.25) 0%,rgba(162,217,239,0.5) 2%,rgba(221,241,249,0.34) 65%,rgba(254,255,255,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a0d8ef', endColorstr='#40feffff',GradientType=1 ); /* IE6-9 */
color: #000;
}
.devotionDaySelector .devRight a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+35,a0d8ef+100&0.25+0,0.25+100,0.5+98;Blue+3D+%2318 */
background: -moz-linear-gradient(left,  rgba(254,255,255,0.25) 0%, rgba(221,241,249,0.34) 35%, rgba(162,217,239,0.5) 98%, rgba(160,216,239,0.25) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(254,255,255,0.25) 0%,rgba(221,241,249,0.34) 35%,rgba(162,217,239,0.5) 98%,rgba(160,216,239,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(254,255,255,0.25) 0%,rgba(221,241,249,0.34) 35%,rgba(162,217,239,0.5) 98%,rgba(160,216,239,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40feffff', endColorstr='#40a0d8ef',GradientType=1 ); /* IE6-9 */
color: #000;
}

.contactform {
	margin: 1em;
}
.contactform .contactPanel {
	background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    padding: 0.25em;
}
.contactform .contactPanel .leadpane {
	
}
.contactPanel h2 {
	background: #ddd none repeat scroll 0 0;
    border-radius: 2px 2px 0 0;
    font-size: 1em;
    margin: -0.2em -0.2em 1em;
    padding: 0.25em;
}
.contactPanel h3 {
	margin: 4em 2em;
    text-align: center;
}
.contactPanel .field {
	margin: 0.5em 1em;
}
.contactPanel .field input, .contactPanel .field textarea, .contactPanel .field select {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset;
    box-sizing: border-box;
    display: block;
    font-family: Open Sans;
    font-size: 0.75em;
    margin: 0.25em auto;
    padding: 0.5em;
    width: 90%;
}
.contactPanel .field input.bad, .contactPanel .field textarea.bad, .contactPanel .field select.bad {
	border: 1px solid #900;
    box-shadow: 0 2px 6px rgba(200, 0, 0, 0.5) inset;
}
.contactPanel .field textarea {
	min-height: 10em;
}
.contactPanel .field label {
	display: block;
}
.contactPanel .formError {
	color: #900;
    font-weight: bold;
    text-align: center;
	display: none;
}
#contactSubmit {
	background: #2c6882 none repeat scroll 0 0;
    border: 0 none;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Open Sans;
    font-size: 1em;
    font-weight: bold;
    margin: 1em auto;
    padding: 0.5em;
    width: 90%;
	cursor: pointer;
}
#contactSubmit i {
	font-size: 0.8em;
}
#contactSubmit:hover {
	background: #000 none repeat scroll 0 0;
}
.rssIndex {
	
}
.rssIndex .rssRecord {
	border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    margin: 0.5em;
    padding: 0.5em;
}
.rssIndex .rsstitle {
	margin: 0;
}
.rssIndex .description {
	font-size: 0.7em;
    margin: 0.5em 0 0;
}
.rssIndex .leftEmblem {
	box-sizing: border-box;
    color: #cb9b51;
    font-size: 2em;
    padding: 0.25em 0 0.25em 0.25em;
    text-align: left;
}
.rssIndex .rssLinks {
	box-sizing: border-box;
    padding: 0.5em 0.5em 0.5em 0;
    text-align: right;
}
.rssIndex .rssLinks a {
	color: #106045;
    display: inline-block;
    font-size: 1.75em;
    margin: 0 0 0 0.25em;
}
.rssIndex .rssLinks a:hover {
	color: #a7671f;
}
.feedContent {
	border: 1px solid #ddd;
    box-shadow: 0 7px 10px #999;
    padding: 1em;
}
.feedContent h1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7cfdf+0,23538a+50,a7cfdf+100 */
	background: rgb(167,207,223); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(167,207,223,1) 0%, rgba(35,83,138,1) 50%, rgba(167,207,223,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 50%,rgba(167,207,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 50%,rgba(167,207,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#a7cfdf',GradientType=1 ); /* IE6-9 */
    color: #fff;
    margin: 0 0 1em;
    padding: 0.5em;
    text-align: center;
}
.feedContent h2, .feedContent h3, .feedContent h4, .feedContent h5, .feedContent h6 {
    color: #6c97b9;
}
.feedContent .subLinks a {
	color: #106045;
    display: block;
    font-weight: bold;
    padding: 0.25em 1em 0;
}
.feedContent .subLinks a:hover {
	color: #a7671f;
}
.feedContentIndex {
	
}
.feedContentIndex .feedItem {
	border: 1px solid #eee;
    box-shadow: 0 5px 10px #ccc inset;
    margin: 5px;
    padding: 5px;
}
.feedContentIndex .feedItem .title {
	margin: 10px;
}
.feedContentIndex .feedItem .details {
	font-size: 0.65em;
    margin: 10px;
}

#footerSubscribe .confirmMessage {
	display: none;
}

.donationBox {
	padding: 1em 2em;
}

.contentTabs {
	background: rgba(0, 0, 0, 0.04) none repeat scroll 0 0;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    padding: 1px;
	margin: 0.5em 1em 2em;
}
.contentTabs ul {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	list-style: outside none none;
    margin: 0;
    padding: 0;
}
.contentTabs ul li {
	display: inline-block;
	position:relative;
}
.contentTabs ul li a {
	display: block;
    padding: 1em 2em;
	border-left: 1px solid rgba(255, 255, 255, 0);
    border-right: 1px solid rgba(255, 255, 255, 0);
}
.contentTabs ul li a.current {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
	background: rgb(252,255,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
	font-weight: 600;
	color: #333;	
}
.contentTabs ul li a.current:after {
	border-left: 12px solid rgba(255, 255, 255, 0);
    border-right: 12px solid rgba(255, 255, 255, 0);
    border-top: 12px solid #b3bead;
    content: "";
    left: 50%;
    margin-left: -12px;
    position: absolute;
    top: 99%;
}
.contentTab {
	display: none;
}
.contentTab.active {
	display: block;
}
.margin1 {
	margin: 1em;
}
.devotionPanel {
	margin: 1em;
}
ul.devotionTabs {
	list-style: outside none none;
    margin: 0;
    padding: 3em 0;
}
ul.devotionTabs li.devotionTab {
	color: #fff;
	background: #333 none repeat scroll 0 0;
    border-radius: 7px 0 0 7px;
    font-weight: 500;
    margin: 0.5em 0;
    padding: 0.5em 0.75em;
	font-size: 0.7em;
}
ul.devotionTabs li.devotionTab:hover {
	cursor: pointer;
	background: #C9B05E none repeat scroll 0 0;
	color: #333;
}
ul.devotionTabs li.devotionTab span {
	display: block;
    font-size: 1.25em;
    opacity: 0.75;
}
ul.devotionTabs li.devotionTab.active {
	background: rgb(227, 208, 141) none repeat scroll 0 0;
	color: #333;
}
.devotionPanel .devotionTabSwitch {
	border: 4px solid rgb(227, 208, 141);
    border-radius: 7px;
    padding: 1em;
	display:none;
}
.devotionPanel .devotionTabSwitch.active {
	display:block;
}
.devotionPanel .devotionDaySelector {
	margin: 0 0 1em;
	background: #fff none repeat scroll 0 0;
	font-size: 0.75em;
}
.devotionPanel .devotionFeature {
	
}
.devotionPanel .studyIndex .studyRecord {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100&0.15+0,0.15+100 */
	background: -moz-linear-gradient(top,  rgba(181,189,200,0.15) 0%, rgba(130,140,149,0.15) 36%, rgba(40,52,59,0.15) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(181,189,200,0.15) 0%,rgba(130,140,149,0.15) 36%,rgba(40,52,59,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(181,189,200,0.15) 0%,rgba(130,140,149,0.15) 36%,rgba(40,52,59,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b5bdc8', endColorstr='#2628343b',GradientType=0 ); /* IE6-9 */

    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 0;
    box-shadow: 0 0 0;
    color: #fff;
    margin: 0.25em 0 0;
    padding: 0.25em 0.25em 0.25em 0.5em;
}
.devotionPanel .studyIndex .studyRecord .audioThumbHolder {
	border: 0.5em solid #fff;
    border-radius: 3px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}
.devotionPanel .studyIndex .studyRecord .title {
    color: #fff;
    font-size: 1.25em;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.devotionPanel .studyIndex .studyRecord .date {
    color: #555;
    font-weight: bold;
}
.devotionPanel .studyIndex .studyRecord p.gobutton {
	margin: 0.5em 0.25em;
    text-align: right;
}
.devotionPanel .studyIndex .studyRecord p.gobutton a {
    background: rgba(0,0,0,0.75) none repeat scroll 0 0;
    color: #fff;
    padding: 0.5em 1.5em;
}
.devotionPanel .studyIndex .studyRecord p.gobutton a:hover {
	background: rgba(0,0,0,0.85) none repeat scroll 0 0;
}
.devotionPanel .devotionDaySelector .devCenter {
    color: #196fa0;
    font-size: 1.1em;
    padding: 0.5em 0 0.25em;
}
.srWrapper {
	margin: 3em 1em;
}
.searchResults {
	
}
.searchResults .searchRecord {
	border-bottom: 1px solid #eee;
}
.searchRecord .thumbPanel {
	padding: 0.5em;
}
.searchRecord a.thumb {
	background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    opacity: 0.75;
    padding-bottom: 100%;
}
.searchRecord a.thumb:hover {
	opacity: 1;
}
.searchRecord a.primary {
	display: block;
    font-weight: 600;
    margin: 0.5em;
}
.searchRecord p.details {
	color: #999;
    font-size: 0.8em;
    margin: 0.5em;
}
.searchRecord p.details .relevance {
	color: #069;
    display: block;
    float: right;
    font-size: 0.6em;
    font-weight: 700;
    margin: 0 0 1em 1em;
    opacity: 0.5;
    text-transform: uppercase;
}

div.searchBox {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+50,ffffff+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    margin: 1em auto;
    padding: 1em 0;
}
.searchField {
	margin: 0 auto;
    width: 80%;
}
.searchField h2 {
	
}
.searchField .searchBar {
	border: 1px solid #ccc;
    border-radius: 7px 0 0 7px;
    box-sizing: border-box;
    float: left;
    font-family: Source Sans Pro;
    font-size: 16px;
    height: 50px;
    padding: 0.5em 1em;
    width: 80%;
}
.searchField .searchButton {
	background: #2c6882 none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 0 7px 7px 0;
    box-sizing: border-box;
    color: #fff;
    float: right;
    font-family: Source Sans Pro;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    text-transform: uppercase;
    width: 19%;
	cursor: pointer;
}
.searchField .searchButton:hover {
	background: #111 none repeat scroll 0 0;
}
.searchField .searchBar.badsearch {
	border: 1px solid #c00;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.25) inset;
}












/* DESKTOP SIZE: */

@media screen and (max-width: 1300px) {
	.siteBanner .wrapper .leftsect {
		width: 100%;
	}
	.siteBanner.lefthand .wrapper .leftsect {
		width: 55%;
	}
	.siteBanner .wrapper .rightsect {
		/*width: 30%;*/
	}
	.navBar3 .nb3Top {
		height: 60px;
	}
	.nb3Top .wclogo {
		padding: 10px 0 0;
	}
	.nb3Top .wclogo img {
		height: auto;
	}
	.navBar3 .nb3Top .motto, .navBar3 .nb3Top .contact {
		padding: 5px 5px 0;
		padding-top: 5px;
	}
	.navBar3 .nb3Top .contact {
		text-align: right;
	}
	.navBar3 .nb3Top .motto span.stars {
		display:block;
		font-size: 1.4em;
	}
	.navBar3 .nb3Top .motto span.stars .l1 {
		display:inline;
	}
	.navBar3 .nb3Top .contact a {
		display: block;
		font-size: 1.6em;
		text-align: right;
	}
}
@media screen and (max-width: 1080px) {
	.leadBanner .bannerback .foreground .centerit img {
		height: auto;
		max-width: 95%;
	}
	.siteBanner.headerType .wrapper .blurbTab {
		top: 18vw;
	}
	.navBar3 .nb3Top {
		height: auto;
	}
}
@media screen and (max-width: 870px) {
	.header ul.menu > li a {
		padding: 0.75em;
	}
}
/* iPADS */
@media only screen and (max-width : 1024px) {
	/*.onetwogrid .one {
		float: none;
		width: 100%;
	}
	.onetwogrid .two {
		float: left;
		width: 50%;
	}
	.onetwogrid a span.devotionBody { font-size: 1.05em; }*/
}
/* MOBILE */
@media screen and (max-width: 739px) {
	.onetwogrid .two {
		float: none;
		width: 100%;
	}
	.onetwogrid a span.devotionBody {
		font-size: 4.5vw;
	}
	.onetwogrid a span.spotlight, .onetwogrid a span.readmore {
		font-size: 3.5vw;
	}
	.homeintro {
		min-height: 84vh;
	}
	#footerSubscribe input {
		font-size: 1.5em;
		height: 2em;
		width: 100%;
	}
	#footerSubscribe button {
		display: block;
		float: none;
		font-size: 1em;
		height: 2.25em;
		margin: 1em 0;
		width: 100%;
	}
	#footerSubscribe label {
		font-size: 1.25em;
		font-weight: bold;
		padding: 0 0 0.5em;
		text-align: center;
	}
	.footerLinks {
		padding: 2em 0;
		text-align: center;
	}
	.footerLinks a {
		display: block;
		font-size: 1.5em;
		font-weight: bold;
		padding: 0.5em;
		text-align: center;
	}
	.footer .badges {
		text-align: center;
	}
	.fixedBanner {
		height: 30vw;
		position: relative;
	}
	.headPush {
		display: none;
	}
	h1.pushTitle {
		color: #000;
		font-size: 9vw;
		margin: 1em;
		text-align: center;
		text-shadow: 0 0 0;
	}
	.studyIndex .forThumb, .audioIndex .forThumb {
		padding: 0 1em 1em;
	}
	.studyIndex .studyRecord, .audioIndex .audioRecord, .videoIndex .videoRecord {
		text-align: center;
	}
	.studyIndex .studyRecord p.gobutton, 
	.audioIndex .audioRecord p.gobutton,
	.audioIndex .audioRecord p.gobutton2,
	.videoIndex .videoRecord p.gobutton {
		font-size: 1.5em;
		text-align: center;
	}
	.audioIndex .audioRecord p.gobutton, 
	.audioIndex .audioRecord p.gobutton2,
	.videoIndex .videoRecord p.gobutton {
		margin: 1em 0;
		margin-bottom: 1em;
	}
	.contactPanel .field input, .contactPanel .field textarea, .contactPanel .field select {
		font-size: 1.25em;
	}
	ul.socialIcons {
		text-align: center;
	}
	.crumbs > span {
		display: block;
		font-size: 1.25em;
		font-weight: bold;
		text-align: center;
	}
	.localvidholder video {
		height: auto;
		width: 100%;
	}
	.sideBar {
		margin-left: 0;
		font-size: 2em;
	}
	.devotionDaySelector .dayshow {
		display: none;
	}
	.devotionDaySelector .perc30, .devotionDaySelector .perc40 {
		float: left;
		width: 33%;
	}
	.devotionPanel .studyIndex .studyRecord {
		font-size: 2vw;
	}
	.devotionPanel .studyIndex .studyRecord p.gobutton {
		font-size: 2.75vw;
	}
	.contentTabs ul {
		font-size: 4vw;
		text-align: center;
	}
	.vidHolder .vidLiner .video {
		display: none;
	}
}

/*
@media screen and (max-width: 970px) {
	.navBar3 .nb3Bottom {
		float: none;
		padding: 0;
		width: auto;
	}
	.navBar3 .nb3Middle {
		float: none;
		padding: 15px 0 0;
		width: auto;
	}
	.navBar3 .nb3Bottom > ul > li > a, .navBar3 .nb3Bottom > ul > li > span.menuOpener {
		font-size: 1.7vw;
	}
	.siteBanner .wrapper .leftsect {
		width: 65%;
	}
	.siteBanner .wrapper .rightsect {
		width: 35%;
	}
	.siteBanner .wrapper .blurbTab, .parallaxBanner .wrapper .blurbTab {
		top: 10vw;
	}
}*/
@media screen and (max-width: 739px) {

	.header {
		background: #000 none repeat scroll 0 0;
		position: relative;
	}
	.header ul.menu {
		height: 14vw;
	}
	.header ul.menu > li a {
		padding: 3.5vw;
	}
	.header .topView .headLogo {
		height: 7vw;
	}
	.header ul.menu > li.mo {
		display: block;
	}
	.header ul.menu > li.mo > div {
		color: #fff;
		cursor: pointer;
		font-size: 7vw;
		padding: 3vw;
	}
	.header ul.menu > li.dto {
		display: none;
	}

	.zaftyGrid .zgBlock {
		float: left;
		width: 49.9999%;
	}
	.breakTwo {
		display: block;
		width: 100%;
		clear: both;
	}
	.breakThree {
		display: none;
	}
	.zgNav .cube {
		float: left;
		width: 49.99999%;
	}

	.siteBanner .wrapper .leftsect, .siteBanner .wrapper .rightsect {
		float: none;
		width: 100%;
	}
	.siteBanner .wrapper .blurbTab, .parallaxBanner .wrapper .blurbTab {
		left: auto;
		padding: 5em 0 3em;
		position: relative;
		text-align: center;
		top: auto;
		width: 100%;
		z-index: 1;
	}
	.siteBanner .wrapper .blurbTab h1, .parallaxBanner .wrapper .blurbTab h1 {
		margin: 0;
	}
	.siteBanner {
		height: auto;
		background-position: center top;
		background-size: auto 60%;
	}
	.siteBanner.headerType .leadback {
		background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
		left: auto;
		position: relative;
		top: auto;
		width: auto;
		z-index: 5;
	}
	.siteBanner.headerType .leadback .leadpane h4 {
		font-size: 5vw;
	}
	.leadback .leadpane h5 {
		font-size: 3vw;
	}
	.siteBanner.headerType #leadPaneSubmit4 {
		font-size: 3vw;
	}
	.leadback .leadpane input, .leadBanner .leadpane select, .leadBanner .leadpane textarea {
		font-size: 4vw;
	}
	.siteBanner.accentType, .parallaxBanner.accentType {
		height: 36vw;
	}
	#gMap {
		height: 150px !important;
		display: none;
	}
	.cta1 {
		height: auto;
		padding: 1em 0;
	}
	.cta1 h2 {
		border: 0 none;
		font-size: 7vw;
		margin: 0;
		padding: 0.3em 0;
		position: relative;
		right: auto;
		text-align: center;
		top: auto;
	}
	.cta2 {
		font-size: auto;
	}
	.cta2 h3 {
		background: #000 none repeat scroll 0 0;
		font-size: 9vw;
		padding: 0.25em 0;
		width: 100%;
	}
	.cta2 h3 a {
		color: #f0922a;
	}
	.xLeadPanel .leadpane .field {
		float: none;
		width: 100%;
	}
	.xLeadPanel .leadpane .field label {
		font-size: 1.75em;
	}
	.xLeadPanel .leadpane .field input, .xLeadPanel .leadpane .field select, .xLeadPanel .leadpane .field textarea {
		font-size: 2em;
		padding: 0.5em;
	}
	.xLeadPanel h3 {
		font-size: 8vw;
	}
	#leadPaneXSubmit .ui-button-text {
		font-size:3em;
	}
}




/* TABLET SIZE: */

@media screen and (max-width: 1029px) and (min-width: 740px) {
	
}

/* MOBILE SIZE: */

@media screen and (max-width: 739px) {
	
}



@media screen and (max-width: 1200px) {
	.wrapper {
		margin: 0 30px;
		max-width: inherit;
		min-width: inherit;
		width: auto;
	}

}


@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1024px) {
	.wrapper {
		margin: 0 30px;
		max-width: inherit;
		min-width: inherit;
		width: auto;
	}

}
@media screen and (max-width: 900px) {
	body {
		font-size: 18px;
	}

}
@media screen and (min-width: 741px) {
	.hideForDesktop {
		display:none;
	}
}
@media screen and (max-width: 740px) {
	
	.hideForMobile {
		display:none;
	}
	
	#absoluteTopOfScreen {
		position:relative;
	}
	.wrapper {
		margin: 0 10px;
		max-width: inherit;
		min-width: inherit;
		width: auto;
	}
	.mobileOnly, .siteLogo.mobileOnly {
		display:block;
	}
	.desktopOnly, .siteLogo.desktopOnly {
		display:none;
	}
	.minimalTextPanel {
		clear: both;
	}

}
@media screen and (max-width: 600px) {
	.zenNav .leftEmblem a > span {
		display: none;
	}
	.zenNav .leftEmblem, .zenNav .rightEmblem {
		padding: 0.8em 0.5em 0.5em;
		width: auto;
	}
}

@media screen and (max-width: 400px) {
	.header .topView .headLogo {
		height: 9vw;
	}
	.header ul.menu > li.mo > div {
		font-size: 9vw;
	}
}