/* START HOMEPAGE BRANDING IMAGE */
div#secondaryBGMiddle {
		position:relative;
		top:6px;
		margin-left:18px;
		width: 761px;
		background: url("/rccc08/RCCC_home_secondaryBG_middle.gif") repeat-y;						
		height:227px;
		margin-bottom:18px;		
		}
		
div.secondaryBGBottom {
		position:absolute;	
		/*
		take the branding image out of the flow to allow the right edge background 
		(in secondaryBGMiddle) to stop short and not give the brandin image a tail.
		*/
		}	
div#secondaryBGMiddle > div.secondaryBGBottom {
	/*  Safari doesn't like the above positioning (or any such scheme I can come up with
		However, it (as well as Firefox and IE7) handle covering the right edge properly
		when it's in the flow, so put it back in for everything except IE5/6 using 
		the child selector
	*/
	position:relative;
}
		
div.secondaryBGBottom img{
		float:right;
		margin-right:1px;	
		}
				
div.secondaryBGTop {
		height:3.4em;
		background: url("/rccc08/RCCC_home_secondaryBG_top.gif") top no-repeat;
		position:relative;
		}
/* END HOMEPAGE BRANDING IMAGE */

/* START BLOG TICKER */
div#blogBGMiddle {
	width: 765px;
	background: url(/rccc08/FJ_home_blog_bg_middle.gif) repeat-y;
	margin:16px 0 8px 16px;
	}
div.blogBGBottom {
	height:3.3em;
	background: url(/rccc08/FJ_home_blog_bg_bottom.gif) bottom no-repeat;
	}		
div.blogBGTop {
	height:1.4em;
	background: url(/rccc08/FJ_home_blog_bg_top.gif) top no-repeat;
	position:relative;
	}
div.blogContainer {
	overflow:hidden;
	position:relative;
	height:28px;
}
div#blogBGMiddle ul {
	position:absolute;
}
div#blogBGMiddle li{
	list-style:none;
	padding-top:8px;
	margin:0 0 0 25px;
	font-size:1.1em;
	font-weight:normal;
	color:#333333;
	}
 span#blogText{
	font-weight:bold;
	color:#000000;
	}
span#blogText a {
	text-decoration: none;
	color:#000000;
}
span#blogText a:hover {
	text-decoration: underline;
}
	
div.blogLink{
	position:absolute;
	top:0;
	left:605px;
	background: url(/rccc08/FJ_home_blog_arrow.gif) left center no-repeat;
	padding-left:10px;
	margin-top:8px;
	}
div.blogLink a{
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	color:#9A8F4C;
	}
div.blogLink a:hover{
	text-decoration:underline;
	}
div.rssFeed{
	position:absolute;
	top:0;
	left:695px;
	margin-top:7px;
	}
div.rssFeed a img{
	border:none;
	}
/* END BLOG TICKER */

/* START BLOG HOMEPAGE TEASERS */
div.blogItemContent{
	margin: 0 0 0px 20px;
	min-height:1.0em;
}
div.sbCorner{
	width:185px;
	min-height:1.0em;
	float:left;
	margin:0 5px 10px 0;
	padding-bottom:0px;
	}
div.sbCorner a img{
	border:none;
	}
div.blogItemBGBottom {
	background: url("/rccc08/RCCC_home_spotlight_bigBottom.gif") bottom left no-repeat;
	width:185px;
	float:left;
	margin:0 5px 10px 0;
	padding-bottom:20px;
	}		
div.blogItemBGTop {
position:relative;
	min-height:20em;
	_height:20em;
	background: url("/rccc08/RCCC_home_spotlight_top.gif") top left no-repeat;
	margin:0;
	padding:0;
	}
div.blogItemBGTop img{
	margin: 10px 10px 2px 11px;
	}
div.blogItemBGTop p.blogItemHeader{
	margin:4px 0 3px 15px;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.1em;
	color:#ffffff;
	}
div.blogItemBGTop p.blogItemText{
	margin:0 15px 0 15px;
	font-size:1.0em;
	font-weight:normal;
	line-height:1.3em;
	color:#ffffff;
	}
div.blogItemBGTop p.blogItemText a{
	color:#ffffff;
	}
div.blogItemBGTop p.blogItemLink a{
		position:absolute;
		bottom:-8px;
	display:block;
	width: 153px;
	text-align:right;
	margin:0 15px 0 15px;
	color:#ffffff;
	text-decoration: none;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.0em;
	}
/* END BLOG HOMEPAGE TEASERS */