/* CSS Document */

/*- Main --------------------------- */

body {
	margin: 0px;
	background-color: #000032;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container {
	width: 956px;
	margin-right: auto;
	margin-left: auto;
	/*background-color: #FFFFFF;*/
	/*border: 1px solid #000000;*/
}

#mainContent {
	width: 954px; /* -2 for borders */
	float: left;
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-left-color: #000000;
	border-right-color: #000000;
}

p {
	margin: 4px 8px 4px 8px;
}

a:link   { color: #000099; font-style: normal; text-decoration: none }
a:visited   { color: #000099; font-style: normal; text-decoration: none }
a:hover   { color: #FF0000; font-style: normal; text-decoration: none }
a:active  { color: #0000FF; font-style: normal; text-decoration: none }

.pageTitles {
	font-size: 14px;
	color: #000099;
	text-transform: uppercase;
}

.notice {
	display: block;
	text-align: center;
	font-size: 10px;
	font-style: italic;
}

.largerFont { 
	font-size: 14px;
}

.smallerFont {
	font-size: 10px;
}

.picCaption {
	text-align: center;
	font-size: 10px;
	font-style: italic;	
}

.redText {
	color: #990000;
}

hr {
	border-top: 1px solid #0000CC;
	width: 98%;
	height: 1px;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 2px 0; /*this will align it left for Mozilla*/
}
.container {
	margin: 4px 8px 4px 8px;
}
/*- Header/Banner --------------------------- */
#banner {
	width: 956px;
	height: 200px;
	margin:0px;
	/*border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;*/
	background-color: #FFFFFF;
}

.imgBanner {
	border: 0px;
}

/*- Navigation --------------------------- */
	
#nav {
	width: auto; /* overall width of the bar. auto = 100% */  
	margin: 0px;
	background:  url(images/menu4.gif);
	height: 32px; /* (24 + 8 padding below) */  
	}
	
#nav a {
	float: left;
	height: 32px;
	width: auto; /* set to the width (px) of each button you want */  
  	height: 24px;
	text-decoration: none;
	}	
	
#nav a:link, #nav a:visited {
	color: #CCCCCC;
	display: block;
	background:  url(images/menu4.gif);
	padding: 8px 10px 0px 10px;
	}
	
#nav a:hover {
	color: #FFF;
	background:  url(images/menu4.gif) 0 -32px;
	padding: 8px 10px 0px 10px;
	}

/* -- About Us -- */
#aboutUs {
display: block;
position: absolute;
top: auto;
left: auto;
width: auto;
border: solid 2px #000000;
background-color: #6464ff;
color: #000000;
padding: 5px;
z-index: 2;
visibility: hidden;
margin: 0 0 0 53px;
}

#aboutUs a, #aboutUs a:visited {
	text-decoration: none;
	color: #CCCCCC;
}

#aboutUs a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/* -- Gallery -- */
#gallery {
display: block;
position: absolute;
top: auto;
left: auto;
width: auto;
border: solid 2px #000000;
background-color: #6464ff;
color: #000000;
padding: 5px;
z-index: 4;
visibility: hidden;
margin: 0 0 0 430px;
}

#gallery a, #gallery a:visited {
	text-decoration: none;
	color: #CCCCCC;
}

#gallery a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/* -- Invitation -- */
#invitation {
display: block;
position: absolute;
top: auto;
left: auto;
width: auto;
border: solid 2px #000000;
background-color: #6464ff;
color: #000000;
padding: 5px;
z-index: 5;
visibility: hidden;
margin: 0 0 0 182px;
}

#events a, #events a:visited {
	text-decoration: none;
	color: #CCCCCC;
}

#events a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.dd_display { /* Note this is fixed for IE in ie7.css*/
	display: none;
	position: absolute;
	border: 2px solid #000000;
	background-color: #6464ff;
	color: #000000;
	padding: 5px;
	z-index: 999;
	margin: 0;
}
.dd_display a, .dd_display a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
.dd_display a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/*- Index Page Elements (features, News, Weblets) --------------------------- */
.feature_container {
	width: 938px;
	margin: 8px 8px 4px 8px;
	position: relative;
}
.news_container {
	float: left;
	width: 680px;
	margin: 4px 4px 4px 8px;	
}
.weblet_container {
	float: left;
	width: 250px;
	margin: 4px 8px 4px 4px;	
}

