/*
		Unobtrusive Sidenotes v1.0
		(c) Arc90, Inc.
		
		http://www.arc90.com
		http://lab.arc90.com
		
		Licensed under : Creative Commons Attribution 2.5 http://creativecommons.org/licenses/by/2.5/
		
		Copy the below CSS into your site's style sheet or reference in the head of your document.
		*/
		
		#container {
			margin: 0 auto;
			text-align: left;
			width: 85%;
		}
		#container p { line-height: 1.7; }
		.arc90_sidenoteLNK { padding: 0 .3em; }
		.arc90_sidenoteTXT {
			width: 12em;
			line-height: 1.2em;
			font-size: .8em;
			padding: .5em;
		}
		/* Below are the styles for the four color schemes use in side notes */
		.arc90_sidenoteCLR0 {
			border: 1px solid #318484;
			background-color: #D1E8E8;
		}
		.arc90_sidenoteCLR1 {
			background-color: #FFF6A9;
			border: 1px solid #F2D700;
		}
		.arc90_sidenoteCLR2 {
			background-color: #FFCFCF;
			border: 1px solid #FF3535;
		}
		.arc90_sidenoteCLR3 {
			background-color: #CEFFCE;
			border: 1px solid #039B00;
		}
		/* The below attirbutes handle the alternating floating */
		
		/* Float the odd numbered sidenotes to the right. */
		div.arc90_sidenoteCLR0, div.arc90_sidenoteCLR2 {
			margin: 1em 0 1em 1em;
			float: right;
		}
		/* Float the even numbered sidenotes to the left. */
		div.arc90_sidenoteCLR1, div.arc90_sidenoteCLR3 {
			margin: 1em 1em 1em 0;
			float: left;
		}