﻿* { margin: 0; padding: 0; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h1,h2,h3,h4,h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; margin: 2ex 0 0.8ex 0; text-indent: 0; }
p { margin: 0.8ex 0 2ex 0; }
acronym { border-bottom: 1px dotted #999; }

body { background: #e2dcc7;/*#fffccf;*/ color: #666; font: 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; }

div#wrapper { margin: 0 auto; width: 100%;/*760px;*/ }

h1#header { background: url(images/header.png) top left no-repeat; height: 50px; width: 100%; margin: 0; }
h1#header span { display: none; }

ul#nav { background: url(images/navBar.png) top left repeat-x; position: relative; font: bold 12px Verdana, Arial, Helvetica, sans-serif; height: 24px; list-style: none; width: 100%; }
ul#nav li { float: left; height: 24px; margin: 0 10px; }
ul#nav li a { color: #fff; display: block; float: left; height: 24px; line-height: 24px; }
ul#nav li a:hover { color: #ff9; }

div#main { background: url(images/mainGradient.png) top left repeat-x; padding: 20px 20px 30px 20px; }
div#footer { }

h2#form-header { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-indent: 10px; }
form { background: #e2dcc7; padding: 20px 10px; }

div#ptdetails div { margin: 5px 0; height: 21px; }
div#ptdetails div span { float: left; height: 21px; padding-top: 2px; text-align: right; width: 21ex; /*160px;*/ }
div#ptdetails div input { margin: 0 0 0 10px; height: 21px; border: 1px solid silver; border-top: 1px solid grey; border-left: 1px solid grey; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left: .35em; }

div#history { margin: 30px 0 20px 0; }
div#history div.question { background: #e9e4d6; margin: 1em 0 0 0; padding: 1em; width: 89%;}
div#history div.subq { margin: .5em 0 0 4em; }
div#history textarea { height: 4em; margin: .5em 0 0 2em; width: 90%; }
div#history textarea.answer { display: block; }
