/* ===== Content ===== */
	
	#content_left { float: left; width: 182px; padding: 0px 11px 0px 0px; }	
	
	#content_middle { float: left; width: 376px; min-height: 400px; padding: 0px 8px 0px 11px; }

	#content_pane { padding: 0px 0px 0px 11px; }
	
	#content_right { width: 182px; float: left; background-color: Transparent; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px ; }
	
	#right_content_pane { padding: 8px 8px 8px 8px; background-color: #CFF2DF; 
			height: expression( this.scrollHeight < 444 ? "500px" : "auto" ); /* sets min-height for IE */
 			min-height: 500px; /* sets min-height value for all standards-compliant browsers */
 	}
 	
 	
 	/* ************************************************************************************
		The following rules are not understandable by IE6, due to the html > body command.
		On the other hand, IE7 and Firefox understand the rules as intended.		
	************************************************************************************ */
 	
	html > body #content_left {
		float: left;
		padding: 0px 11px 0px 0px;
		width: 182px;
	/*	max-width: 182px;
		width: expression(this.width > 182 ? 182: true); */
	}
	
	html > body #content_middle { float: left; width: 376px; min-height: 400px; padding: 0px 7px 0px 11px; }

	html > body #content_pane { padding: 0px 0px 0px 11px; }
		
	html > body #content_right { width: 182px; float: left; background-color: transparent; padding: 0px 0px 0px 11px; }
	
	html > body #right_content_pane { padding: 8px 8px 8px 8px; background-color: #CFF2DF; 
			height: expression( this.scrollHeight < 444 ? "500px" : "auto" ); /* sets min-height for IE */
 			min-height: 500px; /* sets min-height value for all standards-compliant browsers */
 	}