/* Community Interface
(c) 2000 Compbiz.net.  All Rights Reserved.
Authored By Deidra Auclair

Title: 	global.css
Date:	23 February 2008

Description:  This is the global stylesheet for the catholic web site.  Only put items here that are for the entire site.  
*/



html {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}

body {
 	margin: 0;
    padding: 0;
    background: #FFF;
	border: 0px;
	/*background: #FFF url('/images/layout/site_bg.gif') repeat-y top center;*/
}

p {
	text-align: left;
	cursor:default;
}

.center {
	text-align: center;
}

/*Make the links seem animated. */
A:link { color:#336699; TEXT-DECORATION: none;}
A:visited { color:#336699; TEXT-DECORATION: none;}
A:hover { color: #6699cc;}/*font-weight: bold; text-decoration: underline border-style: ridge; border: 1px ridge red*/

/* UL lists display added DVA */
ul {
	/*margin: 0 1 0 0;*/ /* DVA 7/10/2008: Commented out errors in the declaration is dropped on the 1 in firefox not sure we need parameter. */
	/* padding: 0; */ /* GMW 7/10/2008: Commented out because of a display issue with Firefox 2 & 3. The list items were exntending beyond the left margin. */
	list-style-type: disc;
	text-align: left;
	}

ul li {
	/* display: block; */ /* GMW 7/10/2008: Commented out because of a display issue with Firefox 2 & 3. The list items were not appearing with the marker (bullet or number). */
	margin: 0 0 0 0;
	}

/* OL lists display added DVA */
ol {
	/*margin: 0 1 0 0;*/ /* DVA 7/10/2008: Commented out errors in the declaration is dropped on the 1 in firefox not sure we need parameter. */
	/* padding: 0; */ /* GMW 7/10/2008: Commented out because of a display issue with Firefox 2 & 3. The list items were exntending beyond the left margin. */
	text-align: left;
	}

ol li {
	/* display: block; */ /* GMW 7/10/2008: Commented out because of a display issue with Firefox 2 & 3. The list items were not appearing with the marker (bullet or number). */
	margin: 0 0 0 0;
	}

h1.show {
	font-size:16px; 
	color:#336699; 
	font-weight:bold;  
	margin: 0px 0px 0px 0px;
	text-decoration: none;
} 

h1.hide {
	font-size:16px; 
	color:#336699; 
	font-weight:bold;  
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	display:none;
	visibility:hidden;
} 

.titlelight {
	font-size:12px; 
	color:#6699cc; 
	font-weight:bold; 
	margin: 0px 0px 0px 0px;
}

.titlelight a{
	text-decoration: none;
	color: #6699cc;
}

.titlelightAdWrap{
	text-align:center;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
}
/*****************************/

a.titlelightAd {

	font-size:10px;
	color:#666666;
	margin: 0px 0px 0px 0px;
}
a.titlelightAd:hover {

	font-size:10px;
	color:#356595;
	margin: 0px 0px 0px 0px;
}
/***************************/
.Sponsortitle {
	font-size:14px; 
	color:#6699cc;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
}

.titledark {
	font-size:12px;
	color:#336699; 
	font-weight:bold; 
	letter-spacing:.5px; 
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.titleforeign {
	font-size:12px;
	color:#6699cc; 
	font-weight:bold; 
	letter-spacing:.5px; 
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.titledark a {
	text-decoration: none;
	color:#336699; 
}

.PageTitleDark {
	margin: 10px 0px 5px 0px;
	font-size:16px; 
	color:#336699; 
	font-weight:bold;
}

.PageTitleLight {
	margin: 10px 0px 5px 0px;
	/*padding-left: 38px;*/
	font-size:16px; 
	color:#6699cc; 
	font-weight:bold;
}

.PageTitleDark_2 {
	margin: 10px 0px 5px 0px;
	font-size:16px; 
	color:#336699; 
	font-weight:bold; 
	text-decoration: none;
}

.AffiliateTitleDark {
	font-size:16px; 
	color:#666666; 
	font-weight:bold;
	width: 400px;
	float: left;
}

.search_titledark {
	font-size:16px;
	color:#336699; 
	font-weight:bold; 
	letter-spacing:.5px; 
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.search_titledark a {
	text-decoration: none;
	color:#336699; 
}



/* Testing Font Sytles For Text - Added by CA */
.textLight { 
	color:#6699cc; 
	font-weight:bold; 
	margin: 0px 0px 0px 0px;
}

.textDark { 
	color:#336699; 
	font-weight:bold;  
	margin: 0px 0px 0px 0px;
}

.textRequired, .required { 
	color:red; 
	font-weight:bold;   
	font-size: 10px;
	vertical-align:top;
}

.textSmall { 
	font-size:10px;
	vertical-align:top;
	padding: 0;
	margin: 0;
	margin-top:2px;
}

.textLarge { 
	font-size:15px;
	font-weight: 500; 
}

/* Form input field styles - Added by NB */
form {
	margin-bottom: 5px;
	margin-top: 5px;
}

input[type='checkbox'] {
	height: 16px;
	padding: 0;
	margin: 0;
	margin-top: 0;
	margin-right: 4px;
}

input[type='radio'] {
	height: 16px;
	padding: 0;
	margin: 0;
	margin-top: 0;
	margin-right: 3px;
}

input[type='password'],input[type='file'],textarea,select {
	/*background: #FFFFFF;*/
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

input[type='text'] {
	/*background: #FFFFFF;*/
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	/*width:100px;*/
}

input[type='button'],input[type='submit'],input[type='reset'] {
	background: #336699; /*background: #FFFFFF;*/
	border: 1px outset #6699CC; /*border: 1px solid #cccccc;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /*font-size: 11px;*/
	color: #FFFFFF; /*color: #336699;*/
	cursor: pointer;
	font-weight: bold;
}

input.inactive {
	color: #666666;
}

.over {
	/*background-image: url(../images/layout/dir_searchresult_bubble.gif);*/
	background-color:#EDF6FF; /*#fff4dd*/
	cursor: pointer;
	height:70px;
} 
.out {
	background-color:#fff;
	height:70px;
} 

.copyright {
	font-size:10px; 
	color:#666666; 
	text-decoration: none;
	margin: 10px 0px 0px 0px;
	line-height: 3.0;
	float:left;
	width:100%;
}


.DailyReading {
	font-size: 12px; 
	text-decoration: none;
	margin: 20px 0px 10px 0px;
	clear: both;
	float: left;
	width: 346px;
}

.oddrow td {
	background-color: #efefef;
	vertical-align: top;	
}
.evenrow td {
	background-color: #ffffff;	
	vertical-align:top;	
}

fieldset {    
    -moz-border-radius-bottomleft:7px;   
    -moz-border-radius-bottomright:7px;   
    -moz-border-radius-topleft:7px;   
    -moz-border-radius-topright:7px;   
    border-radius: 3px;
} 

.listings {
    -moz-border-radius-bottomleft:7px;   
    -moz-border-radius-bottomright:7px;   
    -moz-border-radius-topleft:7px;   
    -moz-border-radius-topright:7px;   
    border-radius: 3px;
    margin: 0px 2px 10px 2px;
    padding: 4.2px 7.5px 9px 7.5px;
}
  
.counties {    
    background-color: #e8e8e8; 
} 

.bold {
	font-size: 12px;
	font-weight: bold;
}

legend {
 	color: black;
}
div#breadcrumb_bar {
    width: 100%;
    padding-top: 3px;
    /*padding-bottom: 16px;*/
    height: 16px;
}

div#breadcrumb {
	color: #000000; 
	float: left; 
	width: 287px; 
	font-size: 10px;
}

div#breadcrumb a {
	color: #000000; 
	font-size: 10px;
}
div#breadcrumb a:hover {
	color: #000000; 
	text-decoration: underline;
	font-size: 10px;
}
div#actioncenter {
	width: 275px;
	float: right;
}
.addthis_toolbox {
	float: right;
}
div#parish_info {
	width: 100%;
	clear: both;
	padding-top: 16px;
}
div#parish_address {
	 width: 100%; 
	 padding-top: 10px; 
	 padding-bottom: 20px;
}
div#map_links {
	float: left; 
	width: 195px;
}
div#bulletins_list {
	float: right;
	width: 135px; 
	min-height: 196px; 
	padding-bottom: 10px;
}
/* Scrolling Web Sponsor Links */

