body {
font-family: verdana, helvetica, arial;
font-size: 8pt}

p, td, h1, h2, h3, h4, h5 {
font-family: verdana, helvetica, arial;
font-size: 8pt;
line-height: 200%}

td {
vertical-align: top;
text-align: left;}

td.txt {
border: 2px solid #000000;
text-align: justify;
padding: 25px;}

td.ref {
background-image: URL(images/spiralbinder.png);
background-repeat: repeat;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
padding: 3px;}

ul {
list-style: disc;}

h1 {
color: #b2391a;
font-size: 12pt;
text-align: center;}

#h1left {
float: left;}

#h1right {
float: right;}

h2 {
font-family: verdana, helvetica, arial;
font-size: 10pt;
text-align: center;
font-weight: 900;}

h3 {
font-size: 8pt;
margin-top: -20px;
margin-bottom: 10px;
font-weight: 900;}

h4 {
margin-bottom: 0px;
font-weight: 900;}

h5 {
text-align: left;}

hr {
color: #999999;}

dt {
font-weight: bold;
color: #761596;}

span.highlight {
color: #000000;
background-color: #c0ffc0;}

span.red {
color: #ff0000;}

span.options {
color: #b8b8b8;
border-style: dashed;
border-width: 1px;}

.options a:link, .options a:visited {
color: #b8b8b8;
text-decoration: none;}

.options a:active, .options a:hover {
color: #000000;
text-decoration: underline;}

a.green:link, a.green:visited, a.green:active, a.green:hover {
color: #007700;}

div.progress-container {
border: 1px solid #ccc; 
width: 240px; 
margin: 2px 5px 2px 0; 
padding: 1px; 
float: left; 
background: white;}

div.progress-container > div {
background-color: #ace97c; 
height: 12px;}