@charset "utf-8";
/* 

CSS Document 
STYLE SHEET FOR ncyc.nfcym.org | 2009
Created by Bruce Baumgarten

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms
	7. SpryMasterDetail

Notes


*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		border: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
}

body {
		font: 65%/1.5em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		background: #54006F url(../img/pagebgd.gif) 0 0 repeat-y;
}

.popwindow  {
	background-image: none;
}
		
td  {
		padding: 1px 3px;
		}
		
/*  --------- 2. structure  --------- */

#outerWrapper {
		margin: 0 auto 0 0;
		width: 920px;
		}

#outerWrapper #contentWrapper {
		background: url(../img/contentBgd.gif) top right no-repeat;
		overflow: hidden;
		}
		
#outerWrapper #contentWrapper #navColumn {
		float: left;
		padding: 0;
		width: 238px;
		}
		
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
		margin: 0 0 0 240px;
		padding: 0;
		}

.navColumnContent  {
		padding: 25px 38px 25px 20px;
		}
		
.contentColumnContent  {
		padding: 25px;
		}

.navColumnFooter  {
		padding: 25px 38px 25px 20px;
		}
		
.content50501  {
		width: 300px;
		float: left;
}

.content50502  {
		width: 300px;
		float: right;
}

.clearSeparator  {
		clear: both;
}

/*  --------- 3. links and navigation  --------- */

#content a:link, #content a:visited, .popwindow a:link, .popwindow a:visited  {
	text-decoration: none;
	color: #F8D861;
}

#content a:hover, #content a:active, .popwindow a:hover, .popwindow a:active  {
	text-decoration: underline;
	color: #FDF21C;
}

#navColumn a:link, #navColumn a:visited  {
	text-decoration: none;
	color: #54006F;
}

#navColumn a:hover, #navColumn a:active  {
	text-decoration: underline;
	color: #830044;
}

#navColumn .navColumnContent ul  {
		margin: 30px 0 30px 6px;
		width: 157px;
		list-style: none;
}

#navColumn .navColumnContent ul li  {
		background: url(../img/menu_line_sep.gif) bottom left no-repeat;
}

#navColumn .navColumnContent ul li a  {
		background: url(../img/marker_list.gif) center left no-repeat;
		padding: 0 0 0 22px;
		color: #F8D861;
		font-weight: bold;
		text-decoration: none;
		line-height: 2em;
		font-size: 1.18em;
}

#navColumn .navColumnContent ul li a:hover {
		background: url(../img/marker_list_current.gif) center left no-repeat;
		color: #54006F;
}

.bgr_none {
		background: none !important;
		}


/*  --------- 4. fonts  --------- */

h1, h2, h3, h4, p, ul {
		}

h1 {
		font: normal bold 1.8em/1.2em "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
		color: #FDF21C;
		margin-bottom: 1em;
		}

h2 {
		font: normal bold 1.8em/1.4em "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
		color: #FDF21C;
		}

h3 {
		font: italic bold 1.4em/1.2em "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
		color: #FCF7E4;
		margin-top: 0.5em;
		margin-bottom: 0.2em;
		}
		
h4 {
		font: normal bold 1.1em/1.4em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #CCB3D4;
		margin-top: 0.5em;
		margin-bottom: 0.2em;
		}

h5 {
		font: normal bold 1em/1.2em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #8332BF;
		margin-top: 0.5em;
		}

h6 {
		font: normal bold 1em/1em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #333333;
		margin-top: 0.5em;

		}

p {
		font: normal normal 1.1em/1.6em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #000000;
		margin-bottom: 1em;
		}
		
#content p  {
		color: #FFFFFF;
		}

ul {
		margin: 0.5em 1.5em 0.5em 2em;
		padding: 0;
		list-style-position: outside;
		list-style-type: disc;
		font: normal normal 1.2em/1.6em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		
.picli  {
		list-style-image: url(../img/listMarker.gif);
}

ol {
		margin: 0.5em 1.5em 0.5em 2em;
		padding: 0;
		list-style-position: outside;
		list-style-type: decimal;
		font: normal normal 1.2em/1.6em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		}

#content ul, #content ol  {
		color: #FFF;	
}


.copyright  {
		font: normal normal 1em/1.2em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align: left;
}
		
.pctr  {
		text-align: center;
		}

.prt  {
		text-align: right;
		}

.pjust  {
		text-align: justify;
		}

.smalltext  {
		font-size: 80%;
		}
		
.explanatoryText  {
		font: normal normal 0.9em/1.4em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		margin-bottom: 1.5em;
		}

.unbold	{
		font-weight: normal;
		}
		
.emabove {
		margin-top: 1em;
		}

