@import url("reset.css");
@import url("fckeditor.css");

/* Pin Footer to the bottom of the page */
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px;
}
.push {
	height:120px;
}
/* End of footer pinning */

body.crosshatch {
	-webkit-box-shadow:inset 0px 0px 15px 15px rgba(0,0,0,.2);
	-moz-box-shadow:inset 0px 0px 15px 15px rgba(0,0,0,.2);
	-o-box-shadow:inset 0px 0px 15px 15px rgba(0,0,0,.2);
	box-shadow:inset 0px 0px 15px 15px rgba(0,0,0,.2);
}
.green #menu-wrapper { background-color: #007f3e; }
.red #menu-wrapper { background-color: #b3503b; }
.darkBlue #menu-wrapper { background-color: #003f7c; }
.blue #menu-wrapper { background-color: #606c93; }
.yellow #menu-wrapper { background-color: #bfb74e; }
.violet #menu-wrapper { background-color: #7f6a96; }
.orange #menu-wrapper { background-color: #c18747; }
.brown #menu-wrapper { background-color: #967753; }

.green .footerBox h3 { color: #00ffb4; }
.red .footerBox h3 { color: #ffffb9; }
.darkBlue .footerBox h3 { color: #00c3ff; }
.blue .footerBox h3 { color: #FFFFFF; }
.yellow .footerBox h3 { color: #fffff5; }
.violet .footerBox h3 { color: #FFFFFF; }
.orange .footerBox h3 { color: #dcd3ac; }
.brown .footerBox h3 { color: #ffeba5; }

.green #menu li ul { background-color: #007f3e; background-color: rgba(0,127,62,.7); }
.red #menu li ul { background-color: #b3503b; background-color: rgba(179,80,59,.7); }
.darkBlue #menu li ul { background-color: #003f7c; background-color: rgba(0,63,124,.7); }
.blue #menu li ul { background-color: #606c93; background-color: rgba(96,108,147,.7); }
.yellow #menu li ul { background-color: #bfb74e; background-color: rgba(191,183,78,.7); }
.violet #menu li ul { background-color: #7f6a96; background-color: rgba(127,106,150,.7); }
.orange #menu li ul { background-color: #c18747; background-color: rgba(193,135,71,.7); }
.brown #menu li ul { background-color: #967753; background-color: rgba(150,119,83,.7); }

.green #topBarWrapper { background-color:#007f3e; }
.red #topBarWrapper { background-color:#b3503b; }
.darkBlue #topBarWrapper { background-color:#003f7c; }
.blue #topBarWrapper { background-color:#606c93; }
.yellow #topBarWrapper { background-color:#bfb74e; }
.violet #topBarWrapper { background-color:#7f6a96; }
.orange #topBarWrapper { background-color:#c18747; }
.brown #topBarWrapper { background-color:#967753; }

.green #memberMenu { background-color:rgba(0,127,62,.8); }
.red #memberMenu { background-color:rgba(179,80,59,.8); }
.darkBlue #memberMenu { background-color:rgba(0,63,124,.8); }
.blue #memberMenu { background-color:rgba(96,108,147,.8); }
.yellow #memberMenu { background-color:rgba(191,183,78,.8); }
.violet #memberMenu { background-color:rgba(127,106,150,.8); }
.orange #memberMenu { background-color:rgba(193,135,71,.8); }
.brown #memberMenu { background-color:rgba(150,119,83,.8); }

.green #membersLogin { background-color:#007f3e; }
.red #membersLogin { background-color:#b3503b; }
.darkBlue #membersLogin { background-color:#003f7c; }
.blue #membersLogin { background-color:#606c93; }
.yellow #membersLogin { background-color:#bfb74e; }
.violet #membersLogin { background-color:#7f6a96; }
.orange #membersLogin { background-color:#c18747; }
.brown #membersLogin { background-color:#967753; }

img {
	max-width:100%;
}
#topBarWrapper {
	width:100%;
	height:23px;
	padding-top:2px;
	border-bottom: 1px solid #FFFFFF;
	border-bottom: 1px solid rgba(255,255,255,.6);
}
#topBar {
	width:900px;
	max-width:100%;
	margin: 0 auto;
	color:#FFFFFF;
	text-align:right;
	position:relative;
}
#topBar a {
	color:#FFFFFF;
}
#memberContainer, #cartContainer {
	display:inline-block;
}
#memberContainer {
	position:relative;
	margin-right:5px;
}
#memberContainer > div {
	z-index:500;
	width:100%;
}
#memberMenu {
	position:absolute;
	width:100%;
	margin:5px 0 0 0;
	padding:4px 5px 4px 5px;
	text-align:left;
	list-style:none;
	font-size:12px;
	font-family:Calibri, Helvetica, sans-serif;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,1);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,1);
	box-shadow:0px 0px 5px rgba(0,0,0,1);
	z-index:500;
	display:none;
}
#memberMenu li {
	line-height:12px;
	font-size:12px;
	font-family:Calibri, Helvetica, sans-serif;
}
.memberLoginLink {
	right:0px;
	padding-right:15px;
	background-position:right;
	background-repeat:no-repeat;
}
.memberLoginLink.down {
	background-image: url(../img/arrow_up.png);
}
.memberLoginLink.up {
	background-image: url(../img/arrow_down.png);
}
#header {
	width: 980px;
	max-width:100%;
	margin: 0px auto;
	padding:30px 0 35px;
	position:relative;
}
h1.logo {
	width:100%;
	line-height:50px;
	font-family:"shardee";
	text-shadow:5px 5px 5px #000000;
	color:#FFFFFF;
	font-size:60px;
	margin-top:5px;
}
h1.logo a {
	color:#FFFFFF;
	text-decoration:none;
}
#membersLogin {
	position:fixed;
	width:300px;
	padding:10px 5px;
	left:50%;
	top:150px;
	transform:translateX(-50%);
	border-radius: 10px;
	box-shadow:0px 0px 5px 8px rgba(0,0,0,.4);
	z-index:550;
    opacity:1;
    visibility:visible;
    margin-left:0;
    transition: visibility 0s ease-in 0s, opacity 0.4s ease-in 0.1s, margin-left 0s ease-in 0s;
}
#membersLogin.hidden {
	display:block;
	opacity:0;
    margin-left:-2000px;
    visibility:hidden;
    transition-delay: 0.4s, 0s, 0.4s;
}
#membersLogin-close {
	position:absolute;
	top:0;
	right:5px;
	width:24px;
	height:24px;
	background:none;
}
#membersLogin input, #membersLogin button[type=submit] {
	display:block;
	width: 80%;
	font-size:1rem;
	line-height:24px;
	height:auto;
	margin:5px auto;
}
#membersLogin p {
	font-family:Calibri, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	margin-top:0;
}