/*div#slider:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 

div#slider {
	display: inline-block;
}
*/
#slider td {
	 border: 0px solid white;
	 padding: 0px; 
	 margin: 0px;
}

#slider img {
	padding: 0px; 
	border-width: 0px; 
	margin: 0px; 
	display: block;
}
	
#slider ul, #slider li, #slider2 ul, #slider2 li, #sliderHome ul, #sliderHome li {
	margin: 0px;
	padding: 0;
	list-style: none;
	font-size: 10px;
}

#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
		HEIGHT:505px;
	*/ 
	width:246px;
	height:1107px;
	font-size: 10px;
	overflow:hidden; 	
}

#sliderHome li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
		HEIGHT:505px;
	*/ 
	width:246px;
	height:646px;
	font-size: 10px;
	overflow:hidden; 	
}

#sliderHome td {
	 border: 0px solid white;
	 padding:0px; 
	 margin:0px;
}

#sliderHome img {
	padding:0px; 
	border-width:0px; 
	margin:0px; 
	display: block;
}
	
#slider2 {	
	height:125px;
	text-align:center;
	margin: 10px 0px 1px 0px;
	overflow:hidden;
}

#slider2 li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:150px;
	height:125px;
	font-size: 10px;
	overflow:hidden; 
	text-align:center;
}	

.sliderfieldset {
	/*padding: 5px;*/
	padding: 3.5px 6.25px 7.5px 6.25px;
	margin: 0px 2px;
}

#buttonid { 
	display:block;
	overflow:hidden;
	text-align:center;
	font-size: 12px;
}	


/********************* LAYOUT SECTION **************************/

/* takes away image outlines on links */
a img {
	border-style:none;
	text-decoration:none;
	outline:none;
}

.alert_notification_wrapper {
	margin-bottom:0px;	/* Changed from 3px 11-30-10 Ryan */
}

.alert_notification {
	width:100%; 
	background-color:#ff9900;
	height:15px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	font-weight:400;
	vertical-align:middle;	
}

A:hover .alert_notification {
	background-color:#76797c;
	cursor:pointer;
}

.flash {
	float:left;
	width:560px;
	margin: 0px 0px 0px 0px; /* Edited 5-5-11 Ryan changed bottom margin from negative 5 to 0 */
	background-color:#fff;
}

/* Site container */
div#container {
	/*width:850px;*/
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	border: none;	/*1px solid #999999*/
}

div#header_affiliate {
	position: relative;
	color: #666666;
	border:none; 
	text-decoration:none;
	padding:0 0 8px 0;
	height:72px;
	width:860px;
	/*line-height:72px;*/
	margin-left: auto;
	margin-right: auto;
}

div#header_affiliate_cs {
	position: relative;
	color: #666666;
	border:none; 
	text-decoration:none;
	padding:0 0 8px 0;
	height:60px;
	width:860px;
	/*line-height:72px;*/
	margin-left: auto;
	margin-right: auto;
}

div#header_img_affiliate {
	/*background: #FFF;*/
	width:860px;
	margin:0px 0px 0px 0px;
 	/*padding-left:10px;*/ 
	color: #666666;
	position: relative;
	float: left;
}

div#header_logo_affiliate {
	/*clear: both;*/
}

div#header_translate_affiliate {
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 12px;
	padding-right: 38px;
	/*margin-bottom:-2px;*/
}

div#header_search_affiliate {
	float: right;
	width:300px;
	margin-top:-8px;
	margin-bottom: 8px;
}


div#header_search_affiliate_cs {
	position: absolute;
	width:300px;
	margin-top:-8px;
	margin-bottom: 8px;
	bottom: 0;
	right: 0;
}
#header_search_affiliate form {
	margin-bottom: 10px;
	margin-top: 0px;
}

.affiliate_hr {
	clear:both;
	/*padding-bottom:10px;*/
	background: url('/images/affiliate_hr.png') bottom no-repeat;
	height:15px;
}

.affiliate_hr_summary {
	display: block;
	position: relative;
	padding: 0;
	margin: 8px auto;
	width: 100%;
	clear: both;
	border: none;
	border-top: 1px solid #D9D9D9;
	border-bottom: 0px solid #FFF;
	font-size: 1px;
	line-height: 0;
	overflow: visible;
}

