/* -------------------- global -------------------- */


*							{ margin:0; padding:0; }
html						{ margin:0; padding:0; height:100%; }
body						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; 
							  color: black; background-color: #FFF0CC; margin: 0px; margin-bottom: 15px;  
							  border-collapse: collapse; }
							  
p							{ margin-bottom: 9px; }

img							{ border-width: 0px; border-style: none; margin: 0px; }
h1							{ font-size: 21px; line-height: 22px; text-align: left; 
							  margin-top: 0px; margin-bottom: 18px; color: #3F6088; }
h3							{ font-size: 14px; line-height: 14px; text-align: left; 
							  margin-top: 14px; margin-bottom: 8px; color: #3F6088; }
h4							{ font-size: 14px; line-height: 16px; text-align: left; 
							  font-variant: small-caps; margin-top: 18px; margin-bottom: 8px; color: #3F6088; } /*  #FF7733; */

a:link						{ color: #3F6088; text-decoration: underline; }
a:visited					{ color: #3F6088; } /* #94A5B9 */
a:hover						{ color: #2973CC; }
a:active					{ color: #FF7733; }

#outside_div				{ border-style: none; width: 100%; padding: 0px; border-collapse: collapse; text-align: center; z-index: 0; }
#inside_div					{ border: solid 1px black; z-index: 5;
							  width: 984px; margin-left: auto; margin-right: auto;
							  text-align: left; padding: 0px; border-collapse: collapse; }
							  
#banner-ad					{ border: 1px solid black; width: 728px; height: 90px; margin: 0px 0px 9px; }
#banner-div					{ background-color: #FFF0CC; z-index: 30; text-align: center; position: relative; width: 100%;}
							  

/* ----------------------- banner ----------------------- */

#fakeTopMargin				{ height: 9px; background-color: #FFF0CC; z-index: 10; position: relative; }
#banner						{ padding: 0px; margin: 0px; position: relative; z-index: 10; }
#banner img, #banner p		{ margin: 0px; }


/* -------------------- top menu -------------------- */

.top_nav					{ padding: 0px; margin: 0px; margin-top: -3px; /* corrects gap above this div */
			 				  border-top: 1px solid black; position: relative; z-index: 10; width: 984px; }
							 /* class for div that encloses top menu bar */
	html>body .top_nav		{ width: 984px; }
							 
.top_nav ul					{ margin: 0px; padding: 0px; font-size: 11px;
							  font-weight: bold; text-align: center; }
.top_nav li					{ margin: 0px; padding: 0px; float: left; list-style: none; 
							  border-left: 1px black solid;   /* border between items, but don't need on the leftmost... */ }
	
.top_nav li a				{ display: block;             /* makes entire li rectangle clickable */
			 				  margin: 0px; padding: 6px; text-decoration: none; 
							  border-top: solid 1px #3F6088; border-bottom: 1px solid black;
							  color: #FFF0CC;  letter-spacing: 1px; background-color: #FFF0CC;
							  background: #3F6088 url(images/menu_pointer.gif) no-repeat  -200px 0;
		 					 /* move 10x7 background image way off to side to make invisible */
							 /* colour image repeat position attachment */
						 	 }
/* html>body .top_nav li a		{  padding: 6px 6px; } */


.top_nav li.off a			{ border-top: solid 1px #536274; border-bottom: 1px solid black; color: #FFF0CC;
			 				  background: #536274 url(images/menu_pointer.gif) no-repeat  -200px 0; 
		 	 			     /* keep 10x7 background image way off to side to make invisible */
			 				 } /* #536274 is desaturated version of dark blue #3F6088 */

.top_nav li a:visited		{ color: #EDE9DE; text-decoration: none; } 
.top_nav li a:hover			{ color: #FFE099; border-top: solid 1px #FF7733; text-decoration: none; 
			 				  background-image: url(images/menu_pointer.gif); background-repeat: no-repeat;
			    			  background-position: 50% 0;
							}
.top_nav li.off a:hover		{ color: #FFE099; border-top: solid 1px #536274; /* cf #FF7733; */ 
			 				 /* background-image: url(images/menu_pointer.gif); background-repeat: no-repeat; */
			 				 background-position: -200px 0; text-decoration: none; }
.top_nav li a:active		{ color: #FFC133; }

#menu_index					{ width: 66px; border-left: none; }
#menu_WS					{ width: 174px; }
#menu_CMS					{ width: 158px; }
#menu_GCW_tips				{ width: 102px; }
#menu_TW_tips				{ width: 114px; }
#menu_forum					{ width: 135px; }	
#menu_advertise				{ width: 152px; }
#menu_contact				{ width: 81px; }


html>body #menu_index		{ width: 66px; border-left: none; }
html>body #menu_WS			{ width: 173px; } /* hack; I.E. can't read this */
html>body #menu_CMS			{ width: 157px; } /* hack; I.E. can't read this */
html>body #menu_GCW_tips	{ width: 101px;  } /* hack; I.E. can't read this */
html>body #menu_TW_tips		{ width: 113px; } /* hack; I.E. can't read this */
html>body #menu_forum		{ width: 134px; } /* hack; I.E. can't read this */	
html>body #menu_advertise	{ width: 152px; } /* hack; I.E. can't read this */
html>body #menu_contact		{ width: 81px; } /* hack; I.E. can't read this */





.clear						{ clear: both; width: 0px;
							  margin: -1px 0 0 0; height: 0px; padding: 0px; /* together work to make div invisible */
							  overflow: hidden; background-color: #FFF0CC;  
						    }

/* -------------------- submenu under top menu -------------------- */

#top_submenu				{ background-color: #94A5B9; line-height: 15px; margin: 0px; margin-top: -15px; width: 984px;
							  border-bottom: 1px solid black; position: relative; z-index: 10; height: 18px; 
							  font-weight: bold; text-align: center; font-size: 11px; vertical-align: middle; }
	html>body #top_submenu		{ margin-top: 0px; width: 984px; } /* hack; I.E. can't read this */ /* I.E. has a big gap above this div for some reason */

/* -------------------- cBlock for containing three cols -------------------- */

#cBlock						{ position: relative; margin: 0px; padding: 0px; height: 0px; z-index: 5; clear: both;
							} 

/* ------------ column that fills in border between 1st and 2nd column when third column is longest ------------ */

#colExtenderLeft			{ margin: 0px; padding: 0px 9px;
			 				  position: absolute; bottom: 0px; width: 179px; /*  width: 118px; */
							  height: 3000px; border-right: 1px solid black;  
							  z-index: 0;
							} 
	html>body #colExtenderLeft	{ width: 160px; } /* hack; I.E. can't read this */




/* ------------ column that fills in border between 2nd and 3rd column when first column  longest ------------ */

#colExtenderRight			{ margin: 0px; padding: 0px; 
							  position: absolute; bottom: 0px; left: 803px; width: 1px; /* width: 178 */
							  height: 3000px; border-left: 1px solid black;  
							  z-index: 0;
							} 
	html>body #colExtenderRight	{ left: 805px; } /* hack; I.E. can't read this */

							

/* -------------------- lefthand column -------------------- */

#left_col					{ width: 178px; padding: 9px; vertical-align: top; padding-top: 8px; /* width: 120px; */
			 				  float: left; border-right: 1px solid black; position: relative;
							  z-index: 15;
			  				}
	html>body #left_col			{ width: 160px; } /* hack; I.E. can't read this */
							
							
#left_col p					{ font-size: 12px; line-height: 15px; }

#flowchart					{ margin-bottom: 24px; }

p.wc3						{ text-align: center; }

#paypal						{ text-align: center; margin-top: 36px; border: 0px; }

.leftColAd					{ margin: 12px 0px; }

/* ----------------------- login ----------------------- */

#loginForm					{ background-color: #6382A6; z-index: 6; border: 1px black solid;
							  padding: 9px; margin: 0px; /* DFD2B3 padding: 9px 9px 4px */  
							  }
#loginForm p				{ font-size: 10px; line-height: 13px; margin: 6px 0px 8px 0px; color: white; font-weight: normal; }
#loginForm p#title			{ font-size: 12px; line-height: 10px; font-weight: bold; margin: 0px 0px 9px 0px; color: white; }


#loginForm input			{ font-size: 10px; line-height: 10px; height: 12px; border: 1px black solid; 
							  margin-top: 3px; margin-bottom: 3px; width: 135px;
							  background-color: #FFF0CC; } /* was *#FFC133 */
							  					  
#loginForm input#submit		{ background-color: #FFF0CC; font-size: 10px;
							  margin-bottom: 3px; margin-top: 6px;
							  height: 2.2em; width: 6em;
							  border-top: solid 2px #C0C0C0; border-left: solid 2px #C0C0C0;
							  border-bottom: solid 2px black; border-right: solid 2px black; 
							}

#loginForm input#submit:hover
							{ background-color: #FFE099; }

#loginForm input#submit:active
							{ background-color: #FFC133;
			 				  border-bottom: solid 2px #C0C0C0; border-right: solid 2px #C0C0C0;
			 				  border-top: solid 2px black; border-left: solid 2px black; }
							  
#loginForm a:link			{ color: #FFFFFF; text-decoration: underline; font-weight: bold; }
#loginForm a:visited		{ color: #FFFFFF; font-weight: bold; }
#loginForm a:hover			{ color: #FF7733; font-weight: bold; }
#loginForm a:active			{ color: #FF7733; font-weight: bold; }


/* -------------------- main content area -------------------- */

#main_content				{ width: 626px; padding: 16px 9px 9px; vertical-align: top; /* 10px padding-left because of -1px left margin on main_content */
			 				  border-left: 1px solid black; border-right: 1px solid black; 
							  float: left; z-index: 15; 
							  margin: 0px -1px 0px -1px; /* negative side margins enables column borders */
							  /* regardless of which of two rightmost columns is longest. */
							  }
	html>body #main_content		{ width: 608px; } /* hack; I.E. can't read this */

							  
.float_right				{ border: 1px solid black; 
							  float: right; margin-left: 12px; }

#breadcrumb					{ font-size: 11px; margin-bottom: 12px; margin-top: -6px; color: gray; }
	
#basic, #advanced			{ font-style: italic; }
#advanced					{ margin-top: 24px; }
#composite_art				{ border: none; }
.source						{ font-size: 9px; }
.hang						{ margin-left: 1em; text-indent:-1em; }

/* -------------------- righthand column -------------------- */

#right_col					{ width: 178px; padding: 18px 9px 9px; vertical-align: top;  
			  				 float: right; border-left: 1px solid black; z-index: 200; visibility: visible; 
			 			    }
	html>body #right_col	{ width: 160px; } /* hack; I.E. can't read this */ 

							