#middle {
	max-width:100%;
	width: 976px;
	margin: 0 auto;
	padding:0;
	border: 1px solid #FFFFFF;
	border: 1px solid rgba(255,255,255,.6);
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,.4);
	-o-box-shadow: 0px 0px 5px 3px rgba(0,0,0,.4);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,.4);
}
#menu-wrapper {
	max-width:100%;
	width: 100%;
	height: 44px;
	box-shadow: inset 0px 0px 8px 8px rgba(0,0,0,.2);
}
#menu-toggle {
	display:none;
    width:28px;
    height:28px;
    border:1px solid #FFFFFF;
    border-radius:2px;
    background:transparent;
    padding:2px 3px 5px 3px;
    margin:10px 10px 10px auto;
    cursor:pointer;
}
#menu {
	margin:0;
	padding:0px 10px;
	list-style:none;
	clear:both;
}
#menu li {
	font-family:Calibri, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
}
#menu>li {
	float:left;
	margin:11px 0px 7px;
	padding:0px 20px 0px;
	border-left:1px solid #FFFFFF;
}
#menu>li:first-child {
	border-left:none;
	padding-left:10px;
}
#menu>li:last-child {
	float:right;
	border-left:none;
	padding-right:0;
	margin-top:9px;
}
#menu li a {
	text-decoration:none;
}
#menu>li ul {
	position:absolute;
	width:200px;
	margin-left:-10px;
	margin-top:12px;
	border: 1px solid #FFFFFF;
	border: 1px solid rgba(255,255,255,.2);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,.4);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,.4);
	box-shadow: 3px 3px 3px rgba(0,0,0,.4);
	z-index:20;
	display:none;
}
#menu>li ul li {
	padding:0px 10px;
	margin:6px 0px 6px;
	cursor:pointer;
}
#menu li.has-children-close {
	display:none;
	text-align:center;
}
#menu li.has-children-close a {
	padding: 5px 0;
}
#middleImage {
	width: 100%;
	height:195px;
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
}
.home #middleImage {
	width: 100%;
	height:270px;
	position:relative;
}
#middleImage.blue { background-image:url(../img/header_banner_blue_sm.jpg); }
#middleImage.sepia { background-image:url(../img/header_banner_sepia_sm.jpg); }
.home #middleImage.blue { background-image:url(../img/header_banner_blue.jpg); }
.home #middleImage.sepia { background-image:url(../img/header_banner_sepia.jpg); }
#middleImage span {
	position:absolute;
	bottom:7%;
	padding-left:15px;
	padding-right:15px;
	font-family:"chantelliAntiqua";
	font-size:30px;
	line-height:40px;
	text-shadow:0px 0px 7px #000000;
	color:#FFFFFF;
	background-repeat:no-repeat;
}
#mainContent {
	box-sizing: border-box;
	width: 980px;
	max-width:100%;
	margin: 25px auto;
}
#mainContent .left {
	float:left;
	max-width:100%;
	width:650px;
}
#mainContent .right {
	float:right;
	max-width:100%;
	width:300px;
}
#mainContent .right h3 {
	font-size:22px;
	text-transform:uppercase;
	margin:15px 0px 0px;
	padding:0;
}
#upcomingEvents {
	list-style-image:url(../img/icon_calendar.png);
	margin-left:25px;
}
#upcomingEvents li h4 {
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
}
#upcomingEvents li h5 {
	font-family:Calibri, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	font-style:normal;
	margin:0;
}
#upcomingEvents li span {
	font-size:11px;
	font-style:italic;
	text-transform:uppercase;
	display:block;
	margin:0;
}
#upcomingEvents li p {
	font-size:11px;
	margin:0px 0px 5px;
	line-height:16px;
	font-style:italic;
}
#newsletter p {
	margin:5px 20px 5px 20px;
	font-size:12px;
}
#newsletter input {
	width:170px;
}
#newsletter button {
	width:86px;
	margin:0 4px;
}
#footerWrapper {
	width:100%;
	background-color:#00592b;
	background-color:rgba(0,0,0,.3);
	margin:30px 0 0 0;
	padding:2px 0px;
	min-height:100px;
	-webkit-box-shadow:inset 0px 0px 25px 15px rgba(0,0,0,.3);
	-moz-box-shadow:inset 0px 0px 25px 15px rgba(0,0,0,.3);
	-o-box-shadow:inset 0px 0px 25px 15px rgba(0,0,0,.3);
	box-shadow:inset 0px 0px 25px 15px rgba(0,0,0,.3);
}
#footerContainer {
	width:100%;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid rgba(255,255,255,.5);
	border-bottom: 1px solid rgba(255,255,255,.5);
}
#footer {
	margin:0 auto;
	width: 980px;
	max-width:100%;
}
.footerBox {
	width:25%;
	margin-top:10px;
	float:left;
}
.footerBox h3 {
	font-size:22px;
	text-shadow: 1px 1px 1px #000000;
}
.footerBox p, .footerBox li {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}
.footerBox.second {
	margin: 10px 12%;
}
.footerBox.second * {
	text-align:center;
}
.footerBox.third * {
 	text-align:right;
}
#copyrightWrapper {
	width:100%;
	background-color:#000000;
	padding:2px 0;
}
#copyright {
	max-width:100%;
	width:980px;
	margin: 0 auto;
}
#copyright * {
	font-family:Calibri, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
}

