body, td
{
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited
{
	color:           #00f;
	text-decoration: none;
}
a:hover
{
	color:           #f00;
	text-decoration: underline;
}
img#img_john
{
	width:  80px;
	float:  left;
	margin: 10px 20px;
	border: 1px #000 solid;
}
img#img_flowers
{
	width:  90px;
	float:  left;
	margin: 10px 25px 6px 15px;
	border: 2px dotted #f00;
}
h1
{
	font-style:    normal;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:     12px;
	font-weight: bold;
	text-indent: 10pt;

}
h2
{
	font-size:     10px;
	font-family:   Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top:    35px;
	font-weight: bold;

	/*
	border:        1px #b1b1b1 solid;
	border-width:  1px 0 0 0;
	*/
}
h3
{
	font-size:     12px;
	font-weight:   bold;
	margin-top:    10px;
	margin-bottom: 5px;
	padding-left:  10px; 
}
p
{
	margin-top:    0;
	margin-bottom: 8px;
	padding-left:  0px; 
}

span#total 
{ 
	padding: 0 0 10px 0px; 
}
span#total_error 
{ 
	color:       #f00;
	font-weight: bold;
}
p#js_example_1 
{ 
	border:     1px #ccc solid; 
	padding:    10px; 
	width:      auto;
	text-align: left;
}
.code_segments
{
	font-family: courier new;
	border:      0px #f00 dotted;
}
td.code_segments
{
	padding-right: 20px;
}