#sponsored-link				{ font-size: 12px; line-height: 15px; font-weight: bold; text-align: left; 
							  margin: 0px 0px 18px -1px; color: #3F6088;  
							}
							  
.sans8on9hang    			{ margin-bottom:3px; margin-top:3px; font-size: 9px; line-height: 9px;
							  padding-left:9px; text-indent:-9px;
							}
							  
							  
							  
							  

/* -------------------- righthand col: textbooks -------------------- */

.books						{ font-size: 10px; line-height: 11px; padding: 8px; } /* entire column */
.bookItem					{ margin-bottom: 180px; margin-top: 180px; padding-bottom: 200px; }
.bookItem p					{ margin-top: 0px; margin-bottom: 4px; }
p.bookTitle					{ margin-bottom: 6px; }
.bookTitle a				{ font-weight: bold; }
p.bookPrice					{ margin-bottom: 19px; }
.bookItem img				{ border: none; }


/* -------------- if content extends the width of page -------------- */

#full_width_container		{ position: relative; } /* needed because of the absolute position element below */
#full_width					{ width: 955px; padding: 9px; /* width: 760px; */
			 				  position: relative; top: 0px; z-index: 3; }
#full_width h1				{ margin-bottom: 0px; }
#full_width img				{ margin-top:-2px; }
#full_width span p			{ padding: 0px 0px; line-height: 15px;}
#left_nav.left_nav_float_above
							{ /* for nav col that can be made to appear above flowchart */
							  position: absolute; bottom: 12px; left: 9px; 
							  z-index: 11; /* basic rules for this ID are found above */ 
							  visibility: hidden; background-color: #DFD2B3; 
							  height: 668px; border: 1px black solid;
						    }