div#affiliate_summary_box {
	float: left;
	clear: left;
	width: 570px;
	/*background: #555555;*/
	background: url('/images/affiliate_summary_bg.png') top no-repeat;
	margin-top:10px;
	/*margin-left: 20px;*/
	text-align: left;
}

div#affiliate_view_listing {
	float: right;
}

div#affiliate_summary_left {
	float: left;
	width: 260px;
	padding-right: 10px;
	background: url('/images/affiliate_vert_hr.png') right top no-repeat;
}

div#affiliate_summary_right {
	float: right;
	width: 270px;
}

div#affiliate_summary_header {
	width: 550px;
	margin-bottom: 25px;
}

span.customStyleSelectBox { font-size:10px; background: #ffffff url('/images/translate_arrow.png') no-repeat center right; color:#336699; padding:1px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px 3px; }
span.customStyleSelectBox.changed { background-color: #6699cc; }
.customStyleSelectBoxInner { }

div#header {
	color: #666666;
	border:none; 
	text-decoration:none;
	padding:0 0 0 0;
	height:79px;
	line-height:72px;
	width: 100%;
	background: url('/images/header_background.png') center repeat-x;

	align:center;
	position:relative;
}

div#header_img {
	/*background: #FFF;*/
	width:860px;
	height:82px;
	margin-left: auto;
	margin-right: auto;
 	z-index: 150;
	color: #666666;
	position: relative;
}

div#header_logo {
	position: absolute;
	/*margin-bottom:11px;*/ /* for theHEADER SLOGAN to show through */
	bottom: 0;
	left: 0;
}
div#header_translate {
	/*position: absolute;
	bottom: 0;
	right: 0;
	line-height: 12px;
	padding-right: 38px;
	padding-bottom: 8px;*/
	float:right;
	padding-left:10px;
}

div#promo_box {
	width:340px;
	float:right;
	vertical-align:bottom;
	clear:right;
	margin-top:40px;
}

div#promo_box img {
	border: none;
	float:right;
	vertical-align:bottom;
	margin: 0px 2px 0px 8px;
}

div#menu_bar {
	clear: both;
	border-top: 1px solid #d7d7d7;
	background: url('/images/navigation_bg.png') repeat-x top left;
	width:100%;
	margin-bottom: 10px;
	position: relative;
}

div#navigation {
	margin-left: auto;
	margin-right: auto;
	height: 37px;
	width: 860px; 
	font-size: 14px;
	text-decoration: none;
}

/* Translate */
.translate_icon {
	float: left;
	width: 18px;
	height: 12px;
	cursor: pointer;
	margin: 4px 6px 0px 0px;
	background-image: url('/images/map/SpriteStates.png'); 
}
div#translate_brazil { 	background-position: -450px -388px; }
div#translate_france { 	background-position: -468px -388px; }
div#translate_germany { background-position: -486px -388px; }
div#translate_italy {   background-position: -504px -388px; }
div#translate_spain { 	background-position: -522px -388px; }

#searchbox {
	height:24px;
	width: 336px;
	padding: 0px 28px 0px 7px;
	margin-top: 1px;
	font-size: 14px;
	color: #d3d3d3;
	font-weight: bold;
	border: 0px;
	background: url('/images/search_bg.png') right no-repeat;
}

#searchbox:focus {
	color: #666666;
}

/* middle content area */

/* Left Content - New - 2011 */

div#left_content {
	width: 346px;
	float: left; 
	min-height: 500px;
}

/*div#right_content {
	float: right;
}

.clearright {
	clear: right;
}*/

div#update_bar {
	width: 346px;
	padding-top: 6px;
	margin-bottom: 10px;
}

/*Left Content Area - Width Should Total 160px */
div#left {
	float:right;
	background: #fff;/*#efefef*/
	width:160px;
	font-size: 10px;
	padding-left:0px;
	/*padding-right:15px;*/
	height: 100%; 
}

/*Left Content Area - Rounded Box - Added by CA*/
.leftnavcontent {
	font-size:11px; 
	padding: 5px;
}

.leftnavcontentads {
	font-size:11px; 
	padding: 5px;
}

.leftnavcontentads a {
	text-decoration:none;
	/*font-weight:bold;*/
	/*letter-spacing: -.5px;*/
	font-size: 12px;
}

/*Right Content Area - Width Should Total 260px*/
div#right {
	float:right;
	clear:right;
	background: #fff;/*#efefef*/
	width:266px;
	font-size: 10px;
	/*padding-left:0px;*/
	/*padding-right:6px;*/
	padding: 0px;
	/*height: 710px; */ 
	padding-bottom:10px;
}

/* Temp class added which duplicates the ID above. When we clean up the CSS we need to remove. Did not know all the places where the ID above was used.*/
/*.right {
	float:right;
	background:#e7f0f6;
	width:150px;
	font-size:11px; 
	background-color:#FFFFFF;
	border-right: 1px solid #666666;	
	border-left: 1px solid #666666;	
	clear:both;
}*/

/* Left Content Area - Width Should Total 600px + 260px*/
div#content {
	width:860px;
	background-color:#FFFFFF;
	padding: 0px 0px 10px 0px;
	margin-left: auto; /*centers the main div*/
	margin-right: auto; /*centers the main div */
/*	overflow:hidden; */ /* Don't ask. Not sure why I need this, but makes the border work. DVA */
}

div#testcontent {
	float:left;
	width:585px;
	text-align:left;
}

div#iPhone_banner{
	float:left;
	width:600px;
	text-align: left;
	padding-bottom:10px;
}

div#info_container {
	/*clear:both;*/
	width:600px;
	/*float:right;*/
	float:left;
	padding-bottom:10px;
	margin-top:10px;
}

.info_container ul {
	list-style-image: url("/images/radio_square.jpg");
}

div#info_left {
	/*clear:both;*/
	width:284px;
	float:left;
	margin-right: 10px;
	padding-bottom: 1px;
/*	background: url('/images/box_btm.png') no-repeat bottom; */	
}

#info_left h1 {
	background: url('/images/box_hdr_left.png') no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	line-height: inherit;
	font-size:14px; 	
}

div#info_right {
	/*clear:both;*/
	width:284px;
	float:left;
	padding-bottom: 1px;
/*	background: url('/images/box_btm.png') no-repeat bottom; */
}