/* -------- */

.breadCrumb {
	font-family:Georgia, Times New Roman, serif;	
	font-size:12px;
}
tfoot td {
	font-family:Georgia, Times New Roman, serif;	
	font-size:10px;
	color: #666666;
}
tfoot td a {
	color: #666666;
}

.toolMenu {
	text-align:left;
	clear:both;
}
.toolMenu a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-repeat:no-repeat;
	background-position:left 0px;
	padding-left: 20px;
	padding-bottom:10px;
}
.toolMenu #printTool {
	background-image: url(../../default/img/sm_print.png);
}
.toolMenu #emailTool {
	background-image: url(../../default/img/sm_email.png);
}
.socialNetworking {
	width:100%;
	margin:0 auto;
	padding:0;
	line-height:3px;
	text-align:center;
}
.socialNetworking img {
	padding:5px;
	vertical-align:middle;
}

/* Calendar Styles */
div.calendarContainer {
	max-width:100%;
	width: 580px;
	background-color:rgba(0,0,0,.5);
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
.full div.calendarContainer {
	width: 95%;
}
table.daysContainer td { 
	line-height:18px;
}
table.daysContainer td, table.daysContainer td a {
	color:#000000;
}
table.daysContainer tbody td.calWhite {
	background-color:rgba(255,255,255,.7);
}
table.daysContainer tbody td.calGray {
	background-color:rgba(255,255,255,.3);
}
table.daysContainer thead td div {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background-color:rgba(255,255,255,.7);
}
/* End of Calendar Styles */

/* Start of Photo Gallery Styles */
.categoryTable {
	width:80%;
	margin: 0 auto;
}
.categoryTable td {
	width:50%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.categoryTable td img {
	vertical-align:middle;
	padding:3px;
}
.photoTable {
	display:flex;
	flex-wrap:wrap;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	clear:both;
}
.photoTable a {
	box-sizing:border-box;
	display:block;
	margin:10px;
	border-radius:10px;
	background-size:cover;
	width:100%;
	width:calc(100% - 10px);
	height: 170px;
}
.photoTable > div {
	box-sizing:border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	width:33%;
	padding:5px;
}
.photoTable div.no-content {
	width:100%;
}
/* End of Photo Gallery Styles */

/* Bible Styles */
.bibleForm {
	text-align:center;
}
.verseNumber {
	font-weight:bold;
}
/* End of Bible Styles */

/* Media Styles */
.rssFeed {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
}
.rssFeed img {
	vertical-align:middle;
	padding:5px;
}
.mediaTable {
	width:100%;
	margin: 0 auto;
}
.mediaTable td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding:5px;
	vertical-align:middle;
}
.mediaTable thead td {
	font-weight:bold;
	background-color: rgba(0,0,0,.4);
	color: #FFFFFF;
}
.mediaTable tbody td.description {
	text-align:left;
	font-style:italic;
}
.mediaTable tbody tr.highlight {
	background-color: rgba(255,255,255,.2);
}
.mediaTable td.col1 { width: 5%; }
.mediaTable td.col2 { width: 35%; }
.mediaTable td.col3 { width: 20%; }
.mediaTable td.col4 { width: 15%; }
.mediaTable td.col5 { width: 10%; }
.mediaTable td.col6 { width: 9%; }
.mediaTable td.col7 { width: 6%; }
/* End of Media Styles */

/* Devotional Guide Styles */
.devotionalGuideForm {
	text-align:center;
}
.questionForm label {
	display:block;
}
/* End of Devotional Guide Styles */

/* Mailing List Styles */
.mailingListForm label.required {
	font-weight:bold;
}
.mailingListForm {
	text-align:center;
	width: 100%;
}
.mailingListForm label {
	width:45%;
	text-align:right;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
}
.mailingListForm input, .mailingListForm select {
	width:30%;
	float:left;
	margin-left: 10px;
	margin-top:5px;
	margin-bottom:5px;
}
.mailingListForm button {
	display:block;
	clear:both;
	margin:0 auto;
}
#captcha {
	float:left;
	margin-left: 10px;
	margin-bottom: 10px;
	font-family:monotype,"Courier New", Courier, mono;
	font-size:4px;
	line-height:3px;
	color:#FFFFFF;
}
/* End of Mailing List Styles */

