/*  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 $  */


/*

US Catholic Styles

*/

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


body {
	font-family: Arial, Helvetica, sans-serif;  
	background-color: #ffffff; /* white */
	margin: 0px;
	padding: 0px;
	behavior:url("../htc/csshover.htc");
}

/* make unordered lists play nice */  
ul {
	list-style:disc outside;
	
	}
li {
	list-style:disc outside;
	
	}

/* make unordered lists play nice*/
 
#logoDescender {
	width: 775px;
	text-align: left;
}


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



a {
font-weight: bold;
margin: 0px;
padding: 0px;
	}
a:link		{color: #3366FF; /* bright blue */ }
a:visited	{color: #6B2668; /* darker purple */ }
a:hover		{text-decoration: underline; color: #003366; /* darker blue */ }




a.nobold {
	font-weight: normal;
}


/* APT MINDS STYLES START  */
#zero {
	width:1%;
}

.roundedBoxBg {
	background: url("../Images/usc/pagewrapper/bg_roundedcorner_box.gif") bottom center no-repeat;
}

.coverstoryBoxBg {
	background: url("../Images/usc/homepage_images/bg-cover_story.gif") bottom center no-repeat;
}

.bgImg_main {
	background:  url("../Images/usc/pagewrapper/top/bg-mid.gif") top left no-repeat;
}

.bgImg_newsarticle {
	background:  url("../Images/usc/pagewrapper/top/bg-newsarticle_mid.gif") top left no-repeat;
}

.bgImg_webspecial {
	background:  url("../Images/usc/pagewrapper/top/bg-webspecial_mid.gif") top left no-repeat;
}

.bgImg_service {
	background:  url("../Images/usc/pagewrapper/top/bg-service_mid.gif") top left no-repeat;
}
.bgImg_visitarchive {
	background: url("../Images/usc/homepage_images/bg-archive_line.gif") top left repeat;
}

.bg_advertisenow {
	background: url("../Images/usc/pagewrapper/right/bg-advertisenow.gif") bottom center no-repeat;
}
.rightColVertLine{
	border-left:#dbdbdb; 
	border-width: 0px 0px 0px 1px; 
	border-style: none none none solid; 
	width:143px;
	margin:0px;
	padding:0px;
}

/* set right column of middle table for non EditCons pages */
#right {
	background-color:#fff;
	width:143px;
	background-image:none;
	padding:0px;
	margin:0px;
}

.leftColBg {
	background: url("../Images/usc/pagewrapper/left/banner_ad_bg.gif") top left repeat-y;
}

.objCenter {
	width:481px;
	text-align:center;
}

.horizontalLine {

	padding:18px 0px 0px 0px;
	margin:0px 8px 7px 5px;
	border-bottom:#dbdbdb solid 1px;
}

.horizontalLine2 {
	width:454px;
	padding:5px 0px 0px 0px;
	margin:0;
	border-top:#dbdbdb solid 1px;
}

.articleLinkBorder {

	padding:0px;
	margin:0px;
	border:#dbdbdb solid 1px;
}

.verticallLine {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 10px;
	border-left:#dbdbdb; 
	border-width: 0px 0px 0px 1px; 
	border-style: none none none solid;
}

.buttonPosition {
	padding: 0px 0px 14px 16px;
}


/* pagewrapper conditional login element class*/
.usc_hdr_login {
	text-align:right;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding:15px 25px 0px 0px;
}

.usc_hdr_login a, 
.usc_hdr_login a:link,
.usc_hdr_login a:visited, 
.usc_hdr_login a:hover
{
	color:#ffffff;
	font-weight:normal;
	font-size:11px;
}

a.usc_hdr_login:visited  {
	color:#ffffff;
	font-weight:normal;
	font-size:11px;
}

/* padding on img's - div's - p's start */

.padBottom5 {
	padding:0px 0px 5px 0px;
}

.padBottom10 {
	padding:0px 0px 10px 0px;
}

.coverStoriesTextPad {
	padding:10px 20px 0px 20px; 
	font-size:11px;  
	line-height:12px;
	text-align:left;
}
.coverStoryPad {
	font-size:11px;
	text-align:center;
	padding:5px 0px 15px 0px;
	border-top:solid #5b2058 1px;
}
#one, #two, #three {
	font-size:11px;
}
.oneSmaller {
	font-size:11px;
}
a.coverStoryPad {
	font-weight:bold;
}

