/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	background-image:url('../images/gradient.png');
}

#main-wrapper {
	width:960px; /* widths of columns will change proportionately as this width is changed */
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
}

#header {
	overflow: hidden;
} 
	
	

#sidebar {
	width:210px; 
	float:left; /* floats on sidebar and content divs make them sit side by side */
}
	
#content-main {
	float:left; /* floats on sidebar and content divs make them sit side by side */
	width:730px; 
	top:0px;	
}

#box-left {
	width:200px; 
	float:left; /* floats on sidebar and content divs make them sit side by side */
}
	
#box-center {
	width:200px; 
	float:left; /* floats on sidebar and content divs make them sit side by side */
}
#box-right {
	width:200px; 
	float:left; /* floats on sidebar and content divs make them sit side by side */
}
#box-narrow {
	width:80px; 
	float:left; /* floats on sidebar and content divs make them sit side by side */
}
#box-wide {
	width:400px; 
	float:left; /* floats on sidebar and content divs make them sit side by side */
}
#box-verywide {
	width:600px; 
	float:left; /* floats on sidebar and content divs make them sit side by side */
}
#box-xtrawide {
	width:730px; 
	float:left; /* floats on sidebar and content divs make them sit side by side */
}
	
	
	
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
}
	
#header-inner, #sidebar-inner, #content-main-inner, #content-news-inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
}
	
#header-inner { 
	padding:1em 2em; /* creates space between the box  and the content */
}

#sidebar-inner {
	padding:10px; /* creates space between the box and the content */
	margin:20px 5px 10px 0px;
}

#content-main-inner { 
	padding:20px; /* creates space between the box and the content */
}

#box-inner { 
	padding:10px; /* creates space between the box and the content */
}

#footer-inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
}