#sc_inner {
	margin: 0 auto;
	position: relative;
	width: 1000px; /* fits well inside 1024 with a little room on the sides */
    padding:12px 0 0;
}

.twocolumns{
	background:url(images/middlecurves.jpg) no-repeat -1px top;
}

.onecolumn{
	background:url(images/leftcurve.jpg) no-repeat -1px top;
}


#sc_col1,

#sc_col2 {

	position: absolute;

	width: 180px; /* nav column width */

}



#sc_col1 {

	left: 26px;

	top: 0px;

}



#sc_col2 {

	right: 26px;

	top: 0px;

}



/* middle column will be different depending on how many columns are showing */

.cols3 #sc_main,

.cols2 #sc_main {

	padding: 0 7px;



	/* below line prevents an IE 6 and earlier CSS bug */

	
}



/* controls main content div when 3 columns are visible */

.cols3 #sc_main {

	margin: 0 216px; /* nav column width */

}



/* controls main content div when 2 columns are visible */

.cols2 #sc_main {

	margin-left: 216px; /* nav column width */

}