/*****
Last update: 6-21-2020
CSS Public Common properties
*****/
a.infolink {
  text-decoration: none;
  color: #002DB3;
  background-color: #DDDDDD;
  font-style: normal;
  padding: 0.2em;
}
a.infolink:hover {
  color: wheat;
  background-color: #383838;
  font-style: italic;
  border-radius: 5%;
}
div#archive {
  margin-top: 2%;
  margin-bottom: 2%;
  margin-left: 2%;
  margin-right: 2%;
  font-weight: normal;
  font-style: italic;
  font-size: 12pt;
  text-align: center;
}
div#editor {
  margin: 1px;
}
div#input {
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 25px;
}
div#loginreq {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  padding-bottom: 30px;
  width: 350px;
}
div#newpw {
  margin-left: 34%;
  margin-right: 36%;
  margin-top: 25px;
}
div#pagecontent {
   margin: 5px 20px 5px;
}
div#publicpage {
  padding-left: 3em;
  padding-right: 3em;
  margin-top: 2em;
}
div.content {
  margin-bottom: 20px;
  margin-top: 35px;
  clear: both;
}
div.contentfloat {
  margin-top: 35px;
  margin-right: 20px;
  float: left;
}
div.divide {
  margin-left:auto;
  margin-right:auto;
  margin-top: 1em;
  margin-bottom: 1em;
}
div.infoblock {
  padding: 0.2em;
  margin-bottom: 0.6em;
  margin-right: 2.0em;
  float: left;
}
div.infoheader {
  margin-bottom: 0px;
  margin-top: 0px;
  background-color: #DDDDDD;
  clear: both;
}
div.leftalign {
  text-align: left;
}
div.linerow {
  width: 100%;
  margin-bottom: 1.0em;
  clear: both;
}
div.linerowheader {
  width: 100%;
  clear:both;
  padding-bottom: 1.0em;
}
div.linestatus {
  font-style: italic;
  width: 100%;
  margin-top: 0.0em;
  margin-bottom: 1.0em;
}
div.login {
  margin-left: auto;
  margin-right: auto;
  width: 340px;
  margin-top: 25px;
}
div.loginline {
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  height: 20px;
  margin-bottom: 15px;
  clear: both;
}
div.loginresponse {
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 20px;
  margin-bottom: 15px;
  clear: both;
}
div.loginsubmit {
  margin-top: 15px;
  padding-left: 135px;
  clear: both;
}
div.prompt {
  margin-top: 0.5em;
  margin-bottom: 0.1em;
  font-style: italic;
  clear: both;
}
div.prompt2 {
  margin-top: 0.5em;
  margin-bottom: 0.1em;
  font-style: normal;
  font_size: 1.1em;
  color: darkblue;
  clear: both;
}
div.statusblock {
  margin-top: 1.0em;
  margin-bottom: 1.0em;
  margin-left: 1.0em;
  margin-right: 1.0em;
  padding-top: 0em;
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-bottom: 1.0em;
  background-color: #DDDDDD;
  overflow: hidden;
  clear: both;
}
div.statusblockred {
  margin-top: 1.0em;
  margin-bottom: 1.0em;
  margin-left: 0.6em;
  margin-right: 0.6em;
  padding-top: 0.5em;
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-bottom: 0.5em;
  background-color: #990000;
  color: #FFFFFF;
  font-family: Palatino, Times, serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.5em;
  overflow: hidden;
  clear: both;
}
div.statuscontent {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
}
div.statuscontentmb {
  margin-top: 20px;
  margin-left: 15px;
  margin-bottom: 20px;
  float: left;
  clear: both;
}
div.statussubblock {
  clear: both;
}
div.textblock {
  padding-left: 0px;
  padding-right: 0px;
  background-color: #DDDDDD;
  margin-bottom: 15px;
  clear: both;
}
div.titleblock {
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #DDDDDD;
  clear: both;
}