#click_to_display,
#click_to_hide				{ font-size: 10px; line-height: 10px; }
#click_to_hide				{ display: none; } /* initially hidden link */

/* -------------------- contact me form -------------------- */

#contact-me					{ font-size: 12px; font-weight: normal; border: 1px solid black; 
							  position: relative; /* required for the absolute positions below to work */
							  padding: 9px; background-color: #C2D8F2;
			 			 	 }	
							 
#contact-me p				{ margin-bottom: 18px; }

#contact-me input.text, #contact-me input.textDim, #contact-me select	
							{ position: absolute; left: 19em; }

#contact-me input.textDim	{ background-color: #D7D7D7; }

#contact-me #reminder		{font-size: smaller; }
#contact-me #reminder em a:link, #contact-me #reminder em a:visited, 
#contact-me #reminder em a:hover, #contact-me #reminder em a:active		
							{ color: black; text-decoration: underline; }

#contact-me input.phone, #contact-me select.phone
							{ position: absolute; left: 15em; }
							
#contact-me textarea		{ margin-top: 0px; }

.phone_format				{ font-size: 9px; font-weight: normal; color: red; }
#contact-me-submit			{ text-align: center; margin-top: 12px; }

/* -------------------- miscellaneous -------------------- */

.nameTitleCopyright			{ text-align: right; margin-bottom: 4px; }
.service-providers-notes	{ background-color: #DFD2B3; border: 1px solid black; padding: 5px; padding-bottom: 7px; }

#missing-pages-table		{ font-size: 9px; line-height: 10px; border: 1px solid black; width: 100%; margin-top: 9px; }
#missing-pages-table td, #missing-pages-table th	
							{ text-align: left; vertical-align: top; width: 33%; padding: 3px; 
							  border: 1px solid black; margin-left: -1px; }
#missing-pages-table tr.color
							{ background-color: #DFD2B3; }	


/* -------------------- directory search form -------------------- */

#searchPageTopRule			{ margin-bottom: 12px; }

form#searchForm				{ background-color: transparent; padding: 0px; 
							  font-size: 10px; font-weight: normal;
							  line-height: 12px; color: #000000;
							  }
							  
form#searchForm	input, select
							{ margin-left: 0px; 
							  border-top: 2px solid black; border-left: 2px solid black; 
							  border-bottom: 2px solid #C0C0C0; border-right: 2px solid #C0C0C0;
							}
	html>body form#searchForm input, select { margin-left: 0px; } /* I.E. hack */

							
form#searchForm	input.submitReset	
							{ margin: 0px 0px 0px 9px; font-size: 9px; 
							  border-top: 2px solid #C0C0C0; border-left: 2px solid #C0C0C0;
							  border-bottom: 2px solid black; border-right: 2px solid black; 
							}
							
form#searchForm	input.submitReset:active
							{ 
							  border-bottom: 2px solid #C0C0C0; border-right: 2px solid #C0C0C0;
			 				  border-top: 2px solid black; border-left: 2px solid black; 
							}
							
form#searchForm	input.noMargin	
							{ margin-left: 0px; }					  

	
.marginSpacer				{ width: 11000px; }	
#quickSearchButtons			{ text-align: center; }				  
							
form#searchForm	input.display
							{ font-size: 12pt; margin: 12px 0px 12px; }

form div#browseAll			{ background-color: #FFF0CC; margin-top: 3px; margin-bottom: 0px; padding-bottom: 0px; }
form div#characteristics	{ background-color: #FFF0CC; margin-top: 15px; }
form#searchForm hr			{ margin-bottom: 9px; margin-top: 12px; }
form div#searchRegion, form div#searchName
							{ background-color: #FFF0CC; margin-top: 15px; }
form div#searchKeyword		{ background-color: #FFF0CC; margin-top: 15px; }
form div#searchSubmit		{ background-color: #FFF0CC; margin-top: 15px; }


/* -------------------- search results -------------------- */

.pagination, .paginationBordered
							{ font-size: 10px; font-weight: bold; line-height: 12px;
							  margin-bottom:12px;}
	html>body .pagination, html>body .paginationBordered
							{ width: 607px; } /* I.E. hack */			  
							  
.pagination ul, .paginationBordered ul
							{ display: block; list-style: none; padding: 0px; margin: 0px; }

.pagination ul li, .paginationBordered ul li
							{ display: inline; list-style: none; padding: 0px; margin: 0px; float: left; }
							  						  

.pagination ul li.left, .paginationBordered ul li.left
							{ text-align: left; width: 301px; } /* height: 12px; margin: 0px; position: relative; } */
	html>body .pagination ul li.left, html>body .paginationBordered ul li.left
							{ width: 302px; } /* I.E. hack */

							  
.pagination ul li.right, .paginationBordered ul li.right
							{ text-align: right; width: 301px; } /* float: right; position: relative; top: -12px; } */
	html>body .pagination ul li.right, html>body .paginationBordered ul li.right
							{ width: 302px; } /* I.E. hack */
					
							
.paginationBordered			{ border-top: 1px solid black; border-bottom: 1px solid black; padding: 6px 0px 18px; }

							  
#resultsTable				{ margin-bottom: 12px; padding: 0px; font-size: 11px; line-height: 15px; border: 1px solid black; 
							  border-bottom: 2px solid black; 
							 }
	html>body #resultsTable	{ margin-bottom: 6px; } /* I.E. hack */	
							 
#resultsTableLargeFont		{ margin-bottom: 6px; font-size: 12px; line-height: 15px;
							  border: 1px solid black; background-color: transparent;
							 }							 					 
							 
