/*---------- for banner area */
td.grayBG
{
	background-color: #F1F1F1;
}

td.Lshape
{
	background-color: #F1F1F1;
	background-repeat: no-repeat;
}

td.LshapeClear
{
	background-repeat: no-repeat;
}

.paddingForCoverArea
{
	padding: 61px 15px 15px 20px;	/* top-rt-bot-left */
}

.paddingForAreaBelowCover
{
	padding: 0px 15px 13px 20px;
}


/*---------- layout */

.topBanner
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 780px;
	z-index: 30;
}

.flashScrollerPlaceholder
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 780px;
	z-index: 30;
}
	.flashBodyContainer
	{
		position: absolute;
		top: 53px;
		left: 0px;
		width: 780px;
		z-index: 35;
	}
	
	.flashScrollerItself
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 780px;
		height: 53px;
		z-index: 40;
	}

.leftColumn
{
	position: absolute;
	top: 255px;
	left: 0px;
	z-index: 50;
}

		/* -- OLD -- */
					.articleColumn
					{
						z-index: 90;
						position: absolute;
						top: 62px;
						left: 177px;
						width: 431px;
					}

					
.bigLshapeTable
{
	z-index: 90;
	position: absolute;
	top: 82px;
	left: 0px;
	width: 780px;
	/* -- bg color? */
}

td.bigLshapeLeftColumnHTML
{
	background-repeat: no-repeat;
	padding: 14px 0px 0px 0px;
}

td.bigLshapeLeftColumnFLASH
{
	background-repeat: no-repeat;
	padding: 0px;
}

td.bigLshapeArticleColumn
{
	padding: 3px 0px 20px 20px;
	width: 387px;
}

.bigLshapeRightColumn
{
	z-index: 100;
	position: absolute;
	top: 82px;
	left: 597px;
	width: 162px;
	/* -- bg color? */
}

	/* the actual right side of the L goes in here */
	.LshapeRightColumnInner
	{
		width: 162px;
	}
	
	/* any stuff we want below goes in here (e.g., signup boxes) */
	.LshapeRightColumnExtras
	{
		width: 182px;
	}

	/*--- printer-friendly */
	.articleColumnPF
	{
		z-index: 90;
		position: absolute;
		top: 82px;
		left: 57px;
		width: 431px;
	}
	
	.printNowButton
	{
		z-index: 95;
		position: absolute;
		top: 82px;
		left: 520px;
		width: 100px;
	}
	
	.pfNav
	{
		z-index: 100;
		position: absolute;
		top: 200px;
		left: 520px;
		width: 150px;
	}

.rightColumn
{
	z-index: 80;
	position: absolute;
	top: 62px;
	left: 608px;
	width: 162px;
}

.jBlurbArea
{
	font-size: 10px;
	line-height: 13px;
}

.tocBlurb
{
	font-size: 11px;
	line-height: 16px;
}
	
/*---------- for the article itself */

.articleTitle
{
	font-size: 14px;
	font-weight: bold;
}

h3
{
	display: inline;
	font-size: 17px;
	font-weight: bold;
	line-height: 19px;
}

/* "introduction" */
.subHeader	
{
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}


.articleFootnote
{
	display: block;
	
	padding: 15px 15px 15px 15px;	/* space INSIDE our borders */
	margin: 20px 0px 10px 0px;	/* space OUTSIDE our top borders */
	
	color: #555;

	font-size: 10px;
	line-height: 12px;
	
	/* light gray top & bottom border */
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

/* the continue link at the bottom */
.continueLink
{
	text-transform: lowercase;
	font-style: italic;
}

/* for the big printer-friendly widget at the bottom */
td.pfWidget
{
	border: 1px solid #E0E0E0;
	padding: 9px;
}

/* prepares the location of the containing table */
.headshotLocation
{
	margin: 0px 0px 0px -20px;
}

	/* text format */
	.headshotCaption
	{
		font-size: 9px;
		color: #444;
	}
	
	/* around the headshot itself */
	.headshotPadding
	{
		padding: 18px 12px 12px 20px;
	}
	
	/* in the headshot area, for the printer-friendly mini-widget */
	.miniPFpadding
	{
		padding: 0px 12px 8px 20px;
	}