/*
 * Style sheet for the HTML tutorial
 */

P.note {
	padding: 1em;
	border: solid thin;
	margin: 1em 0;
	background: #ddd
}

P.title {
	text-align:	center;
	font-size:	24pt;
	color:		#804;
}

P.page-title {
	text-align:	center;
	font-size:	18pt;
	color: 		#00a;
	text-transform:	uppercase;
}

P.section-title {
	font-size:	15pt;
	color:		#000;
	font-weight:	bold;
}

P.first-paragraph {
	font-size:	12pt;
	text-transform:	uppercase;
}

SPAN.flr {
	font-size:	36pt;
	color:		#00a;
	text-transform:	uppercase;
}

SPAN.navbar {
	width:		200;
	text-align:	center;
	border:		solid thin;
	background:	#ddd;
}

SPAN.emp-text {
	color:		#808;
	text-transform:	uppercase;
}

SPAN.ital-text {
	color:		#808;
	font-style:	italic;
}

SPAN.ital {
	font-style:	italic;
}

SPAN.panic-text {
	color:		#f00;
	font-weight:	bold;
	text-transform:	uppercase;
}

SPAN.tag-define {
	font-style:	italic;
}

A.click-text {
	color:		#00d;
	text-decoration: underline;
}

UL.normal-list {
	line-style-type: none;
}

UL.normal-list LI {
	color:		#f00;
}

UL.normal-list UL {
	font-size:	14pt;
	color:		#0f0;
}

DIV.html-example {
	font-size:	14pt;
	color:		#338;
	margin-left:	7%;
	margin-right:	7%;
	font-style:	italic;
}

DIV.html-example DIV.lt {
	color:		#bbe;
}

DIV.html-example DIV.emp {
	color:		#F00;
}

DIV.html-example SPAN.lt {
	color:		#bbe;
}

DIV.html-example SPAN.emp {
	color:		#F00;
}

DIV.note {
	color:		#f00;
	font-style:	italic;
	margin-left:	5%;
	margin-right:	5%;
	margin-top:	0;
	margin-bottom:	15;
	text-align:	center;
	border:		solid thin;
}

DIV.contents {
	text-align:	left;
	border:		solid thin;
	background:	#eee;
	margin-left: 5%;
	margin-right: 5%;
}

DIV.reference-tag {
	font-size:	24pt;
	margin-left: 5%;
	color:	#06f;
}

TABLE.simple-table {
}

TABLE.simple-table TH.header {
	background:	#ccc;
	font-weight:	bold;
	color:		#800;
}

TABLE.simple-table TH.header2 {
	font-weight:	bold;
}

TABLE.simple-table CAPTION {
	font-style:	italic;
}