.purple  {
		color: #54006F;
		}
		
.yellow  {
		color: #FDF21C;
		}
		
.burg  {
		color: #830044;
		}
		
.yellowcentered  {
		color: #FDF21C;
		text-align: center;
		}
		
.lineContent  {
		color: #7F4093;
		margin: 10px 0;
		height: 1px;
}

	/* tables */
th  {
		padding: 2px;
		font: normal bold 0.9em/1em "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		text-align: center;
		text-transform: uppercase;
		background-color: #FFF;
		color: #830044;
		}

td  {
		padding: 2px;
		font: normal normal 1em/1.5em "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #FFF;
		}

.eventname, .sessionTitle  {
		font: normal bold 1em/1.2em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #FFF;
		margin: 0;
		padding-top: 0;
		padding-bottom: 0;
		}

.datetimeStart, .sessionID, .sessionPresenter  {
		font: normal bold 0.85em/1em "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #FCF7E4;
		margin: 0;
		padding-top: 0;
		text-align: left;
		}

.datetimeEnd  {
		font: normal bold 0.85em/1em "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #FCF7E4;
		margin: 0;
		padding-top: 0;
		text-align: right;
		}

.location  {
		font: normal normal 1em/1.2em "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #FCF7E4;
		margin: 0;
		padding-top: 0;
		padding-bottom: 3px;
		text-align: right;
		}	

.sessionDesc  {
		font: normal normal 1em/1.2em "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #FCF7E4;
		margin: 0;
		padding-top: 0;
		padding-bottom: 3px;
		text-align: left;
		}	

.sponsor	{
		font: italic normal 0.9em/1em "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #FFF;
		margin: 0;
		padding-top: 0;
		padding-bottom: 2px;
		text-align: left;
	}


/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
.imgright  {
		float: right;
		margin-left: 10px;
		margin-bottom: 8px;
		}
		
.imgleft  {
		float: left;
		margin-top: 4px;
		margin-right: 10px;
		margin-bottom: 4px;
		}
		
		
/* Title and Header Image Replacements */

#partnerTitle  {
		width: 175px;
		height: 52px;
		position: relative;
}

#partnerTitle span  {
		background: url(../img/partnerTitle.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#programTitle  {
		width: 200px;
		height: 52px;
		position: relative;
}

#programTitle span  {
		background: url(../img/programTitle.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#participateTitle  {
		width: 250px;
		height: 52px;
		position: relative;
}

#participateTitle span  {
		background: url(../img/participateTitle.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#prayTitle  {
		width: 100px;
		height: 52px;
		position: relative;
}

#prayTitle span  {
		background: url(../img/prayTitle.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#playTitle  {
		width: 100px;
		height: 52px;
		position: relative;
}

#playTitle span  {
		background: url(../img/playTitle.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

		

/* ---------- 7. SpryMasterDetail ---------- */
		
/* SpryMasterDetail.css */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Master/Detail structure container. 
 *
 * If you want to constrain the width of the Master/Detail structure, set a width on
 * the Master/Detail container. By default, our structure expands horizontally to fill
 * up available space.
 */
.MasterDetail {
		font: normal normal 1.1em/1.6em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 1px;
}

/* This is the selector for the Master Container element which houses all the MasterColumn
 * classes. By default the Master column occupy about 35% from the width of the 
 * entire structure. 
*/
.MasterDetail .MasterContainer {
		background-color: #7F4093;
		border: 1px solid #CCB3D4;
		width: 35%;
		float: left;
		overflow: hidden;
}

/* This is the selector for a Master Column element which holds the actual data for 
 * a master column.
*/
.MasterDetail .MasterColumn  {
		font-size: 85%;
		line-height: 1em;
		background-color: #7F4093;
		padding: 5px;
		cursor: pointer;
}

/* This is the selector for a highlighted Master Column element.
*/
.MasterDetail .MasterColumnHover  {
		background-color: #EEE6F1;
		color: #54006F;
}

/* This is the selector for a selected Master Column element.
*/
.MasterDetail .MasterColumnSelected  {
		background-color:#54006F;
		color: #FFFFFF;
}

/* This is the selector for the Detail Container element which houses all the DetailColumn
 * classes. By default the Detail column occupy about 60% from the width of the 
 * entire structure. 
*/
.MasterDetail .DetailContainer  {
		border: 1px solid #CCB3D4;
		padding:10px;
		width: 60%;
		float: right;
		overflow: auto;
}

/* This is the selector for a Detail Column element which holds the actual data for 
 * a detail column.
*/
.MasterDetail .DetailColumn  {
		font: bold normal 1.1em/1.6em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin-bottom: 1px;
		color: #FFFFFF;
}