/* PayPal Styles */
.paypalForm {
	text-align:center;
	width: 100%;
}
.paypalForm label {
	width:45%;
	text-align:right;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
}
.paypalForm input {
	width:30%;
	float:left;
	margin-left: 10px;
	margin-top:5px;
	margin-bottom:5px;
}
.paypalForm button {
	display:block;
	clear:both;
	margin:0 auto;
}
/* End of PayPal Styles */

/* Folder Styles */
.folderTable {
	width:100%;
	margin: 0 auto;
}
.folderTable td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding:5px;
	vertical-align:middle;
}
.folderTable thead td {
	font-weight:bold;
	background-color: rgba(0,0,0,.4);
	color: #FFFFFF;
}
.folderTable tbody tr.highlight {
	background-color: rgba(255,255,255,.2);
}
.folderTable td.col1 { width: 5%; }
.folderTable td.col2 { width: 50%; }
.folderTable td.col3 { width: 24%; }
.folderTable td.col4 { width: 15%; }
.folderTable td.col5 { width: 6%; }
/* End of Folder Styles */

/* Conversation Styles */
ul.commentList {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:none;
}
ul.commentList li {
	border-bottom: 1px dotted #999999;
}
ul.commentList li p {
	font-style:italic;
	margin:0px;
	padding:0px;
}
ul.commentList li p strong {
	font-style:normal;
}
.conversationForm {
	width:100%;
}
/* End of Conversation Styles */

