/*  TemplateName=CustomStyle.tpt */


/*  $Header: /home/cvs/cvsroot/site_data/001/00000001/static_data/css/CustomStyle.css,v 1.8 2003/07/24 23:47:39 paulj Exp $  */


/*


	These are the styles peculiar to this site. Any styles

	specified in this file will override the baseline

	styles for the Convio product. The styles	must be in

	this file so that they will be available in th

	Internet Exporer WYSIWYG HTML editor as well as in the

	Page Wrapper.


	Convio does not maintain this file once it has been

	delivered to the client.


*/

table, tr, th, td, p, blockquote, ol, ul, li, div, span, .Explict {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #000000; /* Black */
}


body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background: #f3f3f3; /* very light grey */
	margin: 0px;
	padding: 0px;
}

#logoDescender {
	width: 780px;
	text-align: left;
}


hr {
	margin-right: 10;
	margin-left: 10;
	width: 100%;
	height: 1px;
	background-color: #000000;
	border: 0px solid #000000;
}



a 			{font-weight: bold;}
a:link		{color: #002F5D; /* Navy Blue */ }
a:visited	{color: #611674; /* Royal Purple */ }
a:hover		{text-decoration: underline; color: #9C1F2D; /* Crimsom Red */ }

li {
	margin-bottom: 8px;
}


a.nobold, #right a {
	font-weight: normal;
}

#bottom,
#bottom td{
	color: #343e42;
	font-size: 14px;
}

#bottom div,
#bottom div a,
#bottom div a:link,
#bottom div a:hover,
#bottom div a:active,
#bottom div a:visited {
	color: #646b6e;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

#bottom p {
	color: #343e42;
	font-size: 12px;
	line-height: 18px;
	margin-top: 21px;
	padding: 0;
}

#bottom p b {
	font-size: 14px;
}

#bottom p a,
#bottom p a:link,
#bottom p a:hover,
#bottom p a:active,
#bottom p a:visited {
	color: #646b6e;
	font-weight: normal;
	font-size: 12px;
}

table#bottom {
	margin-bottom: 14px;
}


/* #nav MENU styles start */
#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: block;
}

#nav li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	
#nav a {
	display: block;
	color: #504d4d; /* dk grey */
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

/* optional visited link color: */
#nav a:visited {
	color: #504d4d; /* dk grey */
}
/* optional visited link color: */

#nav li.folder {
	float: left;
	height: 30px; /* makes IE and Firefox play nice */
}
	#nav li.folder img {
	padding: 0px;
	margin: 0px;
	}

	#nav li.folder ul {
		/*
		border: 1px solid #C5C5C5; /* medium grey
		border-bottom: none;
		*/
		position: absolute;
		border: none;
		left: -999em;
		width: 196px;
		#width: 200px; /* plays nice in IE */
	}
	
	#nav li:hover ul, 
	#nav li.sfhover ul {
		/* normal menu background: */
		left: auto;
		background: #C5C5C5; /* medium grey */
	}

	#nav li.folder ul li {
		/* border-bottom: 1px solid #C5C5C5; /* medium grey */
		border-bottom: none;
	}
	
	#nav li.folder ul li.top_nav {
		background: url(../Images/ssj/pw/top/bg-menu.gif) top repeat-x;
	}
	
		
	
	#nav li.folder ul li:hover, 
	#nav li.folder ul li.sfhover {
		/* hover background color: */
		background: #504d4d; /* Dark Grey */ 
	}
	
		#nav li.folder ul li a {
			display: block;
			padding: 4px 4px 6px 10px;
			#width: 100%; /* plays nice in IE */
		}
		
		#nav li.folder ul li.top_nav a {
			padding-top: 6px;
		}
		
		#nav li.folder ul li a:hover {
			/* hover colors: */
			background: #504d4d; /* Dark Grey */ 
			color: #FFFFFF; /* White */
			/*text-decoration: underline;*/
		}

#nav_home_folder {
	background: url(../Images/ssj/pw/top/nav_home.gif);
}

#nav_stjude_folder {
	background: url(../Images/ssj/pw/top/nav_stjude.gif);
}

#nav_shrine_folder {
	background: url(../Images/ssj/pw/top/nav_shrine.gif);
}

#nav_shop_folder {
	background: url(../Images/ssj/pw/top/nav_shop.gif);
}

#nav_give_folder {
	background: url(../Images/ssj/pw/top/nav_give.gif);
}

