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


*/

#canvas {
	display: block;
	width: 820px;
	margin: auto;
}

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


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

#nav li {
	margin: 0px;
}
	
#nav a {
	display: block;
	color: #F2E196; /* Butter Yellow */
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

/* optional visited link color: */
#nav a:visited {
	color: #E7C989; /* Butter Crimsom */
}
/* optional visited link color: */

#nav li.folder {
	float: left;
}

	#nav li.folder ul {
		position: absolute;
		width: 169px;
		left: -999em;
		border: 1px solid #9C9C9C; /* medium grey */
		border-bottom: none;
		#width: 171px; /* plays nice in IE */
	}
	
	#nav li:hover ul, 
	#nav li.sfhover ul {
		/* normal menu background: */
		left: auto;
		background: #9C1F2D; /* Crimsom Red */
	}

	#nav li.folder ul li {
		border-bottom: 1px solid #9C9C9C; /* medium grey */
	}
	
	#nav li.folder ul li:hover, 
	#nav li.folder ul li.sfhover {
		/* hover background color: */
		background: #F2E196; /* Butter Yellow */ 
	}
	
		#nav li.folder ul li a {
			display: block;
			padding: 4px 4px 6px 10px;
			#width: 100%; /* plays nice in IE */
		}
		
		#nav li.folder ul li a:hover {
			/* hover colors: */
			background: #F2E196; /* Butter Yellow */
			color: #9C1F2D; /* Crimsom Red */
			text-decoration: underline;
		}
/* #nav MENU styles end */




/* CUSTOM STYLES FOR SSJ: */
#pageContents {
	padding: 10px;
	background: #FFFFFF url(../Images/ssj/pw/body/bg-topshadow.gif) top repeat-x;
	border-left: 1px solid #ECECEC; /* Light Grey */
	border-bottom: 1px solid #FFFFFF;
}


.appArea, .eCards {
	padding: 10px;
	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 {

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

.bottom, .bottom a {
	background: #BE8E0D; /* Harvest Goldenrod */
	color: #FFFFFF;
	font-size: 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 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	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 {
	font-size: 10px;
}

.Smaller a {
	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 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	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 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #9C1F2D; /* Crimsom Red */
	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 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 {
	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;

}

/* SEM Landing Page */
#wrapper {
  background: #FFFFFF url(../Images/ssj/pages/bkgrnd-SEM.png) right 0 no-repeat;
  padding-top:15px;
  padding-bottom:30px;
  overflow:auto;
  width:100%;
  }
  #wrapper .left-column {
    float:left;
    padding-left:16px;
    width:390px;
	   }
  #wrapper .right-column {
    background: transparent url(../Images/ssj/pages/main-image.png) center 70px no-repeat;
    float:right;
    height:445px;
    margin-right:14px;
    position:relative;
    width:323px;
	  }

	  #wrapper h1 {
	    color:#811b29;
	    margin:0;
	    padding:0;
	    font:bold 34px Tahoma, Arial, Helvetica,sans-serif;
	    }
	  #wrapper p {
	    color:#000;
	    font:13px/1.5em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	    }
	  #wrapper a {
	    color:#002f5d;
	    font-weight:normal;
	    text-decoration:underline;
	    }
	    #wrapper a:hover {
	      color:#002f5d;
	      text-decoration:none;
	      }
	      
  .btn-send,
  .btn-say {
    background-repeat:no-repeat;
    background-position:0 0;
    display:block;
    font-size:0;
    line-height: 0;
    text-decoration:none;
    text-indent:-9999px;
    }
    .btn-send {
      background-image:url(../Images/ssj/pages/btn-send.png);
      height:56px;
      left:45px;
      position:absolute;
      top:0;
      width:235px;
      }
      .btn-send:hover {
        background-position:0 -56px;
        }
    .btn-say {
      background-image:url(../Images/ssj/pages/btn-say.png);
      bottom:0;
      height:48px;
      left:34px;
      position:absolute;
      width:254px;
      }
      .btn-say:hover {
        background-position:0 -48px;
        }