#info_right h1 {
	background: url('/images/box_hdr_right.png') no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	line-height: inherit;
	font-size:14px; 	
}

.info_section {
	background: url('/images/box_sides.png') repeat-y top;
	padding: 5px 10px 10px 10px;
}

.coupon {
	background: url('/images/coupon.jpg') center right no-repeat;
	padding:0 52px 0 0; 
	white-space:nowrap;
}

.get_featured {
	text-decoration: underline;
	font-size: 10px;
	background: url('/images/get_featured.png') center no-repeat;
	padding:6px 25px 10px 25px; 
	
}

div#coupon_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 425px;
	text-align: left;
}

div#print {
width:390px; 
min-height:210px; 
padding:10px; 
font-family: Arial, Helvetica, sans-serif;
text-align:center; 
border: dashed; 
border-color:#000000; 
border-width:3px; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
 border-radius: 20px;
}


div#print p {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

div#print a, div#print a:visited {
	color: #336699;
    text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

div#print a:hover {
	color: #6699CC;
}

div#coupon_head, div#coupon_footer {
	font-family: Arial, Helvetica, sans-serif;
	width: 324px;
	color: #ffffff;
	background: #009749;
	padding: 6px;
	clear: both;
}

div#coupon_footer a, div#coupon_footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:underline;
}

div#coupon_body {
	font-family: Arial, Helvetica, sans-serif;
	width: 298px;
	color: #ffffff;
	background: #00a651;
	padding: 6px 6px 6px 32px;
}

.coupon_link {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 2px 80px 2px 0px;
	background: url('/images/coupon_get.png') right center no-repeat;
}

.coupon_headline {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 0px 3px 25px;
	background: url('/images/coupon_headline.png') left center no-repeat;
}

#how_do_i_get_featured a {
	color: #fefefe;
}

div#get_featured_bulletin {
	text-align: left;
}

div#featured_interested, div#featured_title {
	margin-bottom: 10px;
}

div#featured_title img {
	margin-bottom: -5px;
}

.AdTitle {
	font-weight: bold;
	color: #336699;
	font-size:18px;
}

div#tabs_content {
	
}
.default_tab_content {
	width: 324px;
	min-height: 355px;

	padding: 11px 10px 10px 10px;
	/*border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;*/
	border: 1px solid #c8c8c8;
	background: #e6e6e6 url('/images/tabs_bg.gif') repeat-x top;
	z-index:10;
	position:relative;
}
div#tabs_box {
	width:346px;
	margin-bottom:-1px;
	z-index: 50;
	position:relative;
}

div#tabs_tabs {
	width: 346px;
	height: 26px;
}

div#schedule_content, div#contact_content, div#bulletins_content, div#businesses_content {
	clear: both;
}

.tab_businesses_content {
	width: 539px;
	min-height: 355px;

	padding: 11px 10px 10px 10px;
	/*border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;*/
	border: 1px solid #c8c8c8;
	background: #6699cc;
	z-index:10;
	position:relative;
}

.businessesmap {
	margin:225px 2px 0px 0px;
	
}

#mpn {
	margin-top: 7px;
}

div#featured_businesses {
	width: 519px;
	background: #cddcec url('/images/tabs_featured_bg.gif') repeat-x top;
	padding:10px;
	border: 1px solid #a4c1df;
}

div#all_businesses {
	width: 519px;
	color: #fefefe;
	padding:10px;
}

div#all_businesses a{
	text-decoration: underline;
	color: #ffffff;
}

#get_coupons {
	background: transparent url('/images/get_coupons.png') no-repeat top right;
	padding: 43px 50px 0px 1px;
}

div#contact_content img {
	padding-right: 10px;
}

div#bulletin_thumb {
	float: left;
	width: 160px;
	padding-bottom: 10px;
}

div#bulletin_thumb img {
	padding: 0px;
	border: 1px solid #e0e0e0;
	background-color: #FFFFFF;
}

div#featured_businesses div#featured_label {
	text-align:left; 
	width:519px;
	color: #336699;
	font-weight:bold;
	font-size:14px;
}

div#all_businesses div#featured_label {
	text-align:left; 
	width:519px;
	color: #ffffff;
	font-weight:bold;
	font-size:14px;
}

div#sponsors_label {
	text-align:left; 
	width:519px;
	color: #fefefe;
	font-weight:bold;
	font-size:14px;
}

div#echurch_promo {
	width: 100%;
	clear: both;
	font-size: 12px;
}

#tab_schedule {
	width:84px;
	/*padding: 3px 8px 12px 0px;*/
	color: #969696;
	font-size:16px;
	vertical-align: middle;
	height: 24px;
	text-align: center;
	float: left;
	padding-top:2px;
	margin: 0px 3px 0px 0px;
}
#tab_contact {
	width:84px;
	/*padding: 3px 8px 12px 0px;*/
	color: #969696;
	font-size:16px;
	vertical-align: middle;
	height: 24px;
	text-align: center;
	float: left;
	padding-top:2px;
	margin: 0px 3px 0px 0px;

}
#tab_bulletin {
	width:84px;
	/*padding: 3px 0px 12px 0px;*/
	color: #969696;
	font-size:16px;
	vertical-align: middle;
	height: 24px;
	text-align: center;
	float: left;
	padding-top:2px;
	margin: 0px 4px 0px 0px;

}
#tab_businesses {
   width:84px;
	/*padding: 3px 0px 12px 0px;*/
	color: #fefefe;
	font-size:16px;
	vertical-align: middle;
	height: 24px;
	text-align: center;
	float: left;
	padding-top:2px;
	margin: 0px 0px 0px 0px;
}
#tab_businesses a {
	color: #fefefe;
}
#tab_schedule a, #tab_contact a, #tab_bulletin a {
	color: #777777;
}
#tabs_box {
	height: 26px;
	z-index: 50;
}
#tabs_box a {
	/*color: #777777;*/
}
#tabs_box a:focus {
	outline: 0px;
}

.tab_deactive {
background: url("/images/listings_tabs_smart.gif") no-repeat scroll transparent;
	background-position: 0px -26px;
}

.tab_active {
background: url("/images/listings_tabs_smart.gif") no-repeat scroll transparent;
	background-position: 0px 0px;
}

.tab_businesses_deactive {
background: url("/images/listings_tabs_smart.gif") no-repeat scroll transparent;
	background-position: 0px -78px;
}