#nav_blog_folder {
	background: url(../Images/ssj/pw/top/nav_blog.gif);
}

#nav_pray_folder {
	background: url(../Images/ssj/pw/top/nav_pray.gif);
}
/* #nav MENU styles end */




/* CUSTOM STYLES FOR SSJ: */
#left {
	padding-top: 23px;
}

#S63 {
	padding: 23px 25px 15px 40px;
	background: #FFFFFF;
	background-image: none;
	border: 0px none #FFFFFF;
	#width: 100%; /* plays nice in IE */
}


.action {
	background: #feeaa9 url(../Images/ssj/pw/top/bg-action.gif) top left no-repeat;
}

.top {
	background: #1a6582 url(../Images/ssj/pw/top/bg.gif) top right no-repeat;
}

.appArea, .eCards {
	padding: 0px;
	margin: 0px;
	width: 540px;
}

.Don2AppArea,
.overTable {
	width: 736px;
	#width: 100%; /* Makes IE play nice */
}

a.black, a.black:link, a.black:visited, a.black:hover {
	color:#000000;
}


.articleLinkBorder {
	border: 1px solid #ECECEC; /* Light Grey */
	margin: 0px;
	padding: 0px;
}


#S63 .articleLinkBorder {
	margin: 6px 0px 14px 0px;
	padding: 0px;
}

.bottom, .bottom a {
	background: #BE8E0D; /* Harvest Goldenrod */
	color: #FFFFFF;
	font-size: 10px;
}


.ErrorMessage {
	display: block;
	margin-bottom: 10px;
}



.blockquote {
	clear: both;
	padding: 10px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #666666; /* dark grey */
}


.captionedImage {
	background: #E9E9EA; /* Netscape Gray [25%] */
	border: 1px solid #525252; /* Dark Grey */
	padding: 5px;
	margin: 15px 2px 10px 10px;
	text-align: left;
	float: right;
}

.captionedImage .imageBorder {
	margin-bottom: 5px;
}


.eventtitle, .locationtitle, .minicaltitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.eventtitle, .headline, .objTitle, .pageTitle, h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #611674; /* Royal Purple */
}

.imageBorder {
	border: 1px solid #525252; /* Dark Grey */
}

.relatedBox {
	background: #E5EDCE; /* ¡OYE! green [25%] */
	border: 1px solid #96B63A; /* ¡OYE! green */
	padding: 7px;
}

.Smaller, .Smaller a, .Smaller a:link, .Smaller a:hover, .Smaller a:active, .Smaller a:visited {
	font-size: 10px;
}

.Smaller a,
.Smaller a:link,
.Smaller a:hover,
.Smaller a:active,
.Smaller a:visited {
	font-weight: normal;
}




.smWhite, .smWhite a, .smWhite a:link, .smWhite a:hover, .smWhite a:visited  {
	color: #FFFFFF;
	font-size: 9px;
}

.smBlack, .smBlack a, .smBlack a:link, .smBlack a:hover, .smBlack a:visited  {
	color: #000000;
	font-size: 10px;
}

.subhead, .subheadTop, .subheading, div.smallMargin p.centered strong, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #1A6582; /* Teal */
	padding-top: 5px;
	margin-bottom: -5px;
}

.subheadTop, div.smallMargin p.centered strong {
	padding: 0px;
}

.relatedBox .subhead {
	padding-top: 0px;
	margin: 0px;
}

.SectionHead, h3 {
	color: #9C1F2D; /* Crimsom Red */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -10px;
	padding-top: 2px;
}

form p.SectionHead {
	margin-bottom: 0px;
	margin-top: 0px;
}

.white, .white a, .white a:link, .white a:hover, .white a:visited {
	color: #FFFFFF;
}



/* attempts to get cons and other generic pages to not break the pretty pagewrapper: */
p.dividerHeading {
	background-color: #2F80F5; /* pool bottom blue deepend */
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px;
	width: 100%;
}

.Divider {
	background-color: #2F80F5; /* pool bottom blue deepend */
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 1px;
	border-top: 1px solid #B4DAE6; /* light blue */
	border-bottom: 1px solid #246BB2; /* pool bottom blue [+30% K] */;
}

.Divider p {
	padding: 3px 1px;
	color: #FFFFFF;
	font-size: 14px;
}

.Divider p.Divider {
	background: none;
	border: none;
}

