/* ================================================================
		This file is for styling of _standard_ multiple content column layout CSS.
		CSS here should be directly applicable to #REDUNDANT_CONTENT_WRAPPER only! 
		
		Page-specific overrides (i.e., those that are not ".twocol", ".threecol", etc)
		should be done elsewhere. 
		
		PRINT: print styles are in styles-print.css
==================================================================*/

/* STANDARD MULTIPLE COL CONTENT AREAS -- DEFAULTS AS ONE COL (primary)
-----------------------------------------------------------------------
		All are nested within #CONTENT. The settings below are default only; they 
		should be over-ridden by more specific css (specifically, by customizing
		the CSS class(es) applied to #REDUNDANT_CONTENT_WRAPPER). */

@media screen 
{
	#REDUNDANT_CONTENT_WRAPPER 
		{ width: 100%; clear: both; margin: 0; position:relative; }
	#REDUNDANT_CONTENT_WRAPPER #CONTENT_PRIMARY_SECONDARY_WRAPPER 
		{ width: 100%; display: block; padding:0; position: relative;  }
	#REDUNDANT_CONTENT_WRAPPER #CONTENT_PRIMARY 
		{	display:block; margin: 0; padding: 0;}		
	#REDUNDANT_CONTENT_WRAPPER #CONTENT_ABOVE { clear: both; display:block; }
	#REDUNDANT_CONTENT_WRAPPER #CONTENT_BELOW { clear: both;  display:block; }
	#REDUNDANT_CONTENT_WRAPPER #CONTENT_SECONDARY { display:none; }
	#REDUNDANT_CONTENT_WRAPPER #CONTENT_TERTIARY 	{ display:none; }
}
/* ------------ COMMON CONFIGURATIONS, READY TO USE ------------ */


/* ---- 2 col */
@media screen 
{
	#REDUNDANT_CONTENT_WRAPPER.twocol #CONTENT_PRIMARY_SECONDARY_WRAPPER 
		{ width: 100%; /*margin:0; padding:0;*/ }
	#REDUNDANT_CONTENT_WRAPPER.twocol #CONTENT_PRIMARY_SECONDARY_WRAPPER #CONTENT_PRIMARY 
		{	width: 654px; float: left; padding:0; margin: 0;}		
	#REDUNDANT_CONTENT_WRAPPER.twocol #CONTENT_PRIMARY_SECONDARY_WRAPPER #CONTENT_SECONDARY
		{	width: 214px; float: right; display: block; padding:0; margin:0;}		
	#REDUNDANT_CONTENT_WRAPPER.twocol #CONTENT_TERTIARY	{ display:none; }		
	#REDUNDANT_CONTENT_WRAPPER.twocol #CONTENT_ABOVE 		{ clear: both; display:block; }
	#REDUNDANT_CONTENT_WRAPPER.twocol #CONTENT_BELOW 		{ clear: both; display:block; }
}

/* ---- 3 col */
@media screen 
{
	#REDUNDANT_CONTENT_WRAPPER.threecol #CONTENT_PRIMARY_SECONDARY_WRAPPER 
		{ float: right; width: 658px; }
	#REDUNDANT_CONTENT_WRAPPER.threecol #CONTENT_PRIMARY_SECONDARY_WRAPPER #CONTENT_PRIMARY 
		{	width: 370px;  float: left;  display: block; padding:0; margin:0; }		
	#REDUNDANT_CONTENT_WRAPPER.threecol #CONTENT_PRIMARY_SECONDARY_WRAPPER #CONTENT_SECONDARY
		{	width: 237px; float: right;  display: block; padding:0; margin:0; }		
	#REDUNDANT_CONTENT_WRAPPER.threecol #CONTENT_TERTIARY
		{	width: 260px; float: left; display: block; margin:0; padding:0; }		
	#REDUNDANT_CONTENT_WRAPPER.threecol #CONTENT_ABOVE 		{ clear: both; display:block; }
	#REDUNDANT_CONTENT_WRAPPER.threecol #CONTENT_BELOW 		{ clear: both; display:block; }
}