/* Feature Panel */
.feature_panel_image {
	float: left;
	width: 588px;
	height: 250px;
	border: 1px solid #000000;
}
.feature_panel_mask {
	float: left;
	position: absolute;
	z-index: 99;
	top: 125px;
	left: 0px;
	background-color: #000000;
	width: 590px;
	height: 127px;
	opacity: 0.5;
	filter: alpha(opacity='50');
}
.feature_panel_main_text {
	float: left;
	position: absolute;
	z-index: 199;
	top: 127px;
	left: 0px;
	width: 582px;
	height: 127px;
	opacity: 1.0;
	filter: alpha(opacity='100');
	color: #FFFFFF;
	padding: 8px;
}
a.feature_panel_main_link {
	display: block;
	float: right;
	clear: left;
	color: #CCCCCC;
	margin: 4px 8px;
}
.feature_panel_main_title{
	font-size: 16px;
	font-weight: bold;
}
.feature_panel_link_container {
	float: right;
	width: 348px;
}
.feature_panel_link_descriptions {
	display: block;
	float: left;
	width: 98%;
	margin: 0 10px;
	font-size: 12px;
}
.feature_panel_link {
	display: block;
	float: left;
	width: 98%;
	margin: 10px;
	font-size: 16px;
	font-weight: bold;
	font-family: serif;
}

/* feature page */
.feature_sm_img {
	float: left;
	margin: 8px 20px 8px 8px;
	width: 294px;
	text-align: center;
}
.feature_title {
	float: left;
	width: 623px;
	font-size: 16px;
	margin: 8px 8px 8px 0;
}
.feature_other_info {
	float: left;
	width: 623px;
	font-size: 12px;
	margin: 0 8px 8px 0;
}
.feature_content {
	float: left;
	width: 100%;
	margin-top: 12px;
	clear: both;
}
.feature_next_link {
	float: left;
	width: 98%;
	margin: 12px 8px 0 8px;
	clear: both;	
}
.feature_current_page {
	font-size: 14px;
	font-weight: bold;
}
.feature_links{
	float: left;
	clear: both;
	width: 100%;
	margin: 8px 0 0 0;
	border-top: 1px solid #000000;
	padding: 8px;
	text-align: center;
}

/*feature listing */
/*==================== Feature Listing ====================*/
.feature_item_listing {
    float: left;
	clear: both;
	width: 98%;
	margin: 5px 8px;
	font-size: 11px;
}
.feature_listing_title {
	float: left;
	width: auto;
	clear: both;
	font-size: 10px;
	
}
.feature_listing_title_link {
	font-weight: bold;
	font-size: 13px;
}
.feature_listing_description {
	float: left;
	width: auto;
	clear: both;
    padding: 0 4px;
}
.feature_listing_date {
   font-style:italic;   
}

/* News */
.news_item {
	float: left;
	width: 680px;
	clear: both;
	margin-bottom: 8px;
}
.news_header {
	float: left;
	clear: left;
	width: 590px;
	text-transform: uppercase;
	font-size: 12px;
	color: #fe0000;
}
.news_date {
	float: right;
	clear: right;
	text-align: right;
	width: 90px;
	text-transform: uppercase;
	font-size: 12px;
	color: #fe0000;
}
.news_content {
	float: left;
	clear: both;
	width: 680px;
	border-top: 1px solid #333333;
}
.news_content img {
	max-width: 670px
}

/* Weblets */
.weblet_item {
	width: 248px;
	margin: 0 0 8px 0;
	background-color: #CCCCCC;
	border: 1px solid #000000;
}

/*- FAQ --------------------------- */
#FAQContent {
	width: 954px;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(images/FAQ_background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0; 
	padding: 0
}

#FAQ_Image {
	width: 50px;
	vertical-align: top;
}

#FAQ_Text {
	width: inherit;
	text-align: left;
	/*vertical-align: top;*/
}

.FAQ_Question {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	text-transform: capitalize;
	color: #990000;
}

/*- Testimonies --------------------------- */
#testimonyContent {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	font-style: italic;
	/*font-weight: bold;*/
	padding-bottom: 7px;
}

.author {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	font-variant: small-caps;
	margin-left: 15px;
	color: #666666;
}

.BOM_Line {
	display: block;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
/*- Contacts --------------------------- */
#contactsDIV {
	margin: 0 0 18px 10px;
	width: auto;
}

.Cname {
	font-weight: bold;
	color: #000099;
}
.Ctitle {
	font-size: 10px;
	font-style: italic;
	text-transform: capitalize;
}
.phoneImg {
	border: none;
	vertical-align: middle;
	margin-right: 13px;		
}
.emailImg {
	border: none;
	vertical-align: middle;
	margin-right: 5px;		
}

/*- Gallery --------------------------- */
#galleryContainer {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}

#galleryDisplay {
	text-align: center;
	float: left;
	margin: 4px 8px 4px 8px;
}

#slideshowBody {
	margin: 0px;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#slideshowImage {
	float: left;
	margin: 4px 8px 4px 8px;
	width: 640px;
}

