/*  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: 14px;
	color: #000000; /* Black */
}


body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background: #ffffff; /* white */
	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;
}

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


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

#nav ul,
#static_nav ul {
	padding: 5px 0px 0px 12px;
	#padding: 3px 0px 0px 12px; /* makes IE play nice */
}

#static_nav ul {
	padding-top: 4px;
	#padding-top: 2px; /* makes IE play nice */
}

#nav li,
#static_nav li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	
#nav a,
#static_nav a {
	display: block;
	color: #ffffff; /* white */
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* optional visited link color: */
#nav a:visited,
#static_nav a:visited {
	color: #d9c2de; /* very light purple */
}
/* optional visited link color: */


#nav li.folder {
	float: left;
	height: 47px; /* 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;
		*/
		border: none;
		left: -999em;
		position: absolute;
	}
	
	#nav li:hover ul, 
	#nav li.sfhover ul {
		/* normal menu background: */
		left: auto;
		background: #670978; /* purple */
	}

	#nav li.folder ul li,
	#static_nav ul li {
		/* border-bottom: 1px solid #C5C5C5; /* medium grey */
		border-bottom: none;
		display: inline;
	}
	
	/* optional top nav background:
	#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: #670978; /* purple */
	}
	
		#nav li.folder ul li a,
		#static_nav ul li a {
			display: inline;
			padding: 5px 20px 15px 0px;
			/* 
			#width: 100%;  plays nice in IE */
			*/
		}
		
		#nav li.folder ul li.top_nav a,
		#static_nav ul li.top_nav a {
			padding-top: 6px;
		}
		
		#nav li.folder ul li a:hover,
		#static_nav ul li a:hover {
			/* hover colors: */
			/* background: #670978; /* purple */ 
			color: #FFFFFF; /* white */
			text-decoration: underline;
		}


/* folder specific customizations: */
#tab_blog_folder ul {
	 padding-left: 19px;
	 width: 600px;
}

#tab_calendar_folder ul {
	margin-left: -69px;
	padding-left: 81px;
	width: 531px;
	#width: 600px; /* plays nice in IE */
}

#tab_alumni_folder ul {
	margin-left: -168px;
	padding-left: 180px;
	width: 432px;
	#width: 600px; /* plays nice in IE */
}

#tab_about_folder ul {
	margin-left: -252px;
	padding-left: 264px;
	width: 348px;
	#width: 600px; /* plays nice in IE */
}

#tab_learn_folder ul {
	margin-left: -353px;
	padding-bottom: 2px;
	#padding-bottom: 0px; /* plays nice in IE */
	padding-left: 365px;
	width: 247px;
	#width: 600px; /* plays nice in IE */
}

#tab_involved_folder ul {
	margin-left: -471px;
	padding-left: 152px;
	width: 480px;
	#width: 620px; /* plays nice in IE */
}


#static_nav ul.blog {
	 padding-left: 19px;
}

#static_nav ul.calendar {
	 padding-left: 81px;
}

#static_nav ul.alumni {
	 padding-left: 180px;
}

#static_nav ul.about {
	 padding-left: 264px;
}

#static_nav ul.learn {
	 padding-left: 365px;
}

#static_nav ul.involved {
	 padding-left: 152px;
}


/* #nav MENU styles end */




/* CUSTOM STYLES FOR VOL: */
#S63 {
	padding: 16px 0px 15px 30px;
	background: #FFFFFF;
	background-image: none;
	border: 0px none #FFFFFF;
	#width: 100%; /* plays nice in IE */
}

#sidebar {
	margin-left: 20px;
	padding-top: 10px;
	width: 230px;
}

#vol_reus_PW_login {
	padding-right: 10px;
	text-align: right;
}

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

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

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

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

.Bigger {
	font-size: 15px;
}

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


h1,
.headline {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 28px;
	color: #9ca009; /* TurboGreenText */
	padding-top: 0px;
	margin-bottom: -7px;
}

h2,
.eventtitle, 
.objTitle,
.subhead,
.subheading {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #611674; /* Royal Purple */
}

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

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

.SectionHead,
.questions {
	color: #844da4; /* SpringPurple */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	margin-bottom: -10px;
	padding-top: 2px;
}


.footer,
.footer a,
.footer a:link,
.footer a:hover,
.footer a:active,
.footer a:visited {
	color: #28272d;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.footer a:visited {
	color: #6a686e;
}

.footer a:hover,
.footer a:active {
	color: #b20838; /* red */
}

.grey, .gray,
.grey a, .gray a,
.grey a:link, .gray a:link,
.grey a:hover, .gray a:hover,
.grey a:active, .gray a:active,
.grey a:visited .gray a:visited {
	color: #6a686e;
}

.hidden {
	visibility: hidden;
}

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


.photoframe {
	background: url(../Images/vol/sidebar/bg-photo.jpg) top left no-repeat; 
	padding: 24px 28px;
	#width: 228px;
	
}

.photocontainer {
	height: 285px;
	width: 172px;
	overflow:hidden;
	text-align: center;
}



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

.sidebar {
	color: #222222;
	font-size: 12px;
}

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

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

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

.visible {
	visibility: visible;
}

.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: #670978; /* purple */
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px;
	width: 100%;
}

.Divider {
	background: #670978; /* purple */
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 1px;
	border-top: 1px solid #b384bb; /* purple [50% opacity] */
	border-bottom: 1px solid #480654; /* purple [+30% K] */
}

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

.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-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	font-weight: bold;
}

.req {
	color: #ff0000;
	padding: 0px 1px;
}

.NetscapeFix .Explicit, label.wrapable span.Explicit {
	display: inline;
	font-size: 14px;
	white-space: normal;
}

label.wrapable span.Explicit {
	font-size: 12px;
}

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

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

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

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

th.TableHeadings, td.TableHeadings, td.TableHeadingsR {
	background: #99b322; /* TurboGreen */
	border-bottom: 1px solid #333333; /* dark grey */
}

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





fieldset table {
	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: 12px;
	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: #fdecb7; /* Kodak yellow [30%] */
	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-weight: bold;
}