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



.calc { }
.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-weight: bold; font-size: 100%; font-family: Arial; color: #cccccc; text-align: left}
.appdescript{font-size: 100%; font-family: Arial; color: #cccccc; text-align: left}

.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;
}
body
{
background-color: #333333
}

#wrap {
 margin: 0 auto 0 auto;
 padding: 2em;
 border-left: 3px solid #000;
 border-right: 3px solid #000;
 width: 500px;

}
pre {
 padding:10px;
 border: 1px dotted #eee;

}


#photostyle {
  background-repeat: no-repeat;
}









-->
</style>