#slideshowDescription {
	float: left;
	margin: 4px 8px 4px 8px;
	width: 300px;
}

.galleryImage {
	width: 640px;
	height: 480px;
	border: 1px solid #333333;
}

.galleryThumbnail {
	width: 150px;
	height: 113px;
}

/* Lightbox Gallery Page */
.gallery_header {
	float: left;
	clear: both;
	width: 90%;
	margin: 20px 9px 0px 9px;
	border-bottom: 1px solid #c9c6a1;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
.gallery_container {
	width: 850px;
	margin: 0 auto;
}
.gallery_item {
	float: left;
	width: 100px;
	height: 130px;
	margin: 10px;
}
.gallery_img_container {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
}
.gallery_img_container img{
	display: block;
	margin: 0 auto;
	border: 1px solid #000099;
}
.gallery_title{
	float: left;
	width: 100px;
	height: 25px;
	margin-top: 5px;
	text-align: center;
}

/* Video Player */
.lg_img {
	display: block;
	margin: 0 auto;
	border: none;
}
.lg_container {
	width: 626px;
	margin: 12px auto;
	color: #FFFFFF;
}
.lg_header {
	float: left;
	width: 426px;
}
.lg_author {
    float: right;
	width: 200px;
}
.lg_titles {
	text-transform: uppercase;
}
.lg_description {
    float: left;
	clear: both;
	width: 100%;
	margin-top: 8px;
	border-top: 1px solid #949494;
	padding-top: 4px;
}
.spacer {
	float: left;
	clear: both;
    height: 20px;
	width: 100%;
}
.video_container {
    margin: 0 auto;
}
.player {
	text-align: center;
	margin: 10px auto;
}

/*- Downloads --------------------------- */
.download_container {
	clear: both;
    width: 500px;
	margin: 0 auto;
	border-bottom: 1px solid #999999;
}
.download_img_container {
    float: left;
	width: 80px;
	height: 80px;	
}
.download_img {
    width: 80px;
	height: 80px;
	border: none;
}
.download_content {
    float: left;
	width: 410px;
	margin-left: 10px;
}
.download_title {
    font-size: 12px;
	color: #000099;
	text-transform: uppercase;
}
.download_description {
	font-size: 10px;
}
.download_spacer {
    float: left;
	clear: both;
	height: 20px;
}

/* Download Email Page */
.download_notice {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 10px;
	font-style: italic;	
}
.downloader_form fieldset {
	display: block;
	border: 1px solid #999999;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	overflow: hidden;
}
.downloader_form legend {
	width: auto;
	color: #a8a8a8;
	text-transform: uppercase;
	margin-left: 10px;
}
.form_data {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin: 4px;
}
.downloader_form label {
	float: left;
	width: 100px;
	clear: left;
}
.downloader_form input {
	float: left;
	border: 1px solid #999999;
}
.downloader_form input:focus, .downloader_form input:active {
	float: left;
	background-color: #e9e9e9;
	border: 1px solid #000000;
}
.downloader_form input.submit_style {
	float: right;
	width: 50px;
	background-color: #c0c0c0;
	margin: 4px 8px 4px 4px;
}
.downloader_form input.submit_style:hover {
	background-color: #f3f3f3;
	cursor: pointer; 
}
.downloader_form textarea {
	display: block;
	border: 1px solid #999999;
	width: 98%;
	height: 200px;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
}
.downloader_form textarea:focus {
	background-color: #e9e9e9;
	border: 1px solid #000000;
}

/*- Shop --------------------------- */
#shopTable {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}

#shopImageTD {
	width: auto;
	height: 110px;
	text-align: center;
}

.shopImage {
	width: 100px;
	height: 100px;
	border: 0px;
}

#checkout {
	width: auto;
	text-align: center;
	padding: 0px 5px 0px 5px;	
}

#shopDescription {
	width: auto;
	vertical-align: top;
	text-align: left;
}

.price {
	font-size: 14px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #990000;
}

.product {
	font-size: 12px;
	font-weight: bolder;
	text-transform: uppercase;	
}

#product_page_div {
	width: 756px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	margin: 5px;
	
}