/* -------------------- web designers search results -------------------- */

#noListingsFound			{ font-size: 12px; font-weight: bold; line-height:15px; margin-bottom: 150px; }

#noListingsFound a:link		{ color: #FF7733; text-decoration: underline; }
#noListingsFound a:visited	{ color: #2973CC; }
#noListingsFound a:hover	{ color: #94A5B9; }
#noListingsFound a:active	{ color: #3F6088; }

#designersPromo, .designersPromo-no-rule
							{ font-size: 10px; line-height: 18px; font-weight: normal; padding-bottom:12px; 
							  margin-bottom: 15px; color: #2973CC; border-bottom: 2px solid black; 
							}
.designersPromo-no-rule		{ border-bottom: none; margin-bottom: -9px; text-align: center; clear: both; line-height: 15px; }

#featured-vendors-promo		{ font-size: 10px; line-height: 13px; font-weight: normal; padding-bottom:10px; 
							  color: gray;  
							}

.companyName				{ margin-bottom: 10px; font-size: 14px; }
.companyName a				{ font-size: 14px; font-weight: bold; line-height: 21px; }
.companyNameSmall			{ margin-bottom: 9px; }
.companyNameSmall a			{ font-size: 10px;font-weight: bold; }


.companyListing				{ padding: 0px; margin: 0px; font-size: 11px; line-height: 14px;
							}
							
