body	{
		font-family:			Georgia, Palatino, "New York", Times, serif;
		color:					black;
		background-color:		white;
		border-width:			6px;
		border-color:			#CCCCFF;
		border-top-style:		ridge;
		border-right-style:		groove;
		border-bottom-style:	groove;
		border-left-style:		ridge;
		padding:				10px;
		margin-left:			20px;
		margin-right:			20px;
		}
h1		{
		font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-weight:		bold;
		font-size:			large;
		color:				#003333;
		background-color:	transparent;
		text-align:			center;
		}
h2		{
		font-family:		Georgia, Palatino, "New York", Times, serif;
		font-weight:		bold;
		font-size:			medium;
		text-align:			center;
		}
h3		{
		font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:			small;
		text-align:			center;
		}
h4,h5,h6{
		font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		}
blockquote
{
	color:				#660000;
	background-color:	transparent;
	font-size:			smaller;
}
blockquote.hot
{
	color:				#660000;
	background-color:	white;
	font-family:		Georgia, Palatino, "New York", Times, serif;
	margin:				10px 100px 10px 100px;
	border:				thin dotted #993333;
	padding:			10px;
}
blockquote.definition
{
	color:				#660000;
	background-color:	#F0EEEE;
	font-family:		Georgia, Palatino, "New York", Times, serif;
	border:				thin solid #993333;
}
hr.short
{
	width:			400px;
}
hr.half
{
	width:			90%;
	height:			3px;
	border:			3px inset #CCCCFF;
}
.weak
{
	border-style:	dotted;
	color:			gray;
}

div.wow
{
	font-family:		"Zapf Chancery", "Apple Chancery", cursive;
	font-size:			small;
	padding-left:		1em;
	padding-right:		1em;
	border:				#CCCCCC ridge;
	color:				black;
	background-image:	url("../images/white6.jpg");
}
table.header
{
	width:			100%;
}

caption
{
	font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight:		bold;
}
th.colour
{
	border:			thin solid black;
	color:			black;
	background:		#99CCFF;
}
td.colour
{
	border:			thin solid black;
	color:			black;
	background:		white;
}

th.left
{
	text-align:			left;
	font-family:		Georgia, Palatino, "New York", Times, serif;
	font-size:			x-small;
	color:				#666666;
	background-color:	#EEEEFF;
	border-width:		1px;
	border-color:		#999999;
	border-style:		solid;
}
th.right
{
	text-align:			right;
	font-family:		Georgia, Palatino, "New York", Times, serif;
	font-size:			x-small;
	color:				#666666;
	background-color:	#EEEEFF;
	border-width:		1px;
	border-color:		#999999;
	border-style:		solid;
}
td.left
{
	text-align:			left;
	font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size:			x-small;
	color:				#666666;
	background-color:	#EEEEFF;
	border-width:		1px;
	border-color:		#999999;
	border-style:		solid;
}
td.right
{
	text-align:			right;
	font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size:			x-small;
	color:				#666666;
	background-color:	#EEEEFF;
	border-width:		1px;
	border-color:		#999999;
	border-style:		solid;
}
a.header
{
	text-decoration:	none;
	color:				#666666;
	background-color:	#EEEEFF;
}
a.header:hover
{
	color:				black;
	background-color:	#EEEEFF;
}

table.index
{
	font-family:	Geneva, Helvetica, Arial, sans-serif;
	font-size:		x-small;
}
tr.index
{
	vertical-align:	top;
}

a.toc
{
	font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			small;
	text-decoration:	none;
	color:				#663333;
	background-color:	transparent;
}
a.toc:link
{
	color:				#663333;
	background-color:	transparent;
}
a.toc:visited
{
	color:				#996666;
	background-color:	transparent;
}
a.toc:hover
{
	color:				#FF0000;
	background-color:	transparent;
}
p.toc
{
	margin:				0em 0em 0em 2em;
}

a.toc1
{
	font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			x-small;
	text-decoration:	none;
	color:				#663333;
	background-color:	transparent;
}
a.toc1:link
{
	color:				#663333;
	background-color:	transparent;
}
a.toc1:visited
{
	color:				#996666;
	background-color:	transparent;
}
a.toc1:hover
{
	color:				#FF0000;
	background-color:	transparent;
}

