body, table, tr, th, td, pre, h1, h2, h3, h4, h5, div {
	font-family:  Montserrat, Verdana, Sans-serif;
	font-size: 12pt;
	color: #000000;
}
input, select, textarea { font-family:  Montserrat, Verdana, Sans-serif; }
body {	xbackground: #e0e3e6 url(gray.jpg) repeat-x top left fixed;
	background: #dddddd url(../../gray.jpg) repeat-x top left fixed;
	margin: 4px 0px 0px 0px;
	padding: 20px;
}
div.lesson { background: white;
	text-align: left; 
	border-left: 1px solid #909396;
	border-right: 1px solid #909396;
	border-bottom: 1px solid #909396;
	padding: 0px 20px 12px 20px;
}
h1 {	font-size: 24pt;
	font-weight: normal;
	line-height: 100%;
	color: #00387B;
	margin-top: 0px;
	margin-bottom: 0px;
text-shadow: -2px -2px 0 #e0e3e6, 2px -2px 0 #e0e3e6, -2px 2px 0 #e0e3e6, 2px 2px 0 #e0e3e6;
}
h4 {	font-size: 15pt;
	color: #0058b1;
	padding: 6px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
}
h2.play { font-size: 20pt;
	text-align: center;
	color: #0058B1; #606366;
	margin-top: 3px;
	margin-bottom: 8px;
	font-weight: normal;
}
h2.denim { xbackground: #c0c3c6;
	xcolor: #333639;
	xfont-size: 16pt;
	font-weight: normal;
	xborder-top: 1px solid #909396;
	xborder-bottom: 1px solid #909396;
	padding: 1px 20px 2px 20px;
	margin: 20px -20px 6px -20px;

	background: #0058B1;
	letter-spacing: 0.05em;
	color: #d9dfe6;
	font-size: 15pt;
	xfont-weight: bold;
	xpadding: 2px 2px 3px 8px;
}
h2.denim a:active, h2.denim a:hover, h2.denim a:link, h2.denim a:visited { color: #ffffff; xcolor: #404040; }
a:link { color: #0000ff; }
a:visited { color: #333399; }
a:active { color: #000099; }
a:hover { color: #ff0000; }
div.play {
	padding: 0px;
	margin: 0px;
}
div.play b { color: #007733; #0033bb; }
div.play i { color: #707376; }
div.play u { color: #000000; border-bottom: solid 2px #007733; #0066ff; text-decoration: none; }
div.play p { margin-bottom: .8em; margin-top: .8em; }
div.chars { background: #e0e3e6; 
	margin: 0px 0px 12px 0px;
	padding: 9px;
	color: #336699;
	display: table;
}

ul { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; }
font.highlite {
	background: #fff800;
	color: #ee0000;
}
ul li { margin: 1px 0px 2px 6px;
	padding: 0px 0px 0px 0px;
}

td.date {
	color: #000099;
	font-size: 12pt;
	font-weight: bold;
	text-align: right;
}
td.denim {
	background: #0058B1;
	letter-spacing: 0.05em;
	color: #d9dfe6;
	font-size: 15pt;
	font-weight: normal;
	padding: 2px 2px 3px 8px;
}
tr.row0 {
	background: #E9EFF9;
}
tr.row1 {
	background: #ffffff;
}
tr.row0 td, tr.row1 td { padding: 2px 7px 2px 10px; }
td.spacer { font-size: 3pt; height: 8px; }
tr.row0 td a:link, tr.row0 td a:visited { text-decoration: none; }
tr.row1 td a:link, tr.row1 td a:visited { text-decoration: none; }

div.face { xbackground: url(../../face.gif) top left no-repeat;
	background: url(../../crayon.gif) top left no-repeat;
	width: 181px; 109px;
	height: 62px; 97px;
	position: absolute;
	margin-left: -420px; -430px;
	top: 26px; 3px;
	left: 50%;
	z-index: -1;
}