body
	{
		font-family: "Arial";
		background-color: #FFFFFF;
		color: #000000;
		text-align: center;
		padding-left: 1em;
		padding-right: 1em;
	}

	a
	{
		text-decoration: none;
		color: #000000;
	}
	
	blockquote
	{
		margin-top: 1px;
		margin-bottom: 1px;
	}
	
	div
	{
		padding: 0px;
		margin: 0px;
	}
	
	p
	{
		padding: 0px;
		margin: 0px;
	}
	
	.title
	{
		display:none;
	}
	
	.small
	{
		font-size: 70%;
	}
	
	.notice
	{
		font-variant: small-caps;
		font-weight: bold;
		font-size: 80%;
		color: #000;
	}
	
	.toc
	{
		display: none;
	}
	
	.index
	{
		display: none;
	}
	
	.propertysheet
	{
		display: none;
	}

	.load
	{
		display: none;
	}

	.pageplacer
	{
		page-break-after: always;
	}

	.offsets
	{
		display: block;
		border: 1px solid #CCC;
		height: 52em;
		width: 40em;
		text-align: center;
		font-variant: small-caps;
		background-color: #FFFFFF;
		color: #000000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:2em;
		overflow: hidden;
	}

	.pageheader
	{
		color:#000000;
		font-variant: small-caps;
		margin: 1em;
	}
	
	.page
	{
		marks: crop;
		font-family: "Warnock Pro";
		font-variant: normal;
		text-align: justify;
		font-size: 12pt;
		background-color: #FFFFFF;
		color: #000000;
		height: 40em;
		width: 36em;
		padding: 4px;
		margin: auto;
		overflow: hidden;
		/* without the following markup, Opera does infinite generation */
		overflow-y: auto;
	}
	
	.annotationbox
	{
		display: none;
	}
	
	.annotationoptions
	{
		display: none;
	}
	
	.pagenumber
	{
		color:#000000;
		margin: auto;
		margin: 1em;
	}
	
	.pagefooter
	{
		font-size: 70%;
		margin: auto;
	}

	/* nothing to do with the actual page visualisation, just the styling for the information sheet */
	.pagedimension
	{
		display: none;
	}

	.pagefooter
	{
		display: none;
	}

	/*
		RUBY CODE
	*/

	ruby {
		display: inline-table;
		text-align: center;
		vertical-align: bottom;
	}

	rb {
		display: table-row-group;
	}

	rt {
		display: table-header-group;
		font-size: 60%;
	}

	rp {
		display: none;
	}