.companyListingLarge		{ padding: 0px; margin: 0px; font-size: 12px; line-height: 15px;
							}


.companyListingSmall, companyListingSmallMoreLeading	
							{ padding: 0px; margin: 0px; font-size: 10px; line-height: 12px;
							}
.companyListingSmallMoreLeading
							{ font-size: 10px; line-height: 14px; } /* over ride above spec */
							
.companyListingSmall ul, .companyListing ul
							{ display: block; list-style: none; padding: 0px; margin: 0px; }
.companyListingSmall ul li, .companyListing ul li
							{ display: inline; list-style: none; float: left; margin: 0px; padding: 0px; 
							}

.companyListingSmall ul li.contactInfo
							{ width: 179px; }
.companyListingSmall ul li.verticalRule					
							{ width: 1px; height: 150px; background-color: #c2c2c2; margin: 0px 12px; }

.companyListingSmall ul li.servicesOffered			
							{ width: 191px; }
.companyListingSmall ul li.servicesOffered p			
							{ text-indent: -9px; margin: 0px 15px 4px 9px; padding: 0px; 
							  line-height: 12px; }
							  
.cms_headers				{ font-weight: bold; margin-bottom: 8px; margin-top: 9px; font-size: 11px; }

.companyListingSmall ul li.displayAd						
							{ border: 1px dashed black; padding: 9px; margin: 0px; margin-bottom: 15px; 
							  width: 180px; /* height: 150px; */
							}
	html>body .companyListingSmall ul li.displayAd { width: 162px; margin-bottom: 18px; }  /* I.E. hack */	/* height: 132px; */
	
.CMS-price					{ border: 1px dashed black; } /* color: #203044; */
.CMS-price-2-col			{ border: 1px dashed black; width: 372px; } 
.CMS-price-text				{ margin: 9px; }
.CMS-bullet					{ color: maroon; }


.CMS-price-text-2-col, .CMS-price-text-3-col
							{ margin: 0px 9px; border: none; }
.CMS-price-text-3-col		{ line-height: 18px; }
	
#CMS-search-results-title	{ font-size: 14px; font-weight: bold; font-style: normal; margin-bottom: 18px; }
.CMS_hRule					{ clear: both; margin: 9px 0px; background-color: #c2c2c2; height: 1px; }

.checkbox					{ font-size:10px; text-indent: -22px; margin-left: 22px; line-height: 12px; margin-bottom: 12px; }

.CMS-companyName			{ margin-bottom: 10px; background-color: black; padding: 9px 0px 6px; 
							  font-size: 14px; font-weight: bold; line-height: 18px; }
.CMS-companyName a:link		{ color: white; text-decoration: none; margin-left: 9px; }
.CMS-companyName a:visited	{ color: white; text-decoration: none; margin-left: 9px; } /* 2973CC */
.CMS-companyName a:hover	{ color: #94A5B9; text-decoration: underline; margin-left: 9px; }
.CMS-companyName a:active	{ color: #3F6088; text-decoration: underline; margin-left: 9px; }
.vendorName					{ margin-bottom: 10px; font-size: 11px; color: #94A5B9; margin-left: 9px; }








/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.companyListing ul li#directory-photo-header, .companyListingSmall ul li#directory-photo-header, #tip-number-header /* see below for width infor for tips table */
							{ width: 269px; text-align: left; border-right: 1px solid black; 
							  margin: 0px; padding: 9px; font-size: 13px; font-weight: bold;
							  border-bottom: 1px solid black; color: white; background-color: #3F6088;
							 }			
	html>body .companyListing ul li#directory-photo-header, html>body .companyListingSmall ul li#directory-photo-header, html>body #tip-number-header	/* see below for width infor for tips table */
							{ width: 250px; } /* I.E. hack */				 
							 
.companyListing ul li#church-name-header, .companyListingSmall ul li#church-name-header, #tip-description-header /* see below for width infor for tips table */
							{ width: 336px; border-left: 1px solid black; 
							  margin: 0px; margin-left: -1px; padding: 9px;   
							  font-size: 13px; font-weight: bold;
							  border-bottom: 1px solid black; color: white; background-color: #3F6088;
							}		
	html>body .companyListing ul li#church-name-header, html>body .companyListingSmall ul li#church-name-header, html>body #tip-description-header /* see below for width infor for tips table */	
							{ width: 319px; } /* I.E. hack */									
	
							
.companyListingSmall ul li.directory-photo
							{ width: 268px; text-align: center; border-right: 1px solid black;   
							  margin: 0px; padding: 9px; padding-top: 12px; }	
	html>body .companyListingSmall ul li.directory-photo { width: 250px; padding-top: 12px; } /* I.E. hack */		
			
.companyListingSmall ul li.church-name
							{ width: 330px; border-left: 1px solid black; margin: 0px; 
							  margin-left: -1px; padding: 9px; padding-top: 12px; }
	html>body .companyListingSmall ul li.church-name { width: 316px; padding-top: 12px; } /* I.E. hack */					
	

/* ------------------------------ my top tips ----------------------------- */


 /* 
 .companyListing ul li#tip-number-header						{ width: 55px; text-align: center; padding: 0px 0px; margin-bottom: 0px; }
	html>body .companyListing ul li#tip-number-header		{ width: 37px; margin-bottom: 0px; }
.companyListing ul li#tip-description-header				{ width: 544px; padding: 0px 0px; margin-bottom: 0px; }
	html>body .companyListing ul li#tip-description-header 	{ width: 532px; } */
	
#tip-number-header			{ width: 55px; text-align: left; border-right: 1px solid black; margin: 0px; padding: 9px; 
							  font-size: 13px; font-weight: bold; border-bottom: 1px solid black; color: white; background-color: #3F6088;
							}


#tip-description-header		{ width: 544px; border-left: 1px solid black; margin: 0px; margin-left: -1px; padding: 9px;
							  font-size: 13px; font-weight: bold; color: white; background-color: #3F6088;
							}
	
	
	
	

/* .tip-row					{ margin: 0px; margin-top: 0px; padding: 0px; clear: both; border-bottom: 1px solid red; list-style: none; display: block; }
	html>body .tip-row		{ margin-top: 0px; }	
	
.tip-row ul 				{ display: block; list-style: none; padding: 0px; margin: 0px; }
.tip-row ul li 				{ display: inline; list-style: none; float: left; margin: 0px; padding: 0px; }


.tip-row ul li.tip-number	{ width: 55px; text-align: center; border-right: 1px solid black; margin: 0px; padding: 0px 0px; 
							  color: #FF7733; font-size: 18px; font-weight: bold; }	
	html>body .tip-row ul li.tip-number { width: 37px; } 	
			
.tip-row ul li.tip-text		{ width: 544px; border-left: 1px solid black; margin: 0px; margin-left: -1px;  padding: 0px 0px; }
	html>body .tip-row ul li.tip-text { width: 532px; }  */					
	
	
.tip-number					{ text-align: center; border: 1px solid black; margin: 0px; padding: 9px; 
							  color: #FF7733; font-size: 18px; font-weight: bold; vertical-align: top; }
	
.tip-text					{ margin: 0px; margin-left: -1px;  padding: 9px;  border: 1px solid black; }	
	
							  
/* .tip-text-explanation		{ width: 550px; padding: 9px; padding-left: 20px; margin: 0px; display: inline; }	*/
.top-tips-image-right		{ float: right; margin-left: 12px; margin-top: 0px; border: 0px; display: block; }						
.top-tips-image-left		{ float: left; margin-right: 12px; margin-top: 0px; border: 0px; display: block; }
.top-tips 					{ font-size: 12px; line-height: 15px; margin-bottom: 9px; }
#tips-bulleted-list			{ margin: 9px 0px 9px 24px; }
												

/* ------------------------------ ############# ----------------------------- */


#more						{ padding: 0px; margin: 0px; margin-bottom: 9px; }

						
p.church-divider-rule		{ clear: both; margin: 0px 0px; height: 0px; padding: 0px; border-bottom: 2px solid black; line-height: 0px; 
							  } 
	html>body p.church-divider-rule	{ margin-top: 0px; } /* I.E. hack */	
	
p.divider-rule				{ clear: both; margin-top: 9px; margin-bottom: 12px; height: 0px; padding: 0px; border-bottom: 2px solid black; line-height: 0px; } 
	html>body p.divider-rule	{ margin-top: 15px; margin-bottom: 12px; } /* I.E. hack */	
	

.CMS-ad						{ background-color: transparent; border: 1px dashed black; padding: 9px; margin: 0px 0px 12px 12px;
							  width: 180px; height: 150px; float: right; }
	html>body .CMS-ad		{ height: 132px; margin: 0px 0px 18px 12px; } /* I.E. hack */					  
							  
							  
							  
#featured-vendors			{ border: 2px dashed red; padding: 0px; padding-bottom: 0px; margin-bottom: 18px; margin-top: 12px;
							  font-size: 11px; line-height: 15px; border-collapse: collapse; margin-top: 12px; 
							 }

							 
#featured-vendors p, #more-vendors 
							{ font-size: 12px; line-height: 15px; font-weight: bold; }
#featured-vendors p			{ margin-bottom: 4px; } 
p#featured-vendors-label	{ font-size: 14px; margin: 12px 0px 8px 9px; }

#more-vendors				{ font-style: italic; margin-bottom: 12px; padding-top: 18px; }	
	html>body #more-vendors		{ padding-top: 6px; } /* I.E. hack */					  

					

#featured-vendors ul 		{ margin: 0px; padding: 0px; padding-left: 7px; }


#featured-vendors ul li		{ list-style: none; float: left; width: 280px; padding: 0px; margin: 6px; }	/* 280 for picture plus 9px on each side for margin */

#featured-vendors img		{ width: 280px; height: 72px; border: 1px solid black; margin: 0px; padding: 0px; }
#featured-vendors a			{ display: block; }



	
	



.tags						{ clear: both; padding: 9px; padding-bottom: 16px; margin: 0px;  /* to ensure tags look like they belong to listing above */ 
							  border-top: 1px solid black; background-color: transparent; } /* margin-bottom: -12px; } */
	html>body .tags			{ width: 588px; } /* I.E. hack */
																					
.all-info-for-one-church 	{ margin: 0px; padding: 0px; width: 100%; border-right: 0px solid black; }
	html>body .all-info-for-one-church { width: 606px; } /* I.E. hack */	

.web-designers-featured-vendor-ad 
							{ background-color: gray; border: 1px solid black; margin-top: 12px; 
							  height: 72px;   
							}
							
.church-text-basic			{ font-size: 12px; line-height: 14px; margin: 0px; margin-top: 8px; }
.address-line				{ line-height: 15pt; margin: 0px; }
.comments					{ font-size: 10px; line-height: 14px; margin: 0px; margin-top: 8px; }

#ie_hack					{ height: 4px; line-height: 0px; background-color: #3F6088; position: relative; top: -22px; padding: 0px; margin: 0px 1px -24px; }

/* -------------------- legacy -------------------- */
	
.sans10						{ font-size: 10px; font-weight: normal; line-height: 12px; }

.sans12						{ font-size: 12px; font-weight: normal; line-height: 13px; }
	
.sans12on15					{ font-size: 12px; font-weight: normal; line-height: 15px; }

.news						{ font-size: 9px; line-height: 1.4em; margin-bottom: 9px; }

/* -------------------- footer -------------------- */

#footer						{ padding: 0px; margin: 0px; border-top: 1px solid black; color: white; background-color: #3F6088; width: 984px;
							  font-size: 9px; clear: both; text-align: center; position: relative; height: 20px; vertical-align: middle; 
						  	}
	html>body #footer		{ padding: 2px; padding-top: 4px; width: 980px; } /* I.E. hack */	
							
#footer a, #footer p		{ margin: 0px; padding: 0px; }
#footer a					{ color: #FFF0CC; }
#footer a:visited			{ color: #EDE9DE; }
#footer a:hover				{ color: #FFE099; }
#footer a:active			{ color: #FFC133; }

.centerMe 					{ text-align: center; }

/* -------------------- bottom Menu -------------------- */

#bottomMenu 				{ font-size: 11px; line-height: 16px; text-align:center; text-decoration: none; 
							  margin-top:6px; padding-bottom:24px; position: relative; z-index: 15; }

/* -------------------- Ultimate Form Mail -------------------- */

.star						{ font-size: smaller; color: red; } /* the red asterisk meaning field is required */


/* ------------------------- amember ------------------------- */

.amember-login				{ width: 576px; border: 1px solid black; padding: 15px; text-align: center; }
#modified-date				{ margin-bottom: 12px; margin-top: -12px; }
	html>body #modified-date	{ margin-top: 0px; } /* I.E. hack */