@charset "utf-8";
/* CSS Document */

/******* THIS CSS SPECIFIC TO CONTENT PAGES OF SITE *************/

/******** LAYOUT ELEMENTS ***********************/

#container { 
	width: 1004px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/site-design/bkgd-container-contentpage.gif);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	border: 1px solid #76645b;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#mainContent {
	margin: 0 310px 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the suppContent div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #suppContent space when the content in #suppContent ends. */
	padding: 25px 40px 20px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
/*	background: url(images/vert-line1w-darkbeige.gif) center repeat-y; */
	width: 600px;
} 

#suppContent {
	float: right; /* since this element is floated, a width must be given */
	width: 260px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0;
	padding: 40px 25px 15px 25px;
	text-align: left;
/*	background: #9e8679 url(images/bkgd-column427w.jpg); /* the background color will be displayed for the length of the content in the column, but no further */
/*	background: #f5f3f1; */
/*	border-right: 1px solid #76645b; */
}