.tab_businesses_active {
background: url("/images/listings_tabs_smart.gif") no-repeat scroll transparent;
	background-position: 0px -52px;
}

div#footer {
	clear: both;
	/*background: #FFF;*/
	background: url('/images/footer_bg.png') center repeat-x;
	width:100%;
	height: 93px;
	font-size:12px;
	text-shadow: 0px -1px 0px #214368;
	sfilter: dropshadow(color=#214368, offx=0, offy=-1); 
	padding-bottom: 15px;
	padding-top: 10px;
	overflow:auto; /* Don't ask. Not sure why I need this, but makes the border work. DVA */
}

div#footer_text {
	clear: both;
	width:860px;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

div#footer_text a, div#footer_text a:visited {
	color: #bfcede;
	font-size:12px;
	text-shadow: 0px -1px 0px #214368;
	sfilter: dropshadow(color=#214368, offx=0, offy=-1); 
}

div#footer_text a:hover {
	color: #ffffff;
	font-size:12px;
	text-shadow: 0px -1px 0px #214368;
	sfilter: dropshadow(color=#214368, offx=0, offy=-1); 
}

div#footer_contact {
	padding-left: 10px;
	width:254px;
	height: 84px;
	float:left;
	border-left: 1px solid #bfcede;
}

div#footer_contact_us {
	text-align: left; 
	margin-bottom: 22px;
}

div#company_footer {
	clear: both;
	background: #323232;
	width:100%;
	margin:  0px 0px 0px 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #6e90b2;
	font-size:10px;
}

div#company_footer a {
	color: #bfcede;
}

div#company_footer_text {
	clear: both;
	width:860px;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

div#footer ul {
	float: left;
	width: 119px;
	color: #bfcede;
}

div#footer ul>:first-child {
	font-size: 14px;
	color: #c1cddd;
	font-weight: bold;
	text-shadow: 0px -1px 0px #214368;
	sfilter: dropshadow(color=#214368, offx=0, offy=-1); 
}

.footer_title {
	font-size: 14px;
	color: #c1cddd;
	font-weight: bold;
	text-shadow: 0px -1px 0px #214368;
	sfilter: dropshadow(color=#214368, offx=0, offy=-1); 
}


.footer_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Directory Alpha */
.diralphaspace {
	color: #666666;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:3px;
}

.diralpha {
	color: #666666;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Ad Display In Directory */
/*#Ad_row {
	width: 346px;
	float:left;
}*/	
	
#Ad_display {
	width: 336px;
	margin: 0px 5px 10px 0px;
	padding: 5px;
	background-color:#EDF6FF;/*#FFF4DD*/
	border: 1px solid #999999;	
}

#Ad_display p {
	margin: 5px 0px 5px;
	float: none;
}

#Ad_display h1 {
	color: #999999;
	font-size: 9px;
	letter-spacing: .1em;
	margin: 0px 0px 0px 0px;
	vertical-align:middle;
}

#Ad_display h2 {
	color: #336699;
	font-size: 18px;
	font-weight:bold;
	/*letter-spacing: -.1em;*/
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
	
div#Ad_display a.brieftitle {
	color: #336699;
	font-size: 18px;
	font-weight:bold;
	/*letter-spacing: -.1em;*/
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}		
	
div#Ad_display .impressions {
	margin: 10px 0px 0px 0px;
}

div#Ad_display hr {
	clear: both;
}

div#ShowAllAds {
	margin: 0px 5px 5px 0px;
	padding: 5px;
	background-color:#FFF4DD;
	border: 1px solid #999999;	

}

/*******************************************************************/
/**** Start overlay CSS ****/

#simplemodal-overlay {
  background-color:#000;
}

#simplemodal-container {
  height:500px;
  width:800px;
  background-color:#fff;
  border:3px solid #ccc;
}

#simplemodal-container iframe {
	height:500px;
	width:800px;
	position:relative;
	z-index:1000;
}

#simplemodal-container a.modalCloseImg {
  background:url('/images/close_btn.png') no-repeat;
  width:24px;
  height:24px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-30px;
  right:0px;
  cursor:pointer;
}

#simplemodal-container p.larger a {
	background:url('/images/open_btn.png') no-repeat;
	display:inline;
	z-index:3200;
	position:absolute;
	bottom:506px;
	right:30px;
	cursor:pointer;
	color:#fff;

	height:24px;
	width:24px;
	text-decoration:none;
	font-size:0.8em;
}

/****End overlay CSS ****/
/*******************************************************************/

div#role_guest {
	width: 500px;
}

div#role_member {
	width: 500px;
}

div#role_guest img, div#role_member img {
	cursor:pointer;
}

.role_padding {
	padding: 15px;
}

#rss_headline {
	text-align:left;
	font-size:16px;
	color:#777777; 	
	padding-bottom:3px;
}

#rss_verse {
	text-align:left;
	font-size:12px;
	color: #000000; 
	line-height:normal;
}

#rss_reading {
	font-size:12px;
	color:#336699; 
	font-style: italic;
}

#nearby_listings {
	min-width: 195px;
	min-height:380px;
	float: right;
	/*clear: right;*/
	font-size: 10px;
	color:#000000;
}

#nearby_listings a{
	font-size: 12px;
}

#testcontent #nearby_listings {
	width:195px;
}

.action_link a {
	text-decoration: underline;
}

.font12 {
	font-size: 12px;
}

.hide_tab {
	display: none;
}
div#map_area {
	float:right;
	padding-bottom:15px;
	overflow: hidden;

}

div#google_map {	
	border: 1px solid #CCCCCC;
}

.smallmap {
	width: 195px;
	visibility: visible;
}

.largemap{
	width: 562px;
	min-height: 350px;
}

.mobile_icon {
	line-height: 16px;
	width:85px; 
 	height:16px; 
 	display:block; 
	float:left;
	padding-left: 16px;
 	background: url('/images/mobile_icon.gif') no-repeat scroll 0 transparent;
}
#map_large_container {
	width: 1000px; 
	height: 600px; 
	margin: 0pt auto;
}

