body {
		margin: 0;
		font: 62.5% "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
	}
	p, li, dt, dd, th, td, blockquote {
		font-size: 1.4em;
		line-height: 1.6em;
	}
	li p, li li, li dt, li dd, dd p, dd li, dd dt, dd dd, td p, td li, td dt, td dd {
		font-size: inherit;
	}
	h1 {
		font-size: 2.4em;
	}
	h2 {
		font-size: 2.1em;
	}
	h3 {
		font-size: 1.8em;
	}

	a:link, #toc a, .next a, a.more {
		color: #69c;
	}
	a:visited {
		color: #96c;
	}
	a:hover, #toc a:hover, .next a:hover {
		color: #c33;
	}
	a.more {
		text-decoration: underline;
		cursor: pointer;
	}
	
	#banner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding-bottom: 0.3em;
		border-bottom: solid 0.8em #7bc136;
		background-color: #ddfac1;
		z-index: 10;
	}
	#banner h1, #banner p {
		color: #f6f9ff;
		font-size: 1.6em;
		line-height: 1em;
		margin: 0;
		padding: 0.44em 1.5em;
		background-color: #036;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	#banner p {
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	#banner a {
		color: #f6f9ff;
		text-decoration: none;
	}
	#banner a:hover {
		text-decoration: underline;
	}
	
	#content-wrapper {
		margin: 5.5em 2em 3em 2em;
	}
	.colgroup-right {
		float: left;
		width: 75%;
	}
	.maincol {
		float: left;
		width: 67%;
		max-width: 75em;
	}
	.sidecol {
		float: left;
		position: relative;
		width: 25%;
		max-width: 40em;
	}
	.colgroup .sidecol {
		width: 33%;
	}
	.maincol .colcontent {
		padding-left: 6em;
		padding-right: 4em;
	}
	#logo {
		position: fixed;
		bottom: 1em;
		right: 1em;
		width: 150px;
		height: 150px;
		background: transparent url(connecting_to_serve_tn.jpg) no-repeat center;
		z-index: -50; /* make sure all content scrolls over top of this if necessary */
	}
	
	div.sidecol-header {
		background-color: #7bb642;
		color: #fff;
		border: solid 1px #999;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 1em 1em 3em 1em;
	}
	.sidecol-header a:link, .sidecol-header a:visited {
		color: #f6f9ff;
	}
	.sidecol-header + * {
		margin-top: -2em;
	}
	
	.sidecol-header h2 {
		font-size: 1.4em;
		line-height: 1.5em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-top: 0;
	}
	.sidecol-header p {
		font-size: 1.3em;
	}
	.sidecol-header :last-child {
		margin-bottom: 0;
	}
	
	div.callout {
		position: relative;
		padding: 1em;
		border: solid 1px #999;
		border-radius: 10px;
		background-color: #effde2;
	}
	div.callout h3 {
		font-size: 1.4em;
		line-height: 1em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin: -0.714em -0.714em 0 -0.714em;
		padding: 0.714em;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		background-color: #a7e36d;
	}
	
	
	div.collapse {
		padding-bottom: 0;
	}
	div.open {
		padding-bottom: 1em;
	}
	h3.collapse-handle {
		cursor: pointer;
		margin-bottom: -0.714em;
		border-radius: 10px;
	}
	h3.collapse-handle:hover {
		background-color: #8ecb53;
	}
	.open h3.collapse-handle {
		margin-bottom: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	h3.collapse-handle span {
		padding-left: 15px;
		background: transparent url(twisty.png) no-repeat left;
	}
	.open h3.collapse-handle span {
		background-image: url(twisty-open.png);
	}
	
	.callout p {
		font-size: 1.2em;
	}
	dl.modules dt {
		font-weight: bold;
		margin-top: 1em;
	}
	dl.modules dd {
		font-size: 1.2em;
		margin-left: 0;
		margin-bottom: 1em;
	}
	dl.modules dd.release {
		margin-bottom: 0.5em;
	}
	
	.maincol h2:first-child {
		margin-top: 0.5em;
	}
	h2.icon {
		margin-top: 1em;
		margin-left: -33px;
		padding-left: 33px;
		line-height: 1.43em;
		background-repeat: no-repeat;
		background-position: left;
	}
	h2.question {
		background-image: url(question.png);
	}
	h2.exclamation {
		background-image: url(exclamation.png);
	}
	h2.information {
		background-image: url(information.png);
	}
	
	.maincol h3 {
		margin-top: 1em;
		margin-bottom: 0;
	}
	h3.continued {
		margin-left: -0.8em;
	}
	.maincol h4, .callout h4, strong.caps {
		line-height: 1.5em;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
	.maincol h4, .callout h4 {
		font-size: 1.4em;
	}
	.callout h4 {
		font-style: italic;
	}
	.maincol p {
		margin-bottom: 0.5em;
	}
	.maincol p + p {
		margin-top: 0.5em;
	}
	p.point-left strong {
		display: inline-block;
		margin-left: -30px;
		padding-left: 30px;
		line-height: 22px;
		background: transparent url(point-left.png) no-repeat left;
	}
	p.point-right {
		padding-right: 27px;
		padding-bottom: 1px;
		line-height: 22px;
		background: transparent url(point-right.png) no-repeat top right;
	}
	
	.maincol ul {
		margin-left: -2em;
		padding-left: 2em;
	}