.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
	position: relative;
	width: 750px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
	height: 120px;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
	visibility: visible;
	position:absolute;
	width: 741px;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height: 18px;
	padding-left: 5px;
}
.fadecontent strong{
	color:#000000;
	font-size:11px;
	font-weight:normal;
	display:block;
	padding-top:15px;
	padding-bottom:4px;
	padding-left:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.fadecontent p{
	margin:10px;
	line-height:18px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
	border-top-width: 0;
	overflow: hidden;
	background-repeat:no-repeat;
}
.fadecontenttoggler a{ /*style for every navigational link within toggler */
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: black;
	margin:0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	float: left;
}
.fadecontenttoggler a:hover{
color: white;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.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: white;
background: black;
border:1;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: white; border:0;
}