#map_large { 
	width:650px;
	height:590px;
	float:left;
	border: 1px solid #CCCCCC; 
}

	
#sideBar { 
	width:330px;
	height:500px;
	/* background: #ffffff url('/images/map_nearby_bg.gif') scroll no-repeat top left; */ /* GMW 3/9/2011: If a heading is desired, it needs to be text instead of an image since the address information (or lack thereof) of the main listing affects the nearby section below and could cause the heading to be obscured in certain situations. */
	float:right; 
	
}
	
#sideBar div { 
	cursor:Pointer; 
	padding: 5px 5px;
}
	
#sideBar div:hover {  
	/*text-decoration:underline;*/
}

/*#sideBar :first-child a {
  font-size:16px;
	font-weight:bold;
	color:#990000;
}*/


	

#FeatureTitle {
	font-size:16px;
	font-weight:bold;
	line-height: 16px;
	color:#990000;
	padding: 5px 0px 0px 5px;
	z-index: 10;
}

#FeatureTitle a {
	font-size:16px;
	font-weight:bold;
	color:#990000;

}

#FeatureAddress {
	/*margin-top: -14px;*/
	font-size:14px;
	margin-bottom: 50px;
	z-index: 1;
}

#sideBar :first-child {
	padding: 0px 0;
}	
#buttons { 
	clear:both;
	text-align:center; 
}
	
.bSideSelect { 
	background:#dadae3; 
} /* clicked items get this class */

.PageTitleListing {
	font-size: 24px;
	font-weight: bold;
	color: #336699;
}

.learn_more h4, h3 {
	font-size: 14px;
	color:#636363;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
}

.learn_more h3 {
	font-size: 18px;
}

.learn_more {
	color: #636363;
}

div#ad_pricing hr {
	background: url("/images/learn_more_hr.gif") no-repeat scroll 0;
	height:1px;
	border:none;
}

div#why_advertise {
	text-align: left;
	width: 767px;
	height: 94px;
	margin: 0px auto;
	padding: 15px;
	background: url("/images/ad_why_advertise_bg.jpg") no-repeat scroll 0 transparent;
}

div#why_advertise ul
{
list-style-type: none;
padding: 10px 0px 0px 10px;
margin: 0;
float:left;
}

div#why_advertise li
{
background-image: url("/images/bullet_white_arrow.png");
background-repeat: no-repeat;
background-position: 0 0em;
padding: 0em 0em 1em 2em;
}

#advertise_list {
	width: 460px;
}

#advertise_list2 {
	width: 270px;
}

div#packages_include ul
{
list-style-type: none;
padding: 10px 0px 0px 100px;
margin: 0;
width: 225px;
float:left;
}

div#packages_include li
{
background-image: url("/images/bullet_blue_checkmark.png");
background-repeat: no-repeat;
background-position: 0 0em;
padding: 0em 0em 1em 2em;

}

.Updated {
	background: url("/images/updated_icon.png") no-repeat scroll 0 transparent;
	background-position:right;
	padding-right: 70px;
}
div#id_number {
	text-align:right; 
	float:right; 
	width:54px;
	font-size:10px;
	color: #828282;
	padding-top:4px;
}
div#update_listing {
	font-size: 12px;
	float:left; 
	width:268px;
	padding-top:2px;
}
div#update_listing  a{
	color: #000000;
	text-decoration:underline;
}

#coupons_key { 
	float:right; 
	width:250px; 
	text-align:right;
}

#coupons_key img {
	vertical-align: middle;
}

#featured_label {
	text-align:left; 
	width:250px;
	padding-bottom: 10px;
}

/* All Browsers */
#iPhone_img {
	margin:0px 0px 3px 4px;
}

/* IE8 */
.ie .iPhone_img {
	margin:0px 0px 3px 0px;
}

/***** Header Area Extras *****/

div#search { /* All Other Browsers */
	float:right;
	padding-top:2px;
}

div#search { /* IE Specific Padding Hack */
	float:right;
	padding-top:1px\9;
}

div#search_button {
	float:right;
	padding-left:2px;
}

div#login_bar {
	height: 22px;
	width: 100%;
	background: #336699;
}

div#login_panel {
	position:relative;
	/*background-color:#CC0000;*/
	width: 860px;
	height: 15px;
	padding: 3px 0px 3px 0px;
	margin-left:auto;
	margin-right:auto;
}

div#login_welcome {
	float:left;
	font-weight: bold;
	color: #e6e6e6;
	
}
div#login_toolbar a {
	color: #e6e6e6;
}

.show_hide {
	display:none;
}

div#twitter, div#facebook, div#sign_in {
	float: right;
}

div#logginarea {
	width: 400px;
	/*position:absolute;*/
}

div#drivingdirections {
	width: 1000px;
	height: 600px;
	/*position:absolute;*/
}

/***** END Header Area Extras *****/

/***** START Navigation Menu *****/

.login-menu-icon {
	float: right;
	padding: 0px 5px 0px 0px;
}

.login-menu-link {
	padding-right: 10px;
}

.sf-menu, .sf-menu *, .login-menu, .login-menu * {
	margin:			0;
	padding:		0;
	list-style:		none; 
	z-index:		99;
}

.login-menu {
	float:			left;
}

.sf-menu {
	line-height:	.25em; /* top level padding */
	float:			left;
}

.login-menu ul {
	position:		absolute;
	top:			-999em;
	margin-top: 3px;
	width:			12.5em; /* left offset of submenus need to match (see below) */
	border: 1px solid #7798ba;

}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12.5em; /* left offset of submenus need to match (see below) */
	margin-top:	13px;
-webkit-box-shadow: 0px 3px 2px 0px rgba(5, 5, 5, .4);
-moz-box-shadow: 0px 3px 2px 0px rgba(5, 5, 5, .4);
box-shadow: 0px 3px 2px 0px rgba(5, 5, 5, .4);  
}
.sf-menu ul li ul, .login-menu ul li ul {
	position:		absolute;
	top:			-999em;
	width:			12.5em; /* left offset of submenus need to match (see below) */ 
	padding-top:	0em;
	padding-bottom: 0px; /* eliminates the rounded bottom on third level */
	margin-top: 	0px; 
}

.sf-menu ul li, .login-menu ul li {
	width:			100%;
	line-height:	0;
}