.Divider a, .Divider a:visited {
	color: #FFFFFF;
	font-size: 12px;
}

.Divider a:hover {
	color: #E8E8E8; /* very light gray */
}

LABEL {
	white-space: normal;
}

.Explicit {
	display: inline;
	font-size: 12px;
	font-weight: bold;
}

.NetscapeFix .Explicit, label.wrapable .Explicit {
	display: inline;
	white-space: normal;
}

.NetscapeFix .Explicit label {
	font-size: 12px;
	font-weight: normal;
	padding-left: 3px;
}

.FormBox, .FormBox .Divider, .FormBoxNoWidth .Divider, .FormBox .dividerHeading, .FormBoxNoWidth .dividerHeading {
	background-color: #D3D4D5; /* Netscape grey [50%] */
}

div.FormBox, div.FormBoxNoWidth {
	background-color: #D3D4D5; /* Netscape grey [50%] */
	border: 1px solid #333333; /* dark grey */
}

table.FormBox {
	border: 1px solid #333333; /* dark grey */
	border-collapse: collapse;
}

th.TableHeadings, td.TableHeadings, td.TableHeadingsR {
	background-color: #2F80F5; /* pool bottom blue deepend */
	border-bottom: 1px solid #333333; /* dark grey */
}

p.PaddedListHeadings, p.PaddedListHeadingsC, p.PaddedListHeadingsR, p.PaddedListHeadingsSmall {
	color: #FFFFFF;
}





fieldset table {
	clear: both; /* added by is7 on 2010-03-03 */
	font-size: 12px;
	width: 360px;
}

fieldset#cons_birth_date_date table {
 width: 200px;
}

fieldset table p {
	font-size: 12px;
}

fieldset fieldset table p, 
fieldset table p label, 
fieldset, 
fieldset label, 
fieldset p label {
	font-size: 11px;
}


form p.dividerHeading {
	padding: 2px 5px;
	width: 98%
}




/* Read-only/view values */
.ROValue, .ROValue p, .ROValue .Explicit {
	background-color: #D3D4D5; /* Netscape grey [50%] */
	padding: 1px 3px;
	font-size: 11px;
}

/* when the user needs a little immediate help */
.Hint, .byline { /* .byline is for News stories */
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	font-style: italic;
}


.topLeftContFormat	{
	display:block;
	margin:0px;  
	padding:45px 5px 0px 5px;
	color:#fff; 
	font-size:12px;
	}
	 .topLeftContFormat p {color:#fff; font-size:12px;}
	 .topLeftContFormat a {color:#fff; font-size:12px;}
	 	.topLeftContFormat a:visited {color:#fff;}
	 .topLeftContFormat img {display:block; float:right; padding:0px 0px 0px 10px; margin-top:10px; margin-right:5px;}
	
	
	
	
	 
/* EN Versions: */
.homeTopLeft {
	display:block;
	margin:0px; padding:0px;
	background: #A11133 url("../Images/clr/homepage/bg-homepageTopLeft.jpg") top left no-repeat;
	width:299px; height:307px;
	text-align:center;
}


/* ES Versions: */
.homeTopLeftEs {
	display:block;
	margin:0px; padding:0px;
	background: #A11133 url("../Images/clr/homepage/bg-homepageTopLeft-es.jpg") top left no-repeat;
	width:299px; height:307px;
	text-align:center;
}








.photocaption {
	display: block;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 10px;
}

/* these alternate the row background color */

table.List {
	border: 1px solid #9F1D01; /* burnt orange */
}

table.List th {
	background: #F48D1E; /* orange */
	color: #740E03; /* burnt orange dark */
	text-align: left;
	padding 2px 5px;
}

.ListItem0 {
	background-color: #FFE57F; /* Tonka yellow [50%] */
	font-size: 11px;
}

.ListItem1 {
	background-color: #FFFFFF; /* white */
	font-size: 11px;
}




/*
	During the making of a donation
	Donation_UD_Progress_Bar.tpt
*/
table.ProgressBack {
	background-color: #fff;
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
	border-style: hidden;
}

table.ProgressBack table.Backed {
	border-spacing: 2px;
}

td.currentItem, th.currentItem {
	border: 1px solid #697F28; /* ¡OYE! green [+30%] */
	background-color: #96B63A; /* ¡OYE! green */
	color: #FFFFFF;
	margin: 1px;
}

td.finishedItem {
	border: 1px solid #96B63A; /* ¡OYE! green */
	background-color: #CADA9C; /* ¡OYE! green [50%] */
	color: #000000;
	margin: 1px;
	background-image: URL(../images/sp.gif);
}

td.nextItem {
	border: 1px solid #CADA9C; /* ¡OYE! green [50%] */
	background-color: #E5EDCE; /* ¡OYE! green [25%] */
	color: #333333; /* dark grey */
	margin: 1px;
	background-image: URL(../images/sp.gif);
}

td.finishedItem p.progressItem, td.nextItem p.progressItem {
	font-size: 11px;
	padding-top: 1px;
}

th.currentItem p.progressItem, td.currentItem p.progressItem {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}




/* Calendar items: */

table.minicalcell {
	background: #FFFFFF; /* White */
	border: 1px solid #A7A9AC; /* Netscape grey */
}

td.minicaltitle {
	background: #2F80F5; /* pool bottom blue deepend */
}

p.minicaltitle {
	color: #FFFFFF; /* White */
}

td.minicalcell {
	background: #D3D4D5; /* Netscape grey [50%] */
	padding: 2px 4px 3px 4px;
}

td.minicalcell p.Notetext a {
	font-size: 10px;
	font-weight: normal;
}


/* Calendar items in left pagewrapper area */
#calleft {
  font-size: 10px;
	color: #FFFFFF;
	padding: 10px;
	line-height: 15px;
}

#calleft a {
	color: #FFFFFF;
	font-size: 10px;
}

div.smallmargin p.callist a.datelink {
	font-size: 11px;
	color: #333333; /* dark grey */
	text-decoration: underline;
	font-weight: normal;
}

div.smallmargin p.callist span.callistevent a.callistevent {
	font-size: 13px;
}





/* eCards Area: */
div.AddressBook {
	border: 1px solid #979A9E; /* Heather Grey */
	background: #F9E083; /* Light Yellow (top) */
}


/* TellAFriend form */
form#InputForm input#subject, form#InputForm textarea {
	width: 370px;
}