form li {
    display:block;
    margin:0;
    padding:4px 5px 2px 9px;
    position:relative;
}
form li:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
form.buttons {
    clear:both;
    display:block;
    margin-top:10px;
}
form.buttons:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
* html form li {
    height:1%;
}
* html .buttons {
    height:1%;
}
* html form li div {
    display:inline-block;
}
form li div {
    color:#444;
    margin:0 4px 0 0;
    padding:0 0 8px;
}
form li span {
    color:#444;
    float:left;
    margin:0 4px 0 0;
    padding:0 0 8px;
}
form li div.left {
    display:inline;
    float:left;
    width:48%;
}
form li div.right {
    display:inline;
    float:right;
    width:48%;
}
form li div.left .medium {
    width:100%;
}
form li div.right .medium {
    width:100%;
}
form.clear {
    clear:both;
}
form li div label {
    clear:both;
    color:#444;
    display:block;
    font-size:9px;
    line-height:9px;
    margin:0;
    padding-top:3px;
}
form li span label {
    clear:both;
    color:#444;
    display:block;
    font-size:9px;
    line-height:9px;
    margin:0;
    padding-top:3px;
}
form.form_description {
    border-bottom:1px dotted #ccc;
    clear:both;
    display:inline-block;
    margin:0 0 1em;
}
form.form_description h2{
    clear:left;
    font-size:160%;
    font-weight:400;
    margin:0 0 3px;
}
form.form_description p {
    font-size:95%;
    line-height:130%;
    margin:0 0 12px;
}
form ul li.first {
    border-top:none !important;
    margin-top:0 !important;
    padding-top:0 !important;
}
form.contactapp {
    margin:20px 20px 0;
    padding:0 0 20px;
}
h2 {
  margin-top: 10px;
  margin-bottom: 0px;
}
h2.statusheader {
  font-family: Arial, Helvetica;
  font-weight: bold;
  font-style: normal;
  font-size: 18pt;
}
h3 {
  margin-top: 5px;
  margin-bottom: 0px;
}
h4 {
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-weight: bold;
  font-style: normal;
  font-size: 14pt;
}
h5 {
  margin-top: 1.0em;
  margin-bottom: 0.5em;
  margin-left: 0.0em;
  margin-right: 0.0em;
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-weight: bold;
  font-style: italic;
  font-size: 13pt;
}
hr {
  color: #D5D5B4;
}
img {
  display: block;
  vertical-align: bottom;
}
input.button {
  width:60px;
}
input.button:hover {
  padding: 5px;
  width:62px;
}
input.einput {
  width: 20em;
  border: 1px solid #006;
  background: #ffc;
}
input.einput:hover {
  border: 1px solid #f00;
  background: #ff6;
}
input.phac {
  width: 2em;
  border: none;
  background: #bbffbb;
  -webkit-transition: width .35s ease-in-out;
  transition: ease-in-out, width .35s ease-in-out;
}
input.phac:hover {
  border: 1px solid #ff0000;
  background: #ffffff;
}
input.phac:focus {
  border: 1px solid #ff0000;
  background: #ffffff;
  width: 3em;
}
input.phlx {
  width: 2em;
  border: none;
  background: #bbffbb;
}
input.phlx:hover {
  border: 1px solid #ff0000;
  background: #ffffff;
}
input.phlx:focus {
  border: 1px solid #ff0000;
  background: #ffffff;
  width: 3em;
}
input.ph4d {
  width: 3em;
  border: none;
  background: #bbffbb;
}
input.ph4d:hover {
  border: 1px solid #ff0000;
  background: #ffffff;
}
input.ph4d:focus {
  border: 1px solid #ff0000;
  background: #ffffff;
  width: 4em;
}
input.pinput {
  width: 140px;
  border: 1px solid #006;
  background: #ffc;
  margin-left: 10px;
}
label.note {
    border:none;
    color:#222;
    display:block;
    font-size:95%;
    font-weight:normal;
    line-height:100%;
    font-style:italic;
    padding:0 0 1px;
}
label.question {
    border:none;
    color:#222;
    display:block;
    font-size:95%;
    font-weight:400;
    line-height:110%;
    padding:0 0 1px;
}
li {
  font-weight: normal;
  font-style: normal;
}
li.submenu {
  font-family: Palatino, Times, serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
}
p {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 12pt;
}
p.center {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 14pt;
  text-align: center;
}
p.prompt {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 14pt;
  text-align: left;
  margin-bottom: 0.3em;
}
span.calcomments {
  font-family: Palatino, Times, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 10pt;
  margin-left: 10px;
  display: block;
  color: #506070;
}
span.calcontact {
  font-family: Palatino, Times, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 12pt;
  display: block;
  color: #506070;
}
span.caldate {
  font-family: Palatino, Times, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 12pt;
  display: block;
}
span.calheader {
  font-family: Palatino, Times, serif;
  font-weight: bold;
  font-style: normal;
  font-size: 12pt;
  display: block;
  color: #23140E;
}
span.calinline {
  font-family: Palatino, Times, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 12pt;
  margin-right: 1.0em;
  margin-bottom: 0.7em;
}
span.calinlineitalic {
  font-family: Palatino, Times, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 12pt;
  margin-right: 1.0em;
  margin-bottom: 0.7em;
}
span.calsmall {
  font-family: Palatino, Times, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 10pt;
  margin-left: 10px;
  color: #506070;
}
span.caltext {
  font-family: Palatino, Times, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 12pt;
}
span.chairlabel {
  font-weight: normal;
  font-style: italic;
  font-size: 9pt;
  margin-right: 0.5em;
}
span.chairname {
  color: #9F5B11;
  font-weight: bold;
  font-style: normal;
  font-size: 12pt;
}
span.foundvoter {
  font-family: Palatino, Times, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 10pt;
  margin-left: 2em;
  color: #A06070;
}
span.infonote {
  font-weight: normal;
  font-style: italic;
  font-size: 0.8em;
}
span.leftmargin {
  margin-left: 5em;
  margin-bottom: 1em;
  display:block;
}
span.linkheader {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Arial, Helvetica;
  font-weight: bold;
  font-style: normal;
  font-size: 18pt;
  float: left;
}
span.linkheader:hover {
  color: blue;
  font-weight: bold;
  font-style: italic;
}
span.loginleft {
  float: left;
  margin-right: 5px;
  text-align: right;
  width: 100px;
}
span.loginright {
  float: left;
}
span.promptlg {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-weight: normal;
  font-style: italic;
  font-size: 12pt;
  text-align: right;
  float: left;
  margin-bottom: 5px;
  margin-right: 10px;
  margin-left: 50px;
  width: 300px;
  clear: left;
}
span.reportnotes {
  font-weight: normal;
  font-style: italic;
  font-size: 9pt;
  margin-left: 15px;
}
span.statusheader {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Arial, Helvetica;
  font-weight: bold;
  font-style: normal;
  font-size: 18pt;
  float: left;
}
span.statusmode {
  margin-top: 0.7em;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 1em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-family: Palatino, Arial, Helvetica;
  font-weight: bold;
  font-style: italic;
  font-size: 10pt;
  border-style: ridge;
  color: #B3D3FF;
  background-color:#052363;
  border-radius: 10%;
  float: left;
}
span.statusmode:hover {
  background-color:#AB0F34;   
}
span.titlenote {
  margin-left: 1em;
  font-weight: normal;
  font-style: italic;
  font-size: 0.8em;
}
span.usernote {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-weight: normal;
  font-style: italic;
  font-size: 12pt;
  text-align: left;
  margin-bottom: 0.5em;
  margin-right: 1.0em;
  margin-left: 1.0em;
}
span.volunteererror {
  float: left;
  font-family: Palatino, Arial, Helvetica;
  font-weight: normal;
  font-style: italic;
  font-size: 1.2em;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
}
span.volunteerfield {
  float: left;
  font-family: Palatino, Arial, Helvetica;
  font-weight: normal;
  font-style: italic;
  font-size: 1em;
  margin-right: 1.0em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
span.volunteerfixedfield {
  float: left;
  font-family: Palatino, Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  margin-right: 1.0em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: 14em;
  text-align: left;
}
span.volunteernote {
  float: left;
  font-family: Palatino, Arial, Helvetica;
  font-weight: normal;
  font-style: italic;
  font-size: 0.8em;
  margin-top: 0.0em;
  margin-bottom: 0.5em;
  color: red;
}
span.volunteerprompt {
  float: left;
  font-family: Palatino, Arial, Helvetica;
  font-weight: normal;
  font-style: italic;
  font-size: 1.2em;
  margin-top: 1.0em;
  margin-bottom: 0.5em;
}
span.volunteerrequest {
  float: left;
  font-family: Palatino, Arial, Helvetica;
  font-weight: normal;
  font-style: italic;
  font-size: 1.2em;
  margin-right: 1.0em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
table {
  border-collapse:collapse;
  margin-top: 5px;
  margin-bottom: 15px;
}
td {
  margin: 2px;
  padding: 3px;
  text-align: center;
}
td.cell1 {
  font-family: Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 10pt;
  text-align: left;
  padding-right: 1.0em;
}
td.cell2 {
  font-family: Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 10pt;
  text-align: left;
  background-color: #BBBBBB;
  padding-right: 1.0em;
}
td.cellbold {
  font-weight: bold;
  font-style: italic;
  padding-right: 3.0em;
}
td.content {
  font-family: Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 10pt;
  text-align: left;
  padding-right: 10px;
}
td.pubdata {
  font-family: Times, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 1.0em;
  padding: 0.3em;
}
td.pubdatabg {
  font-family: Times, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 1.0em;
  padding: 0.3em;
  background-color: ivory;
}
.pubdatactr {
  text-align: center;
}
.pubdatalt {
  text-align: left;
}
td.statuscontent {
  font-family: Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: italic;
  font-size: 11pt;
  text-align: left;
  padding-right: 20px;
  padding-left: 10px;
  background-color: #BBBBBB;
}
td.statusdata {
  font-family:Verdana, Arial, Helvetica;
  font-weight: bold;
  font-style: normal;
  font-size: 12pt;
  text-align: center;
  padding-left: 5px;
  padding-right: 20px;
  background-color: #BBBBBB;
}
td.statustitle {
  font-family:Verdana, Arial, Helvetica;
  font-weight: bold;
  font-style: normal;
  font-size: 12pt;
  text-align: left;
  padding-right: 5px;
  padding-left: 5px;
}
td.content60 {
  font-family:Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 10pt;
  text-align: left;
  padding-right: 10px;
  width: 60%;
}
td.contentright {
  font-family:Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 10pt;
  text-align: right;
  padding-right: 10px;
}
td.contentname {
  font-family:Verdana, Arial, Helvetica;
  font-weight: bold;
  font-style: normal;
  font-size: 11pt;
  text-align: left;
  padding-right: 10px;
}
td.contentdate {
  font-family:Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: italic;
  font-size: 9pt;
  text-align: left;
}
td.eventname {
  font-family:Verdana, Arial, Helvetica;
  font-weight: bold;
  font-style: normal;
  font-size: 12pt;
  text-align: left;
  padding-right: 10px;
}
td.eventname {
  font-family:Verdana, Arial, Helvetica;
  font-weight: bold;
  font-style: italic;
  font-size: 12pt;
  text-align: left;
  padding-right: 10px;
}
td.eventdate {
  font-family:Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: italic;
  font-size: 9pt;
  text-align: left;
}
td.input {
  margin-left:auto;
  margin-right:auto;
}
td.label {
  font-family: Palatino, Times, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 12pt;
  text-align: right;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 15px;
}
td.log {
  font-family: Palatino, Times, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 12pt;
}
textarea.forma
{
    background:#fff url(../images/shadow.gif) repeat-x top;
    border-bottom:1px solid #ddd;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-top:1px solid #7c7c7c;
    color:#333;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    margin:0;
    width:99%;
}
textarea.small {
    height:5.5em;
}
textarea.medium {
    height:10em;
}
th.pubheader {
  font-family: Stoke, Times, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 0.9em;
  padding: 0.5em;
  background-color: lightcoral;
}
th.statusdatahdr {
  font-family:Verdana, Arial, Helvetica;
  font-weight: bold;
  font-style: normal;
  font-size: 12pt;
  text-align: center;
  text-decoration: underline;
  padding-left: 5px;
  padding-right: 20px;
}
ul {
  font-weight: normal;
  text-align: left;
}
ul.orig {
  padding: 0px;
  margin: 0px;
  margin-left: 10px;
  list-style-type: none;
}