/* Login styles */
label.required {
	font-weight:bold;
}
.singleColumnForm label {
	display:block;
	text-align:center;
}
.singleColumnForm input,.singleColumnForm button {
	width: 150px;
	display: block;
	margin: 0 auto;
}
.singleColumnForm button {
	width:auto;
}
.singleColumnForm p {
	text-align:center;
}
.twoColumnForm label {
	float:left;
	width:50%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
}
.twoColumnForm label.required {
	font-weight:bold;
}
.twoColumnForm input.alert {
	background-image: url(../../default/img/icon_alert.gif);
	background-color:#DDDDDD;
	background-repeat:no-repeat;
	background-position:2px center;
	padding-left: 18px;
}
.twoColumnForm label.quarter {
	float:left;
	width:25%;
}
.twoColumnForm input {
	width:45%;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:5px;
}
.twoColumnForm input.shortInput {
	width:20%;
}
.twoColumnForm input.formDefaultText {
	color:#999999;
}
.twoColumnForm span.rightInputText {
	width:20%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.twoColumnForm input[type="radio"] {
	width:25px;
}
.twoColumnForm button {
	display:block;
	margin: 0 auto;
}
.twoColumnForm label.groupLabel, .twoColumnForm label.poolLabel {
	width:200px;
	float:left;
	padding:0;
	margin:0;
	margin-top:10px;
	margin-left:120px;
}
.twoColumnForm select {
	margin-bottom: 5px;
}
.twoColumnForm textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* End of Login Styles */

/* Custom store styles */
.productDetails {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.productInfo {
	border: 1px solid #666666;
	background-color:#333333;
	background-color:rgba(0,0,0,.4);
}
.productInfo thead td {
	background-color:#333333 !important;
	background-color:rgba(0,0,0,.4) !important;
}
.productInfo tbody td {
	border-bottom: 1px solid #666666;
}
table.previewTable {
	border: 1px solid #666666;
	background-color:#333333;
	background-color:rgba(0,0,0,.4);
}
table.previewTable td {
	color:#333333;
}
.shippingInformation thead td, .billingInformation thead td {
	background-color:#666666 !important;
	color:#FFFFFF !important;
}
.paymentInformation thead td, .paymentInformation tr.header td {
	background-color:#666666 !important;
	color:#FFFFFF !important;
}
.orderTable thead td {
	background-color:#666666 !important;
	color:#FFFFFF !important;
}
.preview {
	border: 1px solid #666666;
	background-color:#333333;
	background-color:rgba(0,0,0,.4);
}
.preview thead td {
	border-bottom:1px solid #666666 !important;
	background-color:#333333 !important;
	background-color:rgba(0,0,0,.4) !important;
}
.preview tbody tr:nth-child(even) {
	background-color:#333333 !important;
	background-color:rgba(0,0,0,.4) !important;
}
.preview h4, .preview h4 a, .preview p {
	color:#FFFFFF !important;
}
/* End of store styles */