.padBottom14 {
	padding:0px 0px 14px 0px;
}

.padLeft10 {
	padding:0px 0px 0px 10px;
}

.padLeft1 {
	padding:0px 0px 0px 1px;
}
.padLeft7 {
	padding:0px 0px 0px 7px;
}

.padLeft5 {
	padding:0px 0px 0px 5px;
}

.padMid {
	padding:0px 10px 30px 7px;
}


/* usc_webspecial_soundingboard IE Hack */
.padMid form table {
	#width: 464px;
}

.padMid form table table {
	#width: 350px;
}
/* usc_webspecial_soundingboard IE Hack */

.padMid li {padding: 0px 0px 8px 0px; 
	list-style-type:disc; }

.roundedBoxTextPad {
	padding:0px 10px 14px 10px; 
	font-size:10px; 
	font-weight:bold; 
	line-height:11px;
	text-align:left;
	color:#666666;
}

.roundedBoxTextPad2 {
	padding:0px 10px 14px 10px; 
	font-size:11px;  
	line-height:12px;
	text-align:left;
}

.pollFormPad {
	padding:0px 10px 4px 10px; 

}

.padAdvertiseNow {
	padding:0px 8px 6px 8px;
	text-align:center;
}

.imgCenter {
	text-align:center;
	width:100%;
}

/* padding on img's - div's - p's end */


/* POP OUT styles start */

#menu	ul, li, a.mnu, a.pop, a.pop2 {
		display:block;
		margin:0px;
		padding:0px;
		border:none;
	}

#menu	ul {
		width:150px;
		border:none;
		background-color:#333;
		list-style:none;
	}

#menu	li {
		position:relative;
		z-index:9;
	}
#menu		li.folder	{ }		
#menu		li.folder ul {
			position:absolute;
			left:148px; /* IE */
			top:1px;
			border: #333 solid 1px;
			border-bottom:none;
		}		
			li.folder>ul { left:148px; } /* others */
		
	#menu ul li {float: left; width: 100%;}/*make IE play nice*/
	#menu ul li a.mnu {height: 1%;}/*make IE play nice*/
		
	a.pop {
		font-family: arial, helvetica;
		font-size:11px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		padding:4px;
		margin:0px;
		border:none;
		border-bottom: #333 solid 1px;
		background-color:#964c92;
		width:100%; /* IE */
	}
	a.pop2 {
		font-family: arial, helvetica;
		font-size:11px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		padding:4px;
		margin:0px;
		border:none;
		border-bottom: #333 solid 1px;
		background-color:#4076a6;
		width:100%; /* IE */
	}

		li>a.pop  { width:auto; } /* others */
		li>a.pop2 { width:auto; } /* others */
	li a.submenu {
/* secondary popout menus can be styled with the submenu class */
	}

	/* regular hovers */

	a.pop:hover {
		background-color:#5b2058;
		color:#fff;
		text-decoration:underline;
	}
	a.pop2:hover {
		background-color:#003463;
		color:#fff;
		text-decoration:underline;
	}
	
		li.folder a.pop:hover {
			background-color:#5b2058;
		}
		li.folder a.pop2:hover {
			background-color:#003463;
		}
	
	/* hovers with specificity */
	
#menu	li.folder:hover { z-index:10; }		
		
#menu	ul ul, li:hover ul ul {
		display:none;
	}