form#InputForm input#name, form#InputForm input#youremail, form#InputForm textarea#sendtoemail {
	width: 220px;
}



/* Your Devotional Growth Form: */
form#survey_2720 {
	width: 100%;
}

.Explicit {
display: inline; /* added by ITERO! 1/27/2005 */
font-size: 12px;
font-weight: bold;

}


/* ecommerce checkout overrides */

tr.ShoppingCartRow0 td input {
width: 36px;
}

tr.ShoppingCartRow0 td input#remove_0_1221 {
width: auto;
}
 
tr.ShoppingCartRow0 td input,
tr.ShoppingCartRow1 td input{
width: 36px;
}

tr.ShoppingCartRow0 td input.ShoppingButtonsSmall,
tr.ShoppingCartRow1 td input.ShoppingButtonsSmall {
width: auto;
}

/* Donations 2 styles */
.Don2AppArea fieldset table {
	width: 320px; /* fix for Donation2 */
}

.holdsErrorMsg div.FormMsgText {
	color: #ff0000;
	margin-bottom: 1em;
}

td.formCaption p {
	font-size: 14px;
}

td.forminput label {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input[type="checkbox"] {
	width: auto !important;
}


#level_standardauto_repeat_Row span.CheckBoxFormLabelText {
	background: url(../Images/ssj/pages/bg-donation-level_standardauto_repeat_Row.gif) top right no-repeat;
	color: #1a6582;
	display: block;
	padding: 53px 20px 15px 5px;
	margin: -59px 0 15px 0;
	position: absolute;
	width: 170px;
	#width: 195px; /* makes IE play nice */
}

h5.FormSectionHeader {
	font-size: 16px;
}





/*API: TwoColumnDonationWrapper */
#TwoColumnDonationWrapper .left {
	float: left;
}

#TwoColumnDonationWrapper .right {
	float: right;
}

#TwoColumnDonationWrapper .clear {
	clear: both;
}

#TwoColumnDonationWrapper .ErrorMessage {
	display: inline;
}

#TwoColumnDonationWrapper .two_column {
	width: 265px;
}

#TwoColumnDonationWrapper .donAPIForm {
	width: 550px;
}

#TwoColumnDonationWrapper h3.FormSectionHeader {
	background: #cccccc;
	border: 0px none;
	color: #000000 !important;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: .5em 0;
	padding: 15px 10px 5px 10px;
	
}

