html {
	margin: 0 0 0 1em;
}
body {
	background: #FBFBFF;
	color: black;
	font-family: "Gill Alternate One Monotype", "Gill Sans", sans-serif;
	text-align: justify;
	text-indent: 0;
	margin: 1em 2em 1em 25%;
	line-height: 1.3;
	max-width: 40em;
}

/* For WinIE: */
html body {margin-left: 15em}
/* For others: */
html>body {margin-left: 25%}

p {
	margin: 0;
}
p + p {
	text-indent: 2em;
}
p.Body1 {
	text-indent: 0;
	margin-top: 1em;
}

h1 {
	text-align: left;
	text-indent: -33%;	/* Chapter number is in left margin */
	margin: 2.4em 0 4.5em 0;
	font-size: 200%;
	font-weight: 900;
}

/* For WinIE: */
div h1 {text-indent: -7.5em}
/* For others: */
div>h1 {text-indent: -33%}

h1:first-line {			/* The chapter number */
	font-size: smaller;
	font-weight: 700;
}

h2 {				/* Section heading */
	text-align: left;
	margin: 2.4em 0 1.1em 0;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}

h3, h4, h5 {
	text-align: left;
	margin: 2.4em 0 1.1em 0;
	font-size: larger;
	font-weight: bold;
}

ol, ul {
	margin: 1em 0 1em 2em;
}
li {
	margin: 0;
}

div.Figure {			/* Wide figures */
	clear: left;
	margin: 1em 0;
}
ol div.Figure, ul div.Figure {	/* A figure inside a list */
	margin-left: -2em;	/* Undo the indent of the UL and LI */
}
p.Caption {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	font-size: 90%;
	text-indent: 0;
	margin: 0 0 0 -33%;
}

/* For WinIE: */
div p.Caption {margin-left: -16.7em; width: 15em}
/* For others: */
div>p.Caption {margin-left: -33%; width: 30%}

p.Art {
	text-indent: 0;
}
.Figure-No {
	font-weight: bold;
}
div.Figure img {
	/* width: 100%; */
}

pre {
	/*font-size: smaller;*/
	margin: 0.667em 0 0.667em 2em;
	font-family: monospace;
	text-align: left;
}
pre.CSS {			/* Code example showing CSS */
	color: #050;
}
pre.HTML {			/* Code examples showing HTML */
	color: #0A5;
}
pre.XML {			/* Code examples showing XML */
	color: #000;
}
.XML-wide {			/* Wide example showing XML */
	color: #000;
        margin-left: -33%;
}

div.Sidebar {			/* A boxed sidebar */
	clear: both;
	margin: 1em 0 1em -33%;
	border: thin solid;
	padding: 0.5em 0.5em 0.5em 33%;
	background: #CCC;
}
/* For WinIE: */
div div.Sidebar {margin-left: -15em; padding-left: 15em}
/* For others: */
div>div.Sidebar {margin-left: -33%; padding-left: 33%}

div.Sidebar h2 {
	float: left;
	margin: 0 0 0 -33%;
	width: 30%;
	text-align: right;
}
/* For WinIE: */
div.Sidebar h2 {margin-left: -12.5em; width: 12em}
/* For others: */
div.Sidebar>h2 {margin-left: -33%; width: 30%}

.Sidenote {			/* Marginal note, non-1st para */
	text-align: left;
	text-indent: 2em;
	float: left;
	width: 30%;
	margin: 0 0 0 -33%;
	font-size: smaller;
}
/* For WinIE: */
div .Sidenote {margin-left: -16.7em; width: 15em}
/* For others: */
div>.Sidenote {margin-left: -33%; width: 30%}

.Sidenote1 {			/* Marginal note, 1st para */
	text-align: left;
	text-indent: 0;
	float: left;
	width: 30%;
	margin: 0 0 0 -33%;
	font-size: smaller;
}
/* For WinIE: */
div .Sidenote1 {margin-left: -16.7em; width: 15em}
/* For others: */
div>.Sidenote1 {margin-left: -33%; width: 30%}

P.Small-break {
	text-indent: 0;
	margin-top: 0.5em;
}

blockquote.email {
	font-family: "Courier", monospace;
}

.try {
	background: #FF9;
	padding: 0.2em;
}

.Note {
	color: #C00;
	font-size: smaller;
}

.hide {
	display: none;
}

/* For the lines at the top and bottom about translations */
#language, #translations {
	background: #DDD;
	border-radius: 0.5em;
}
#translations {
	margin: 6em 0 1em 0;
}
#language {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
#language p, #translations {
	padding: 0.5em 1em;
}
#language p {
	text-indent: 0;
	display: table-cell;
}
#language p:first-child {
	white-space: nowrap;
}
#language p + p {
	border-left: thin solid;
}
#translations h2 {
	margin-top: 0;
}