/* CrystalMaker CSS Definitions for the News page */

/******************************************************************************/
/* Content Box classes                                                        */
/******************************************************************************/
.contentBoxClass h4
{
	color:				#333333;
	font-weight:		bold;
	font-size:			12px;
	line-height:		18px;
	margin-bottom:		-10px;		/* no gap between this line and the next */
}

.contentBoxClass h4 a
{
	color:				#333333;
	text-decoration:	none;
}

.contentBoxClass h4 a:hover
{
	text-decoration:	underline;
}


.contentBoxClass h5
{
	font-weight:		normal;
	color:				#999999;
	margin-top:			11px;
	font-size:			11px;
	margin-bottom:		-10px;		/* no gap between this line and the next */
}


.contentBoxClass p
{
	
	color:				#666666;
	text-decoration:	none;
}



/**********************************************************************/
/* Picture Row: this is designed to hold a key news story, where we   */
/* include an icon, or other picture, on the left-hand side, and the  */
/* news story on the right-hand side.                                 */
/*                                                                    */
/*	<div class="topStory">                                            */
/* 		<div class="picture"><img src=...></div>                      */
/*		<div class="text">News story here</div>                       */
/*	</div>                                                            */
/**********************************************************************/

.topStory
{
	display:			block;
	overflow:			hidden;
	border-bottom:		1px solid #CCCCCC;
}

.topStory .picture
{
	padding-top:		10px;	/* top of picture should be aligned to text on RHS */
	float:				left;
	width:				20%;
}


.topStory .text
{
	float:				left;
	width:				80%;
}