body {
	font-family: 	"Gill Sans", "Trebuchet MS", Verdana, "Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	background: 	white;
	margin: 		0;
	padding: 		0;
	color: 			#003399;
}

.svgOnly {
	display: none;
}

.coverpage {
	background: #002F84 url(images/coverpage.png) no-repeat 100% 30px;
}

.coverpage #header {
	color: 			white;
	margin: 		65px 120px 0 40px;
	text-align: 	center;
	overflow: 	  	hidden;
	line-height: 	1.2;
	border: 		none;
	background: 	none;
	padding: 		0;
}

.coverpage #header h1 {
	display: 	inline;
	font-size: 	300%;
}

.coverpage .author {
	color: 		yellow;
	margin-top: 2em;
	font-size: 	130%;
}

.coverpage .author strong {
	color: 		yellow;
	display: 	none;
}

.coverpage .date {
	color: yellow;
	font-size: 	130%;
}

.coverpage .date strong {
	color: 		yellow;
	display: 	none;
}

.coverpage .event {
	color: 		yellow;
	font-size: 	130%;
}

.coverpage .event strong {
	color: 		yellow;
	display: 	none;
}

.coverpage .prologue {
	margin-left: 2em;
}

.coverpage .prologue p {
	color: yellow;
	font-size: 120%;
	text-align: justify;
}

p.image {
	text-align: center;
}


img {
	/* border: 	2px solid #f7d21e; */
	margin: 	0.5em 0.5em 0.5em 0.5em;
}

#header {
	margin: 		0;
	overflow: 		hidden;
	line-height: 	1	.2;
	padding: 		0.8em 0 0.8em 5em;
	color: 			white;
	background: 	#f7d21e;
}

#header a {
	text-decoration: none;
}

h1 {
	display: 		none;
	margin: 		0;
	padding: 		0;
	font-size: 		120%;
}


#content {
	margin: 		0;
	font-size: 		190%;
	line-height: 	1.4;
}


.coverpage #toc a {
  right: 30px;
}

/* Top-right navigation bar --------------------- */
#navigation {
}

ul#nav {
	top: 		0px;
	right: 		0px;
	width: 		100%;
	height: 	30px;
	position: 	absolute;
	margin: 	0;
	padding: 	0;
	list-style: none;
	background: #f7d21e;
}

ul#nav li {
	display: 	inline;
	list-style: none;
	background: none;
}

.coverpage #prev {
	display: none;
}

#prev a, #next a, #toc a, #switch a {
	position: 		absolute;
	top: 			5px;
	width: 			30px;
	height: 		20px;
	margin: 		0;
	text-indent: 	-10000px;
	text-decoration: none;
}

#prev a:hover, #next a:hover, #toc a:hover, #switch a:hover {
	background-position: 0 -23px;
}

#next a {
	right: 		5px;
	background: url(images/right.gif) no-repeat 0 0; 
}

#prev a {
	/* right: 		30px; */
	right: 		55px;
	background: url(images/left.gif) no-repeat 0 0; 
}

#toc a {
	/* right: 		55px; */
	right: 		30px;
	background: url(images/toc.gif) no-repeat 0 0; 
}

#switch a {
	right: 		115px;
	background: url(images/style.gif) no-repeat 0 0; 
}

/* Navigation '2' is the navigation bar at the bottom of the screen. I 'deleted' this;
   the problem constantly arises with the positioning of this bar, depending on browsers. Better
   forget about it once and for all...
*/
#navigation2 {
	background: #f7d21e;
	width: 100%;
	display:none;
}

ul#nav2 {
	width: 		100%;
	height: 	34px;
	position: 	absolute;
	margin: 	3em 0 0 0;
	padding: 	0;
	list-style: none;
	background: #f7d21e;
}

ul#nav2 li {
	display: 	inline;
	list-style: none;
	background: none;
}

.coverpage #prev2 {
	display: none;
}


#prev2 a, #next2 a, #toc2 a, #switch2 a {
	position: 			absolute;
	top: 				5px;
	width: 				122px;
	height: 			27px;
	margin: 			0;
	text-indent: 		-10000px;
	text-decoration: 	none;
}

#prev2 a:hover, #next2 a:hover, #toc2 a:hover, #switch2 a:hover {
	background-position: 0 -30px;
}

#next2 a {
	right: 10px;
	background: url(images/next.gif) no-repeat 0 0; 
}

#prev2 a {
	right: 140px;
	background: url(images/prev.gif) no-repeat 0 0; 
}

#toc2 a {
	left: 10px;
	background: url(images/home.gif) no-repeat 0 0; 
}

/* Bottom navigation bar until here-------- */

#slideno {
	position: 		absolute;
	top: 			0px;
	left: 			0px;
	margin: 		0;
	overflow: 		hidden;
	line-height: 	1em;
	padding: 		0.8em 0 0.8em 1em;
	font-size: 		90%;
}

#info {
	border-top: 	1px solid black;
	margin: 		0.5em 3em 1em 3em;
	padding-top: 	0.25em;
	font-size: 		120%;
	line-height: 	1.5;
}

#info address {
	display: 		inline;
	padding-right: 	0.5em;
}

h2 span {
	display: block;
	background: 	#002F84 url(images/title-bg.png) no-repeat 100% 0;
	padding-top: 	0.2em;
	padding-left: 	0.5em;
	padding-bottom:	0.2em;
	margin: 		0;
}

h2 {
	margin: 		0 0 1em 0;
	font-size: 		140%;
	color: 			white;
	padding-left: 	76px;
	background: 	#002F84 url(images/w3c.png) no-repeat 0 70%;
}

h3.chapter {
	position: 		absolute;
	top: 			-0.35em;
	left: 			76px;
	margin: 		0;
	overflow: 		hidden;
	line-height: 	1em;
	padding: 		0.8em 0 0.8em 1em;
	font-size: 		65%;
	
}

p, table {
	margin: 0.5em 2em 0.5em 2em;
}

code {
	color: maroon;
	font-weight:	bold;
}

strong {
	color: 			#333399;
	font-weight:	bold;
}

em {
  /* font-weight: normal; */
}

pre {
	color: 			maroon;
	font-weight:	bold;
	margin: 0 2em 0 1em;
}

blockquote, q {
	color: #aa4444;
	font-style: italic;
}

ul, dl, ol {
	margin: 	0.5em 3em 0.5em 3em;
	padding: 	0;
}

ul ul, ul ol, ol ul, ol ol {
	margin: 0 0 0 2em;
	padding: 0;
}

li {
	margin-top: 0.4em;
}

li ul li {
	/* font-weight: 	normal; */
	margin-top: 	0.1em;
}


li ol li {
	/* font-weight: 	normal; */
	margin-top: 	0.1em;
}


a {
	color: 				#c60; /* #ffa500; */
	text-decoration: 	none;
	font-weight: 		bold;
}

/* Various emphasis colours. */
.emph1 { color: navyBlue;}
.emph2 { color: #006400; }
.emph3 { color: #cc0066; } 
.emph4 { color: #ff00cc; }
.emph5 { color: red;     }

.center, .centre {
	text-align: center;
}