.sf-menu li:hover, .login-menu li:hover { /* top level background hover */
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li, .login-menu li {
	float:			left;
	position:		relative;
	z-index: 100;
}

.sf-menu h4 {
	display:		block;
	position:		relative;
	border-left:	0px solid #fff;
	border-top:		0px solid #CFDEFF;
	padding: 		.5em .5em;
	color:			#ffffff;
	text-decoration:none;	
}

.sf-menu a, .login-menu a {
	display:		block;
	position:		relative;
	border-left:	0px solid #fff;
	border-top:		0px solid #CFDEFF;
	padding: 		1.00em .4em;
	text-decoration:none;
}

.sf-menu ul a {
	padding: 		0.75em .4em;
}

.login-menu a.top-menu {
	padding: 		.25em .5em;
	margin-top:		-3px;
}

.sf-menu li:hover ul, .login-menu li:hover ul,
.sf-menu li.sfHover ul, .login-menu li.sfHover ul {
	left:			0;
	top:			1.25em; /* match top ul list item height */
	z-index:		99;
}

ul.sf-menu li:hover li ul, ul.login-menuli:hover li ul,
ul.sf-menu li.sfHover li ul, ul.login-menu li.sfHover li ul {
	top:			-999em;
}

ul.sf-menu li li:hover ul, ul.login-menu li li:hover ul,
ul.sf-menu li li.sfHover ul , ul.login-menu li li.sfHover ul {
	left:			12.5em; /* match ul width */
	top:			0;
}

ul.sf-menu li li:hover li ul, ul.login-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul, ul.login-menu li li.sfHover li ul  {
	top:			-999em;
}

ul.sf-menu li li li:hover ul, ul.login-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul, ul.login-menu li li li.sfHover ul {
	left:			12.5em; /* match ul width */
	top:			0;
}

.login-menu a, .login-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff; /* sub menu text color */
}

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666666; /* sub menu text color */
	font-size:13px;
	text-shadow: 0px 1px 0px #f3f3f3;
	sfilter: dropshadow(color=#f3f3f3, offx=0, offy=1);  
}

.login-menu  li li {
	background: #e6e6e6;
}

.login-menu  li li li {
	background: #e6e6e6;
}

.sf-menu li li {
	background: #e6e6e6; /* second level sub menu background color */

}

.sf-menu li li li {
	background:		#e6e6e6; /* third level sub menu background color */
}

.login-menu a.top-menu,
.login-menu a:visited.top-menu {
	color:			#336699; /* top-menu text color*/
}

.sf-menu a.top-menu,
.sf-menu a:visited.top-menu {
	color:			#646464; /* top-menu text color*/
	font-weight:bold;
	letter-spacing:1px;
	font-size:14px; 
	text-shadow: 0px 1px 0px #f3f3f3;
	sfilter: dropshadow(color=#f3f3f3, offx=0, offy=1);  
}

.login-menu a:hover.top-menu,
.login-menu a:focus.top-menu,
.login-menu a:active.top-menu,
.login-menu li:hover a.top-menu {
    /* top-menu text hover color*/
	color:			#6699CC; 
}

.sf-menu a:hover.top-menu,
.sf-menu a:focus.top-menu,
.sf-menu a:active.top-menu,
.sf-menu li:hover a.top-menu {
	color:			#6698d3; /* top-menu text hover color*/
	font-weight:bold;
	letter-spacing:1px;
	font-size:14px; 
	text-shadow: 0px 1px 0px #f3f3f3;
	sfilter: dropshadow(color=#f3f3f3, offx=0, offy=1); 
}

.login-menu li li:hover, .login-menu li li.sfHover,
.login-menu li li a:focus, .login-menu li li a:hover, .login-menu li li a:active {
	background:		#336799; /* second and third level hover background color */
	outline:		0;
	color:			#FFFFFF; /* second and third level hover text color */
}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:		#CFCFCF; /* second and third level hover background color */
	outline:		0;
	color:			#336699; /* second and third level hover text color */
	font-size:13px;
	text-shadow: 0px 1px 0px #f3f3f3;
	sfilter: dropshadow(color=#f3f3f3, offx=0, offy=1);  
}

/***** END Navigation Menu *****/
/* Counties Section */
#county_display {
	background-color:#e8e8e8;
}

#county_display fieldset {
	background-color:#e8e8e8;
}

#county_button {
	font-weight: bold;
}

#County_Cities_ID {
	font-style: italic;
}

/**************** Begin Schedule Styles *******************/

.times_field {
 width: 80px;

}

.comment_field { /* All Other Browsers */
 /*height: 20px;*/
 width: 165px;
} 

.comment_field { /* Hacked for IE6, IE7, IE8 */
	width: 167px\9; 
} 

/**************** End Schedule Styles *******************/

.radio_buttons { /* style for radio buttons unordered lists in TCD */
	list-style-image: url("/images/radio_square.jpg");
	margin-left: 1em;
	margin-top: 0em;
	padding: 0em; 
}

/**************** Countries Button ************************/
#show_counties_ia {
  display: block;
  width: 109px;
  height: 20px;
  float: left;
  background: url('/images/show.png') no-repeat 0 0;
}

#show_counties_ia:hover { 
  background-position: 0 -20px;
}

#show_counties_ia span {
  display: none;
}

#show_counties {
  display: block;
  width: 109px;
  height: 20px;
  float: left;
  background: url('/images/show.png') no-repeat 0 0;
  background-position: 0 -40px;
}

#show_counties span {
  display: none;
}

#hide_counties {
  display: block;
  width: 105px;
  height: 20px;
  float: left;
  margin-left: -9px;
  background: url('/images/hide.png') no-repeat 0 0;
  background-position: 0 -40px;

}

#hide_counties span {
  display: none;
}

#hide_counties_ia {
  display: block;
  width: 109px;
  height: 20px;
  float: left;
  margin-left: -9px;
  background: url('/images/hide.png') no-repeat 0 0;
}

#hide_counties_ia:hover { 
  background-position: 0 -20px;
}

#hide_counties_ia span {
  display: none;
}

#counties_show_button {
	width: 220px;
}

#counties_hide_button {
	width: 220px;
}
/**************** END Countries Button ************************/

/***** Vocations *****/
table.voc_wrap {
	border:thin; border-color:#000; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#666; 
	width:860px;
}
	
.voc_url {
	text-align: left; 
	margin-top: 2px; 
	font-size: 12px;
	width: 50%;
}

.voc_city_state {
	text-align: right; 
	font-weight: 600; 
	margin-top: 2px; 
	color: #333; 
	font-size: 12px;
	width: 50%;
}

