@charset "UTF-8";
/* CSS Document */

/* GENERAL */

* {  
   margin:0;  
   padding:0;  
}

body {
   text-align:center; /*For IE6 Shenanigans*/
   background-color: #ded5e9;
}

#cs_body {
   text-align:center; /*For IE6 Shenanigans*/
   background-color: #ded5e9;
}

#wrapper {  
   width:1020px;  
   margin:0 auto;
   text-align:left;
   background-color: #ffffff;
}

.purplewrap {  
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}

.store_content_area {
	margin-left:43px;
	margin-right:40px;
}

td.white_background {background-color: #ffffff;}
td.navigation {padding-top:48px;}
td.intro {padding:20px;}
td.content_left {
	padding-top:30px;
	padding-bottom:30px;
	padding-left:43px;
	padding-right:40px;
	}
td.content_right {
	padding-top:30px;
	padding-bottom:30px;
	padding-left:0px;
	padding-right:40px;
	}
td.strip_right {
	padding-top:20px;
	padding-bottom:20px;
	}
td.footer {
	padding-top:20px;
	padding-bottom:20px;
	}
td.footer_2 {
	padding-top:20px;
	padding-bottom:20px;
	padding-right:30px;
	}
td.join_box {padding-left:80px;}


/* GRID */

.slug_1 {height:1px;}
.slug_12 {height:12px;}
.slug_20 {height:20px;}
.slug_30 {height:30px;}
.slug_40 {height:40px;}
.slug_30_blue {height:30px; background-color: #bcabd3;}
.slug_53 {height:53px;}
.slug_60 {height:60px;}

#intro_container {padding:20px;}

.intro_box {
margin-left:22px;
border:0px solid #ded5e9;
padding:20px 20px; 
background:#bcabd3;
width:400px;
height:118px;
border-radius:15px;
}

.intro_box_short {
margin-left:22px;
border:0px solid #ded5e9;
padding:20px 20px; 
background:#bcabd3;
width:240px;
height:118px;
border-radius:15px;
}

img.contrib {
	float:left;
	padding-top:4px;
	padding-bottom:6px;
	padding-right:15px;
	}

.resources_box {
border:0px solid #d5e7fa;
padding:20px 20px; 
background:#d5e7fa;
width:540px;
height:300px;
border-radius:15px;
}

.crossway_box {
border:0px solid #f9e5de;
padding:20px 20px; 
background:#f9e5de;
width:540px;
height:520px;
border-radius:15px;
}

.churchman_box {
border:0px solid #e1fbfa;
padding:20px 20px; 
background:#e1fbfa;
width:540px;
height:520px;
border-radius:15px;
}


/* LINK */

a:link { color: #9b62e7; }
a:visited { color: #9b62e7; }
a:hover { color: #57249b; }
a:active { color: #57249b; }

.footer a:link {color: #9b62e7;}
.footer a:visited {color: #9b62e7;}
.footer a:hover {color: #57249b;}
.footer a:active {color: #57249b;}

#h1link a:link { color: #000000; text-decoration: none; }
#h1link a:visited { text-decoration: none; color: #000000; }
#h1link a:hover { text-decoration: none; color: #000000; background-color:#d2b0ff; padding-bottom:10px; padding-top:5px;}
#h1link a:active { text-decoration: none; color: #000000; background-color:#d2b0ff; padding-bottom:10px; padding-top:5px;}

.submit_button {
	float:left;
}


/* TEXT */

p {
	font-family: "AvenirLTStd-Roman", Verdana, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	margin-bottom: 2%;
	margin-top: 0%;
}

.body-text {
	font-family: "AvenirLTStd-Roman", Verdana, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	margin-bottom: 2%;
	margin-top: 0%;
}

.body-text-bold {
	font-family: "AvenirLTStd-Roman", Verdana, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 140%;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	margin-bottom: 2%;
	margin-top: 0%;
}

.summary {
	font-family: "AvenirLTStd-Roman", Verdana, sans-serif;
	font-size: 100%;
	font-style: oblique;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	margin-bottom: 2%;
	margin-top: 0%;
}

.strip-bold {
	font-family: "AvenirLTStd-Heavy", Verdana, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	margin-bottom: 2%;
	margin-top: 0%;
}

.strip-bold-white {
	font-family: "AvenirLTStd-Heavy", Verdana, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	margin-bottom: 2%;
	margin-top: 0%;
}

.small-print {
	font-family: "AvenirLTStd-Roman", Verdana, sans-serif;
	font-size: 87%;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	margin-bottom: 4%;
	margin-top: 0%;
}

.small-print-bold {
	font-family: "AvenirLTStd-Roman", Verdana, sans-serif;
	font-size: 87%;
	font-style: normal;
	line-height: 140%;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	margin-bottom: 4%;
	margin-top: 0%;
}

.product-attribute-text {
	font-family: "AvenirLTStd-Roman", Verdana, sans-serif;
	font-size: 87%;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	margin-bottom: 4%;
	margin-top: 0%;
}

.product-attribute-text-2 {
	font-family: "AvenirLTStd-Roman", Verdana, sans-serif;
	font-size: 87%;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	margin-bottom: 0%;
	margin-top: 0%;
}

.product-attribute-text-red {
	font-family: "AvenirLTStd-Roman", Verdana, sans-serif;
	font-size: 87%;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #CC0000;
	margin-bottom: 0%;
	margin-top: 0%;
}

.product-attribute-head {
	font-family: "AvenirLTStd-Roman", Verdana, sans-serif;
	font-size: 87%;
	font-style: normal;
	line-height: 140%;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	margin-bottom: 0%;
	margin-top: 0%;
}

.h1 {
	font-family: "AvenirLTStd-Heavy", Verdana, sans-serif;
	font-size: 160%;
	font-style: normal;
	line-height: 130%;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	margin-bottom: 3%;
	margin-top: 0%;
}

.h1-product {
	font-family: "AvenirLTStd-Heavy", Verdana, sans-serif;
	font-size: 160%;
	font-style: normal;
	line-height: 130%;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	margin-bottom: 1%;
	margin-top: 0%;
}

.h2 {
	font-family: "AvenirLTStd-Heavy", Verdana, sans-serif;
	font-size: 120%;
	font-style: normal;
	line-height: 130%;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	margin-bottom: 3%;
	margin-top: 0%;
}


/* NAVIGATION BUTTONS */

#nav_shop
{
  display: block;
  width: 140px;
  height: 42px;
  background: url("/images/cs_graphics/nav/shop.gif") no-repeat 0 0;
}
#nav_shop:hover
{ 
  background-position: 0 -43px;
}
#nav_shop span
{
  position: absolute;
  top: -999em;
}

#nav_churchman
{
  display: block;
  width: 140px;
  height: 42px;
  background: url("https://churchsociety.org/images/cs_pics/global/tga.jpg") no-repeat 0 0;
}
#nav_churchman:hover
{ 
  background-position: 0 -43px;
}
#nav_churchman span
{
  position: absolute;
  top: -999em;
}

#nav_blog
{
  display: block;
  width: 140px;
  height: 43px;
  background: url("/images/cs_graphics/nav/blog.gif") no-repeat 0 0;
}
#nav_blog:hover
{ 
  background-position: 0 -43px;
}
#nav_blog span
{
  position: absolute;
  top: -999em;
}

#nav_home
{
  display: block;
  width: 140px;
  height: 43px;
  background: url("/images/cs_graphics/nav/home.gif") no-repeat 0 0;
}
#nav_home:hover
{ 
  background-position: 0 -43px;
}
#nav_home span
{
  position: absolute;
  top: -999em;
}

#nav_crossway
{
  display: block;
  width: 140px;
  height: 43px;
  background: url("/images/cs_graphics/nav/crossway.gif") no-repeat 0 0;
}
#nav_crossway:hover
{ 
  background-position: 0 -43px;
}
#nav_crossway span
{
  position: absolute;
  top: -999em;
}

#nav_evnews
{
  display: block;
  width: 140px;
  height: 43px;
  background: url("/images/cs_graphics/nav/evnews.gif") no-repeat 0 0;
}
#nav_evnews:hover
{ 
  background-position: 0 -43px;
}
#nav_evnews span
{
  position: absolute;
  top: -999em;
}

#nav_events
{
  display: block;
  width: 140px;
  height: 43px;
  background: url("/images/cs_graphics/nav/events.gif") no-repeat 0 0;
}
#nav_events:hover
{ 
  background-position: 0 -43px;
}
#nav_events span
{
  position: absolute;
  top: -999em;
}

#nav_vacancies
{
  display: block;
  width: 140px;
  height: 42px;
  background: url("/images/cs_graphics/nav/vacancies.gif") no-repeat 0 0;
}
#nav_vacancies:hover
{ 
  background-position: 0 -43px;
}
#nav_vacancies span
{
  position: absolute;
  top: -999em;
}

#nav_resources
{
  display: block;
  width: 140px;
  height: 42px;
  background: url("/images/cs_graphics/nav/resources.gif") no-repeat 0 0;
}
#nav_resources:hover
{ 
  background-position: 0 -43px;
}
#nav_resources span
{
  position: absolute;
  top: -999em;
}

#nav_conferences
{
  display: block;
  width: 140px;
  height: 43px;

  background: url("/images/cs_pics/global/conferences.jpg") no-repeat 0 0;
}
#nav_conferences:hover
{ 
  background-position: 0 -43px;
}
#nav_conferences span
{
  position: absolute;
  top: -999em;
}


#nav_blank
{
  display: block;
  width: 140px;
  height: 42px;
  background: url("/images/cs_graphics/nav/blank.gif") no-repeat 0 0;
}
#nav_blank:hover
{ 
  background-position: 0 -43px;
}
#nav_blank span
{
  position: absolute;
  top: -999em;
}

#nav_donate
{
  display: block;
  width: 140px;
  height: 31px;
  background: url("/images/cs_graphics/nav/donate.gif") no-repeat 0 0;
}
#nav_donate:hover
{ 
  background-position: 0 -31px;
}
#nav_donate span
{
  position: absolute;
  top: -999em;
}

#nav_twitter
{
  display: block;
  width: 80px;
  height: 72px;
  background: url("/images/cs_graphics/social/twitter.gif") no-repeat 0 0;
}
#nav_twitter:hover
{ 
  background-position: 0 -72px;
}
#nav_twitter span
{
  position: absolute;
  top: -999em;
}

#nav_youtube
{
  display: block;
  width: 80px;
  height: 72px;
  background: url("/images/cs_graphics/social/twitter.gif") no-repeat 0 0;
}
#nav_youtube:hover
{ 
  background-position: 0 -72px;
}
#nav_youtube span
{
  position: absolute;
  top: -999em;
}

#nav_facebook
{
  display: block;
  width: 60px;
  height: 72px;
  background: url("/images/cs_graphics/social/facebook.gif") no-repeat 0 0;
}
#nav_facebook:hover
{ 
  background-position: 0 -72px;
}
#nav_facebook span
{
  position: absolute;
  top: -999em;
}

#nav_rss
{
  display: block;
  width: 60px;
  height: 72px;
  background: url("/images/cs_graphics/social/rss.gif") no-repeat 0 0;
}
#nav_rss:hover
{ 
  background-position: 0 -72px;
}
#nav_rss span
{
  position: absolute;
  top: -999em;
}

#nav_join
{
  display: block;
  width: 60px;
  height: 72px;
  background: url("/images/cs_graphics/social/join.gif") no-repeat 0 0;
}
#nav_join:hover
{ 
  background-position: 0 -72px;
}
#nav_join span
{
  position: absolute;
  top: -999em;
}


#nav_podcast
{
  display: block;
  width: 80px;
  height: 72px;
  background: url("/images/cs_pics/strip/podcast-button.jpg") no-repeat 0 0;
}
#nav_podcast:hover
{ 
  background-position: 0 -72px;
}
#nav_podcast span
{
  position: absolute;
  top: -999em;
}


#nav_youtube
{
  display: block;
  width: 80px;
  height: 72px;
  background: url("/images/cs_pics/strip/youtube-button.jpg") no-repeat 0 0;
}
#nav_youtube:hover
{ 
  background-position: 0 -72px;
}
#nav_youtube span
{
  position: absolute;
  top: -999em;
}