/* New shopping cart */
.shop_notice {
	width: 500px;
	margin: 0 auto;
	font-style: italic;
}
.shop_specials_header {
	font-size: 14px;
	color: #d00;
}
.shop_item {
	margin: 0 auto;
	width: 98%;
	clear: both;
}
.shop_img_container {
	float: left;
	width: 102px;
	height: 102px;
	text-align: center;
}
.shop_image {
	border: none;
}
.shop_description_container {
	float: left;
	width: 630px;
}
.shop_short_description {
	float: left;
	clear: both;
	width: 98%;
	margin-left: 4px;
}
.shop_title {
	float: left;
	width: 98%;
	clear: both;
	border-bottom: 1px solid #000000;
	font-size: 14px;
	margin-left: 4px;
}
.shop_button_container {
	float: right;
	width: 200px;
	text-align: center;
}
.shop_price {
	font-size: 16px;
	font-weight: bold;
}
.shop_button {
	width: inherit;
	text-align: center;
}
.hidden {
	display: none;
}
.shop_long_description {
	color: white;
}
.shop_view_cart {
	float: right;
	width: 200px;
	text-align: center;
}
.shop_paypal_logo {
	float: left;
	width: 700px;
	padding-left: 450px;
}

/*- Events Page ---------------------- */
.event_item {
	float: left;
	clear: both;
	width: 925px;
	margin: 10px 8px;
	border: 1px solid #000;
}
.event_item p {
	margin: 0;
	padding: 0;
}
.event_title {
	font-size: 1.3em;
}
.event_info { 
	float: left;
	width: 640px;
	padding: 4px;
}
.event_right_side {
	float: right;
	width: 200px;
	padding: 4px;
}
.event_content {
	float: left;
	clear: both;
	width: 900px;
	padding: 4px;
	border-top: 1px dashed #000;
}
.calendar {
    float: left;
    margin: 15px 70px;
    width: 700px;
    /*border: 1px solid #000;*/
}
.calendar img {
    display: block;
    float: left;
    width: 75px;
    height: 75px;
    border: none;
    margin: 10px;
}
.calendar p {
    display: block;
    float: left;
    width: 500px;
    padding-top: 15px;
    border-bottom: 1px solid #000;
}

.calendar span {
    font-size: 1.3em;
    font-weight: bold;
}

	
/*- Footer --------------------------- */
#footer {
	width: 954px;
	height: 50px;
	line-height: 50px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: center;
	clear: both;
	border: 1px solid #000000;
}

.footer {
	vertical-align: middle;
	font-size: 10px;
}

/*- Admin --------------------------- */
#noSideContent {
	float: left;
	clear: both;
	width: 956px;
	background-color: #FFFFFF;
}

#important {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #FF0000;
	background-color: #CCCCCC;
	border: 1px solid #000000;
}

.normal {
	font-size: 12px;
	color: #000000;
}

.newsQuotes {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	font-size: 12px;
	color: #333333;
	display: block;
	clear: both;
	padding-right: 40px;
	padding-left: 40px;
}

.scripture {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	font-size: 10px;
	color: #333333;
	display: block;
	clear: both;
	padding-right: 20px;
	padding-left: 20px;
}

.highlighter {
	background-color: #FFFF66;	
}


#main_content_text {
	width: 756px;
	/* This is for regular text boxes  */
}

#full_page_text {
	width: 928px;
	/* this is for the text box under pages_* admin */
}
/*
#side_content_text {
	width: 200px;
}
*/
#FAQ {
	background-color: #CCCCCC;
}
.Q{
	font-size: 16px;
	color: #FF0000;
	font-weight: bolder;
}
.question{
	font-style: italic;
}

.A{
	font-size: 16px;
	color: #0000FF;
	font-weight: bolder;
}

.footer {
	vertical-align: middle;
	font-size: 10px;
	color: #FFFFFF;
}

#adminFooter {
	width: 956px;
	height: 15px;
	background-color:#333333;
	line-height: 15px;
	text-align: center;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}






/* ==== MCE ==== */
/* TinyMCE specific rules */
body.mceContentBody {
	background: #FFFFFF;
   	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.newsQuotes {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	font-size: 12px;
	color: #CCCCCC;
	display: block;
	clear: both;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 20px;
	margin-top: 12px;
}

.normal {
	font-size: 12px;
	color: #000000;
}

.newsQuotes {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	font-size: 12px;
	color: #333333;
	display: block;
	clear: both;
	padding-right: 40px;
	padding-left: 40px;
}

.scripture {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	font-size: 10px;
	color: #333333;
	display: block;
	clear: both;
	padding-right: 20px;
	padding-left: 20px;
}

.highlighter {
	background-color: #FFFF66;	
}

.pageTitles {
	font-size: 14px;
	color: #000099;
	text-transform: uppercase;
}

.notice {
	display: block;
	text-align: center;
	font-size: 12px;
	font-style: italic;
}

.largerFont { 
	font-size: 14px;
}

.smallerFont {
	font-size: 10px;
}

.redText {
	color: #990000;
}

.picCaption {
	text-align: center;
	font-size: 10px;
	font-style: italic;	
}

hr {
	border-top: 1px solid #0000CC;
	width: 98%;
	height: 1px;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 2px 0; /*this will align it left for Mozilla*/
}