/* CrystalMaker CSS Definitions for the News page */

/******************************************************************************/
/* Main style definitions                                                     */
/******************************************************************************/
.contentBoxClass					/* Override the content box class to      */
									/* allow the storyRow to poke out on both */
									/* sides by 10px.                         */
{
	padding-left:	10px;
	padding-right:	10px;
	padding-bottom:	10px;

	margin-left:	0px;
	margin-right:	0px;
}


#contentTitleBox
{
	border-bottom:	0px;
}

#storyBox
{
	display:		none;
	height:			100%;
}

#storyContent
{
//	height:			800px;	/* Shouldn't have to do this, but scrollHeight isn't working. */
	overflow:		auto;
}

/* outer box */
#newsContainer
{
	position:		relative;
	margin-left:	20px;
	margin-right:	20px;
	margin-top: 	80px;
}

/* Headline Box */
#headlines
{
	max-width:		100%;
	float:			left;
}

/* Spacer Box */
#columnSpacer
{
	max-width:		100%;
	float:			left;
}

/* figure with rounded edges */
.figure img
{
	border:			1px solid #CCCCCC;
	border-radius:	18px;
	box-shadow:		0px 4px 8px #CACACA;
}

/* Features Box */
#features
{
	max-width:		100%;
	float:			left;
}

		



/******************************************************************************/
/* News archive classes                                                       */
/******************************************************************************/
.contentBoxClass.contentRoundedBottom
{
	padding:			0px;
}

/******************************************************************************/
/* Headline                                                                   */
/******************************************************************************/
.headline
{
	display:			block;
	border-bottom:		1px solid #CCCCCC;
	padding-top:		8px;
	padding-bottom:		8px;
	margin-left:		20px;
	margin-right:		20px;
	overflow:			hidden;
	cursor: 			pointer;
}

.headline:last-child
{
	border-bottom:		0px solid;
}

.headline .image
{
	display:			block;
	float:				left;
	max-width:			128px;
	height:				128px;
	padding-right:		10px;
}

.headline .text
{
	min-width:			200px;
	overflow:			hidden;
	font-family:		Arial, sans-serif;
}

.headline h1			/* Main heading */
{
	color:				#9999CC;/* #000000; */
	font-weight:		bold;
	font-size:			22px;
	line-height:		28px;	/* Was: 36px */
	margin:				0px;
	margin-top:			12px;
}

.headline h2			/* Sub-heading */
{
	color:				#666666;
	font-weight:		normal;
	font-size:			14px;
	line-height:		21px;
	margin:				0px;
}

.headline h3			/* Date */
{
	color:				#999999; /* #666666; */
	font-weight:		normal;
	font-size:			12px;
	margin-top:			12px;
}

.headline h4
{
	color:				#666666;
	letter-spacing:		2px;
	font-weight:		normal;
	font-size:			12px;
	margin-top:			0px;
}




/******************************************************************************/
/* Floating news                                                              */
/******************************************************************************/

.newStoryOuter
{
	display:				none;
	height:					100%;
	width:					100%;
}

.newStory
{
	position:				relative;	/* Need this so that child elements can be positioned correctly. */
	background:				#FFFFFF;

	margin-top:				70px;
	margin-left:			20px;
	margin-right:			20px;
	padding-left:			20px;
	padding:				20px;

	border:					1pt solid #DDDDDD;
							-webkit-border-radius: 10pt;
							-webkit-box-shadow: 0pt 2pt 4pt #CACACA;
							border-radius: 10pt;
}

.newStory .closeButton
{
	position:				absolute;
	background-image:		url('../../shared/images/windoid-close.png');
	background-size:		20px 20px;
	left:					4px;
	top:					4px;
	width:					20px;
	height:					20px;
	background-position:	0px 0px;
	background-repeat:		no-repeat;
	cursor:					pointer;
}

.newStory .nextButton
{
	text-align: 			right;
	position:				absolute;
	background-image:		url('../../shared/images/next-icon.png');
	background-size:		12px 12px;
	width:					18px;
	height:					18px;
	right:					4px;
	top:					8px;
	background-position:	0px 0px;
	background-repeat:		no-repeat;
	cursor:					pointer;
}

.newStory .prevButton
{
	text-align: 			right;
	position:				absolute;
	background-image:		url('../../shared/images/prev-icon.png');
	background-size:		12px 12px;
	width:					18px;
	height:					18px;
	right:					24px;
	top:					8px;
	background-position:	0px 0px;
	background-repeat:		no-repeat;
	cursor:					pointer;
}




/******************************************************************************/
/* Archive Story                                                              */
/******************************************************************************/
.archiveStory 
{
	display:			block;
	border-bottom:		1px solid #CCCCCC;
	margin-left:		20px;
	margin-right:		20px;
	overflow:			hidden;
}

.archiveStory:last-child
{
	border-bottom:		0px solid;
}


.archiveStory h1
{
	font-weight:		normal;
	font-size:			16px;
	line-height:		24px;
	margin:				0px;
	padding:			0px;
	font-family:		"Times", "Times New Roman", serif;
}

.archiveStory h2
{
	font-family:		"Times", "Times New Roman", serif;
	font-size:			12px;
	font-weight:		normal;
	margin:				0px;
	color:				#999999;
}

.archiveStory p
{
	color:				#666666;
	text-decoration:	none;
	font-family:		"Times", "Times New Roman", serif;
	font-size:			12px;
	font-size:			14px;
	line-height:		18px;
	margin-bottom:		0px;
	margin-top:			0px;
	text-indent:		0px;		/* First paragraph is NOT indented */
}

.archiveStory p + p,
.archiveStory img + p
{
	text-indent:		20px;		/* subsequent paragraphs ARE indented */
}

.archiveStory p:last-child
{
	margin-bottom:		20px;		/* extra space after final paragraph */
}