/* Three Column Hybrid
Method: Set widths in EMs and max-widths in %'s
Browsers: In browsers that support max-width, this layout will scale relative to the font-size but will never get larger than the width of the window.        
Resource: css mastery, by Andy Budd
*/

/* == Centering */
body {
	text-align: center; /*for IE*/
}
#wrapper {
	margin: 0 auto;
	text-align: left; /*to overide IE rule*/
	background-color: #f6f6f6;
}
/* == Layout */
#wrapper {
	/*width: 72em;*/
	/*max-width: 100%;*/
	width: 800px;
}
#mainNav {
	width: 15em;
	/*max-width: 23%;*/
	float: right;		
}
#content {
	width: 46em;
	/*max-width: 75%;*/
	float: left;	
}
#mainContent {
	width: 31em;
	/*max-width: 66%;*/
	float: right;	
}
#secondaryContent {
	width: 15em;
	/*max-width: 31%;*/
	float: left;
}
#footer {
	clear: both;
}

/* Home page is 2 columns */
#homePage #mainNav {
	display: none;
}
#homePage #content {
	width: 61em;
	float: none;
}
#homePage #mainContent {
	width: 20em;
	/*max-width: 66%;*/
	float: left;	
}
#homePage #secondaryContent {
	width: 40em;
	/*max-width: 31%;*/
	float: right;
}