/***********************************************/
/*         Custom CSS Settings                 */
/*  Placeholder file that can be replaced by   */
/*  user's custom.css file                     */
/***********************************************/
/***********************************************/
/*         Custom CSS Settings                 */
/*  Placeholder file that can be replaced by   */
/*  user's custom.css file                     */
/***********************************************/

/* 07-12-2010 HRN - Make Changes to all ContentPanel to grow with page size */

#contentPanel {
/*	The font for this content panel is inherited from the #body id. However if you want to have
	a different color or font text here, you may add the color or font tags.
	
	To allow contentPanel to grow with height of text:
	  	Remove contentPanel height and overflow.
	  	Set the .prop class to height large enough to be taller than fixedPanel.
		Remove tags from .clearContentItem
		
	To have fixed contentPanel with scrolling text:
		Set contentPanel height large enough to be taller than fixedPanel. 
		Set overflow-y: auto; will put vertical scrollbars in the contentPanel if needed by amount of text. 
		Set .prop height:1px; so that it does not interfere with contentPanel height.
		Set the same tags in .clearContentItem as we use for .clearIt
*/
	float: right;
	margin: 0px 0px 0px auto;
	padding: 10px;
	width: 	580px; 		/*605px; if too wide it drops below fixed panel */
	overflow-y:none;
	overflow-x: none;	/* eliminate horiz scroll in IE */
	height: auto;

}



/* .prop is used to prop up the height of the content panel with a 1px wide div that floats on the right.
	This is used to force a minimum height since min-height with doesn't work in IE.
	To allow contentPanel to grow with height of text:
	  	Set the .prop class to height large enough to be taller than fixedPanel.
	To have fixed contentPanel with scrolling text:
		Set .prop height:1px; so that it does not interfere with contentPanel height.*/
.prop {
	height: 350px;
	width:1px;
	float:right;
}

.clearContentItem {
/* 	For Content to expand do not set any clear tags here.
	For Content to scroll, set standard clear tags here.
*/
	display:none ;
	clear: none;
}