.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
		position: relative;
		width: 565px;
		height: 220px; /* Set height to be able to contain height of largest content shown*/
		border: 1px solid #999;
		overflow: hidden;
		}
		
		.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
		position: absolute;
		background: white;
		padding: 10px;
		visibility: visible;
		width: 560px;
		}
		
		.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
		width: 565px;
		border: 1px solid #999;
		border-top-width: 0;
		overflow: hidden;
		margin-bottom:10px;
		}

		.fadecontent h1,.fadecontent h2,.fadecontent h3{
		font-size:1.3em;
		margin:0;
		padding:0;
		color:#999;
		text-align:left;
		}
		
		.fadecontent p{
			margin:0 10px 5px 0;
			padding:0;
			}


		
		.fadecontenttoggler a{ /*style for every navigational link within toggler */
		text-decoration: none;
		border-right: 1px solid #999;
		padding: 0 67px;
		float: left;
		display: block;
		font-weight: bold;
		color: black;
		}
		
		.fadecontenttoggler a:hover{
		background: #999;
		color: white;
		}
		
		.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
		}

		.fadecontenttoggler a.last{
			border-right:0;
			padding: 0 69px;
		}
		
		.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
		color: black;
		}
		
		.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
		color: #999;
		background: white;
		}
		
		.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
		background: #999;
		color: white;
		}