a.toc2
{
	font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			xx-small;
	text-decoration:	none;
	color:				#663333;
	background-color:	transparent;
}
a.toc2:link
{
	color:				#663333;
	background-color:	transparent;
}
a.toc2:visited
{
	color:				#996666;
	background-color:	transparent;
}
a.toc2:hover
{
	color:				#FF0000;
	background-color:	transparent;
}

.left	{ text-align:	left;}
.centre	{ text-align:	center;}
.right	{ text-align:	right;}
.small	{ font-size:	small;}
.tiny	{ font-size:	x-small;}

.rightSmall
{
	text-align:		right;
	font-size:		small;
	margin-top:		-10px;
	margin-right:	20px;
}

table.hide
{
	width:			100%;
}
td.hide
{
	font-family:		"Courier New", Courier, monospace;
	font-weight:		bold;
	font-size:			xx-small;
	text-align:			center;
}
a.hide
{
	color:				white;
	background-color:	transparent;
}
a.hide:hover
{
	color:				#CC9999;
	background-color:	transparent;
}

.bold
{
	font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight:		bold;
}
.smallBold
{
	font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			small;
}
.bookTitle
{
	font-family:		"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight:		bold;
	font-style:			italic;
	color:				#660000;
	background-color:	transparent;
}

li
{
	font-family:		Georgia, Palatino, "New York", Times, serif;
	font-size:			small;
}

p.comment
{
	font-style:			italic;
}
p.quote
{
	font-family:		Georgia, Palatino, "New York", Times, serif;
	color:				#660000;
	background-color:	transparent;
	margin-left:		25px;
	margin-right:		25px;
}
p.date
{
	font-family:		"Courier New", Courier, monospace;
	font-size:			x-small;
	text-align:			center;
}
.bigBlue
{
	font-family:		Geneva, Verdana, sans-serif;
	font-size:			25px;
	font-weight:		bold;
	color:				#009999;
	background-color:	transparent;
}
.legendBig
{
	font-family:		"Zapf Chancery", "Apple Chancery", cursive;
	font-weight:		bold;
	font-size:			medium;
	background-color:	transparent;
	color:				#006666;
}
.legend
{
	font-family:		"Zapf Chancery", "Apple Chancery", cursive;
	font-weight:		bold;
	font-size:			small;
	background-color:	transparent;
	color:				#006666;
}
.legendWee
{
	font-family:		"Zapf Chancery", "Apple Chancery", cursive;
	font-weight:		bold;
	font-size:			x-small;
	background-color:	transparent;
	color:				#006666;
}
.separe
{
	padding-bottom:		1em;
}
/* TODO: Rename the following to "floatLeft" */
/* TODO: Should the value of vertical-align be "top" in the following 2 classes? */
.float
{
	margin:				10px;
	float:				left;
	vertical-align:		middle;
}
.floatRight
{
	margin:				10px;
	float:				right;
	vertical-align:		middle;
}
/* The following class is used for the image inside an <xlink>.
   The "float" is removed so that the language code will appear to the left of the image.
   TODO: remove the underline which this leaves under the image. */
.linkImage
{
	margin:				10px;
	vertical-align:		bottom;
}
.bookRefTitle
{
	font-size:			small;
	margin:				5px 0px 2px 0px;
}
.bookRef
{
	font-size:			70%;
	margin:				0em 0em 0em 2em;
}
.compact
{
	font-size:			70%;
}
.shy
{
	font-size:			90%;
}
.p100
{
	font-size:			100%;
}
code
{
	font-size:			125%;
}
.border
{
	border:				dotted thin gray;
}
.padded
{
	padding:			10px;
}
.red
{
	color:				#FF0000;
	background-color:	inherit;
}
/*	The following are used for an anchor containing an image inside the <a></a>.
	The text-decoration: none prevents a line appearing above, through or under the image.
	The "hover" pseudo-class apparently does not work because it is currently
	overridden by the style of the image's legend. */
a.withImage
{
	text-decoration:	none;
}
a.withImage:hover
{
	color:				black;
	background-color:	inherit;
}
code.lang
{
}
code.lang:hover
{
	color:				inherit;
	background-color:	red;
}
.subtitle
{
	font-style:			italic;
	font-variant:		small-caps;
	font-size:			smaller;
	color:				#0000CC;
	background-color:	inherit;
}
