/* This is the 3-column template.  It includes left, center, and right columns */

@import url(/css/main/maintemplate.css);

/***** left column *****/

#optional_section {
	display: block;
	clear: left;	
	float: left;
	width: 150px;
	margin: 0 0 0 5px;  /*show this to stupid IE6 because it can't set a simple margin correctly */
	padding: 0;
}

html > body #optional_section {
   /* hide this from stupid IE6, because it doesn't understand that this is the proper setting */
   margin: 0 0 0 10px;  /* fudge the left margin so the container does not cover the dropshadow along the side */
}

#optional_section .content {
	margin: 25px 0;
	padding: 0 0 0 10px;
	font-size: .9em;
}

/***** center column *****/

#main_section {
	/*reduce default width of main content area to accomodate the left column */
	width: 540px;
	margin: 0;
}

#main_section .content {
	padding: 0 10px 0 0px;
}