.voc_img {
	display: block;
	padding: 3px 14px 5px 0px;

}

td.voc_content_left {
	padding-right: 40px; 
	width: 450px;
}

td.voc_content_right {
	width: 410px;
}

/**************** END Vocations ************************/

/***** Advertising Statistics *****/

div#Ad_Stats {
	text-align: left;
	font-size: 12px;
}

div#Ad_Stats input[type="text"] {
	font-size: 12px;
}
div#NameofStat {
 	width:300px; 
 	float:left;
}

div#TypeofStat {
    width:300px; 
	float:left;
}

div#TypeofTimeFrame {
	width:550px;
}


div#Ad_Stats .apply { 
	float:left; 
}

div#Ad_Stats .reset { 
	float:left; 
	margin-left:10px;
}

/**************** END Advertising Statistics ************************/
/**************** START CouponsForCatholics *************************/

div#cfc_main {
	color: #636363;
}

div#cfc_getyourvoupons {
	width: 335px;
	padding: 10px 0px 0px 35px;
	margin: 0px auto;
}

.cfc_get_yours {
	font-size: 14px;
	font-weight:bold;
}

.cfc_title_dark {
	font-size: 18px;
}

.cfc_heading {
	padding: 0px 25px;
	background: #ffffff;
}

.cfc_faqbox {
	padding: 0px 65px 25px 65px;
	width:300px;
	float:left;
}

.cfc_arrow {
	background: url('/images/cfc_arrow.png') left no-repeat;
	padding: 6px 0px 6px 40px;
}

.cfc_hr {
	width: 100%;
	text-align:center;
	padding: 10px 0px;
	background: url('/images/cfc_hr.png') repeat-x;
}

div#cfc_input {
	margin-bottom: 10px;
}

#cfc_main form {
	margin-top:0px;
	margin-bottom:0px;
	height: 32px;
}

#cfc_main input[type='text'] { /* All Other Browsers */
	background:  url('/images/cfc_input_bg.png') left no-repeat;
	border: 0px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	padding: 0px 10px;
	width:180px;
	height:32px;
}

#cfc_main input[type='text'] { /* Hacked for IE6, IE7, IE8 */
	padding-top: 5px\9;
	padding-bottom: 5px\9;
	height:22px\9;
}

#cfc_main input[type='button'] {
	background:  url('/images/cfc_submit.png') left no-repeat;
	border: 0px outset #6699CC; /*border: 1px solid #cccccc;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /*font-size: 11px;*/
	color: transparent;
	cursor: pointer;
	width: 84px;
	height: 32px;
	padding: 0px 0px 0px 0px;
	margin-left:10px;
	vertical-align: top;
}

div#GetStates {
	background:  url('/images/cfc_numbers.png') left top no-repeat;
}

div#GetCities {
	background:  url('/images/cfc_numbers.png') left top no-repeat;
	background-position: 0px -30px;
}

div#GetChurches {
	background:  url('/images/cfc_numbers.png') left top no-repeat;
	background-position: 0px -60px;
}

#cfc_main select {
	width: 234px;	
	margin: 0px 0px 0px 22px;
}

/**************** END CouponsForCatholics ***************************/

/**************** START DIOTRIN DPI Webad ***************************/

div#webad {
	text-align: left;
	width: 860px;
	margin-left:auto;
	margin-right: auto;
}

.webad_row {
	height: 30px;
	width: 858px;
	clear:left;
} 

.webad_row_tall {
	height: 47px;
	clear: left;
	width: 858px;
} 

.webad_row_xl {
	height: 100px;
	clear: left;
	width: 858px;
} 

.webad_heading {
	width: 848px;
	font-weight: bold;
	text-align: left;
	background-color: #DEDEDE;
	border-bottom: 1px #999999 solid;
} 

.webad_cell {
	float: left;
	padding: 5px;
	text-align: left;
}
.webad_section {
	border: 1px #999999 solid;
	margin-bottom:20px;
	clear:left;
}

.webad_normal {
	font-weight:100;
}

.input_short {
	width: 60px;
}

.input_long {
	width: 200px;
}

.input_xlong {
	width: 400px;
}

.row_color {
	/*background-color: #F8F8F8;*/
}

.image {
	width:265px;
	text-align: center;
}

.clear_left {
	clear: left;
}

div#dpi_tag {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	
}

div#dpi_headshot {
	width: 200px;
	float: left;
	margin-bottom: 20px;
	text-align: center;
}

div#dpi_logo {
	width: 316px;
	float: left;
	margin-bottom: 20px;
}

div#dpi_contact {
	width: 300px;
	float: left;
}

/***************** END DIOTRIN DPI Webad ****************************/

/***************** START Member Dashboard ****************************/

div#member_dash {
	background: #f0f0f0;
	/*border: 1px #969696 solid;*/
	padding: 15px 15px;
}

.dash_panel {
	width: 530px;
	clear: left;
}

.dash_panel img {
	float: left;
	border: none;
}

.dash_title {
	width: 500px;
	padding: 5px 15px;
	height: 30px;
	line-height: 30px;
	background:  url('/images/dash_title_bg.jpg') left top repeat-x;
}

.dash_icon_title {
	color: #ffffff;
	padding-left: 45px;
	height:30px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow:0px -1px 0px #767676;
}

.dash_main_title {
	font-size: 24px;
	color: #c8c8c8;
	text-shadow:0px 1px 0px #FFFFFF;
	font-weight: bold;
	width:400px;
	padding-bottom: 20px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.icon_profile {
	background:  url('/images/dash_icon_profile.png') left top no-repeat;
}

.icon_bulletins {
	background:  url('/images/dash_icon_bulletins.png') left top no-repeat;
}

.icon_advertiser {
	background:  url('/images/dash_icon_advertiser.png') left top no-repeat;
}

.icon_reseller {
	background:  url('/images/dash_icon_reseller.png') left top no-repeat;
}

.dash_links_section {
	width: 490px;
	padding: 15px 20px;
	height: auto;
}

.dash_link {
	width: 240px;
	float: left;
	height: 15px;
	margin-bottom:5px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.dashboardfieldset {
	/*padding: 5px;*/
	width: 562px;
	padding: 3.5px 6.25px 7.5px 6.25px;
	margin: 0px 2px;
}
/***************** END Member Dashboard ******************************/

