﻿/* THREE COLUMN LAYOUT */

/*remove margins and padding from all elements */
* {
	margin:0;
	padding:0;
}
body {
	text-align:center;  /* IE6 needs this to center the layout in the browser window */
	}
	
#main-wrapper {
	width:940px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	padding:10px 0;
	margin-top:10px;
	}	
	
#header {
	margin: 0 10px;
	
	}
	
#menuholder {
	width: 550px;
	margin-left: 62px;
}

#sidebar {
	width:130px;
	margin:10px 10px 10px 10px;
	float:left;
	display:inline; /* fixes IE6 margin doubling bug */
	}
	
#content-main{
	width:650px;
	margin:10px 10px 10px 0px;
	float:left;
	}
	
#content-news {
	width:120px;
	margin:10px 0 10px 0;
	float:left;
	}
	
#footer {
	margin:0 10px;
	clear:both;
	}
	
#header-inner, #content-main-inner, #content-news-inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
	
#header-inner {
	padding:1em 2em;
	}
	
#sidebar-inner {
	padding:1em .5em;
	}
	
#content-main-inner {
	margin-left: 5px;
	margin-right: 5px;
	float: none;
	clear: both;
}
	
#content-news-inner {
	padding:1em .5em;
	}
	
#footer-inner {
	padding:.5em 1em;
	text-align:center;
	}