#TwoColumnDonationWrapper label {
	white-space: nowrap;
}

#TwoColumnDonationWrapper fieldset, 
#TwoColumnDonationWrapper fieldset label, 
#TwoColumnDonationWrapper fieldset p label {
	font-size: 1em !important;
}


#TwoColumnDonationWrapper legend,
#TwoColumnDonationWrapper textarea, #TwoColumnDonationWrapper input, #TwoColumnDonationWrapper select, #TwoColumnDonationWrapper option {
	color: #000000 !important;
	float: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#TwoColumnDonationWrapper .donAPIFormErrorHeadline{
	background: #FFBAAD;
	border: 1px solid #ff0000;
	padding: 0 5px;
}

#TwoColumnDonationWrapper .donAPIFormErrorRow {
	margin: 1.5em 0 -0.5em 0;
}

#TwoColumnDonationWrapper .donAPIFormErrorRow p {
	color: #ff0000;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

#TwoColumnDonationWrapper .donAPIFormErrorRow p img {
	float: left;
	margin: 0 4px 0 -20px;
}

#TwoColumnDonationWrapper label.choice {
	line-height: 2em;
}

#TwoColumnDonationWrapper #other_amount {
	margin-left: 2em;
}

#TwoColumnDonationWrapper #donate_form_sustaining {
	background: url(../Images/ssj/pages/bg-donation_api-monthly-option.gif) top right no-repeat;
	height: 40px;
	margin-top: .5em;
}

#TwoColumnDonationWrapper #donate_form_sustaining .CheckboxLabel {
	padding-left: 4px;
	white-space: normal;
	width: 50%;
}

#TwoColumnDonationWrapper #donate_form_card_type div.left {
	padding: 2px;
	text-align: center;
}


#TwoColumnDonationWrapper #payment_type_credit_card,
#TwoColumnDonationWrapper #payment_type_ach {
	padding-left: 1em;
}

#TwoColumnDonationWrapper #payment_type_credit_card label,
#TwoColumnDonationWrapper #payment_type_ach label,
#TwoColumnDonationWrapper #billing_info label {
	display: block;
	padding-top: .5em;
}

#TwoColumnDonationWrapper #donate_form_card_type div.left label {
	height: 25px;
	padding: 0 2px;
}

#TwoColumnDonationWrapper #donate_form_ach_agree label {
	white-space: normal;
}

#TwoColumnDonationWrapper .form_section {
	padding-left: 10px;
}

#TwoColumnDonationWrapper #billing_info input,
#TwoColumnDonationWrapper #billing_info select {
	width: 180px;
}

#TwoColumnDonationWrapper #billing_info input.checkbox {
	width: auto;
}

#TwoColumnDonationWrapper #billing_info label.CheckboxLabel {
	padding: 0 0 0 4px;
	white-space: normal;
}

#TwoColumnDonationWrapper .bold {
	font-weight: bold;
}

#TwoColumnDonationWrapper .submitGift {
	border-top: 1px solid #cccccc;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
}

#TwoColumnDonationWrapper .submitGift #submit {
	background: #CD6627;
	border: 1px outset #473D46;
	color: #FFFFFF;
	float: none;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 1.25em;
	margin: 1px;
	padding: 5px 15px;
	text-transform: uppercase;
}
/*API: TwoColumnDonationWrapper */


/* social media in top of PW */
#ssj_top {
}

#locale {
	display: block;
	padding: 14px;
}

#socialmedia {
	margin: 4px 0 0 0;
	text-align: left;
	width: 159px;
}

#socialmedia #ssj_socialmedia_heading {
	height: 13px;
	margin: 4px 0;
	width: 122px;
}

#socialmedia #ssj_socialmedia_facebook_like {
	float: left;
	height: 21px;
	margin-top: 7px;
	margin-right: 2px;
	width: 80px;
}

#socialmedia #ssj_socialmedia_facebook {
	background: url(../Images/ssj/pw/top/icon-facebook.png) top center no-repeat;
	display: block;
	float: left;
	height: 28px;
	margin: 0 2px;
	text-decoration: none;
	width: 28px;
}

#socialmedia #ssj_socialmedia_twitter {
	background: url(../Images/ssj/pw/top/icon-twitter.png) top center no-repeat;
	display: block;
	float: left;
	height: 28px;
	margin: 0 2px;
	text-decoration: none;
	width: 28px;
}
/* social media in top of PW */