#menu	li:hover ul, li:hover li:hover ul {
		display:block;
	}		
/* POP OUT styles end */



.usc_footer {
	width:775px;
	
}

.appArea {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	width:450px;
	padding:0px 5px 40px 5px;
	margin:0px;
	
}


/* 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;
	padding:0px;
	margin:0px;
	font-style: italic;
}

p.Hint  {width:300px;}

.articleSidebar {
	width:220px;
	padding:0px;
	float:right;
	margin-top:10px;
	margin-left:10px;
}

.relatedBoxPurple {

	padding: 7px;
	margin:0px 0px 8px 0px;
	background-color:#964c92;
}

.relatedBoxBlue {

	padding: 7px;
	margin:0px 0px 8px 0px;
	background-color:#003463;
}

.relatedBox {
	background: #efefef;
	border: 1px solid #541d52;
	padding: 7px;
	margin:0px 0px 8px 0px;
}
/* APT MINDS STYLES END  */




.blockquote {
	clear: both;
	padding: 10px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #A7A9AC; /* Netscape 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 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant:normal;
	letter-spacing:normal;
	font-size: 20px;
	line-height:22px;
	padding:0px 0px 6px 0px;
	color: #6d8d23; /* green */
}

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

.imageLeft {
	border: 1px solid #525252; /* Dark Grey */
	float:left;
	margin:0px 10px 10px 0px;
}

.coverImgLeft {
	border:none;
	float:left;
	margin:0px;
	padding:0px 15px 0px 0px;
}

.Smaller, .Smaller a {
	font-size: 10px;
}

.Smaller a {
	font-weight: normal;
}


.relatedBoxTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height:17px;
	color: #ffffff; /* white */
	}


.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 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height:17px;
	color: #7b001d; /* reddish */
	padding-top: 5px;
	margin-bottom: 5px;
}

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

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



.SectionHead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #999; /* Purple */
	margin-bottom: -14px;
	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;
	font-size: 11px;
}

.questions {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	font-style:italic;
	line-height:17px;
	color: #a00c38; /* red */
	padding-top: 5px;
	margin-bottom: 5px;
}

.red_title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	font-style:normal;
	line-height:17px;
	color: #a00c38; /* red */
	padding-top: 5px;
	margin-bottom: 5px;
}
.bld {
	font-weight:bold;
}
.big_red_title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	font-style:normal;
	line-height:17px;
	color: #a00c38; /* red */
	padding-top: 5px;
	margin-bottom: 5px;
}

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

.ecards {
	width:400px;
	margin:20px;
}

p.ecards  {

	margin:10px;
}

.Divider {
	background-color: #003463; /* pool bottom blue deepend */
	color: #FFFFFF;
	font-weight: bold;
}

p.Divider  {
	color: #FFFFFF;
	font-size:12px;
	line-height:15px;
	padding:6px;
}

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

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

/* original convio styles:
.Explicit {
	display:block;
	font-size: 11px;
	font-weight: bold;
	font-family:arial, verdana, san serif;
	
}

.NetscapeFix .Explicit label {
	display:block;
	font-family:arial, verdana, san serif;
	font-size: 10px;
	font-weight: normal;

}
.NetscapeFix{
	display:block;
	font-family:arial, verdana, san serif;
	font-size: 12px;
	font-weight: normal;

}
*/

.Explicit {
	display: inline; /* added by ITERO! 1/27/2005 */
	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 {
	font-size: 11px;
	width: 300px;
}

fieldset#cons_birth_date_date table {
 width: 200px;
}

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

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;
}


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


/*
	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; /* 記YE! green [+30%] */
	background-color: #96B63A; /* 記YE! green */
	color: #FFFFFF;
	margin: 1px;
}

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

td.nextItem {
	border: 1px solid #CADA9C; /* 記YE! green [50%] */
	background-color: #E5EDCE; /* 記YE! 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;
}




/* 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: 350px;
}

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