<style type="text/css">
<!--

.calc { }
.section {text-align: left; font-weight: bold; font-size: 100%;  color: white; font-family: Arial}

img {border: none;}
.date {font-size: 100%; color: white; vertical-align: top; font-family: Arial; font-style: italic}
.descriptors {text-align: left; font-size: 100%;  color: white; font-family: Arial}
.applabel{font-size: 70%; font-family: Arial; color: white; text-align: center; vertical-align: center}
.appdescript{font-size: 100%; font-family: Arial; color: #cccccc; text-align: left}
.appthumb {text-align: center}
.H1 {font-size: 125%; font-family: Arial; font-weight: bold; color: #CCCCCC}
.col1 {text-align: right; font-size: 100%; font-weight: bold; font-family: Arial; color: #0066FF}
.col2 {font-size: 100%; text-align: right; font-weight: bold; font-family: Arial; color: #CCCCCC}
.col3 {font-size: 80%; text-align: right; font-weight: bold; font-family: Arial; color: #CCCCCC}
.coloutput {font-size: 100%; font-weight: bold; font-family: Arial; color: #00CC00; text-align: right}
.outputs {font-size: 120%; background-color: #99FF99}
.inputs {font-size: 120%; background-color: #33CCFF}
.para {text-align: right}
.questions {font-size: 80%; font-style: italic}

a:link {color: #CCCCCC; text-decoration: underline;}
a:active {color: #0099FF; text-decoration: underline; }
a: visited {color: #FF99FF; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }

input.first, textarea.first, select.first {
border: 1px solid Black;
background-color: #CCCCCC
color:#0E1930;
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
height:20em;
}
-->
</style>

