@charset "utf-8";
/* CSS Document */
/* layout for sub pages */

#contentLayout {
	margin:10px 10px 0 30px;
	width:930px; /* 970 less 30 less 10 = 930 */
	float:left;
	display:inline; /* fix for double margin bug in IE */
	/*
	background-color:#C90;
	clear:both;
	*/
}

#breadcrumb {
	float:left;
	width:930px;
	height:30px;
	margin-bottom:10px;
	clear:both;
	/*
	border:1px solid #C09;
	background-color:#FFF;
	*/	
}
#callout {
	margin:0 20px 0 0;
	width:200px;
	float:left;
	/*
	background-color:#fff; 
	height:150px; 
	*/
}
#content {
	float:left;
	width:436px; /* normal size when both right and left columns are activated (#callout and #related) */
	/* this can be over ridden by calling "cssNoCallout.cfm" and "cssNoRelated.cfm" via cfinclude */
}
#related {
	margin:-40px 0 0 20px; /* breadcrumb container is 30px high and has a 10px margin-bottom applied, a top margin of -40px puts the box flush left with top of breadcrumb containter */
	width:250px;
	float:right;
	font-size:.8em;
	color:#FFF;
	/*
	height:300px;
	border:1px solid #333; 
	*/
}
#related a:link {
	color:#FFF;
	text-decoration:none;
}
#related a:visited {
	color:rgb(29,84,78);
	text-decoration:none;
}
#related a:active,
#related a:hover {
	background-color:#FFF;
	color:rgb(93,157,150);/* green*/
	text-decoration:none;
}
#related #news,
#related #relatedTopics,
#related #products {
	margin:0 0 10px 0;
	/*border:1px solid #F00; */
}
#related #news,
#related #relatedTopics {
	background-color:rgb(93,157,150);/* green*/
}
#related #products {
	background-color:rgb(126,164,213);/* blue*/
}
@media print 
{
	#contentLayout {
		margin:0 0 0 0;
		width:7in; /* 970 less 30 less 10 = 930 */
		float:left;
		display:inline; 
		background-color:#FFF;
	}
	
	#breadcrumb {
		/*float:left;*/
		float:none;
		position:relative;
		top:0;
		left:0;
		/**/
		width:7in;
		height:30px;
		margin-bottom:10px;
		clear:both;
		/*display:block;*/
	}
	#callout { 
		margin:0 10px 0 0;
		width:200px; 
		float:left;
		/*float:none;*/
		position:absolute;
		top:1.7in;
		left:0in;
	}
	#content { 
		float:left;
		width:4.8in;
		margin:0;
		display:inline;
		/*float:none;*/
		position:absolute;
		top:1.7in;
		left:210px;
	}
	#related { display:none; }
	
}