h1{font:bold 20px sans-serif; white-space:nowrap;color:rgb(0,0,153);text-align:center;}
.h1x{font:bold 18px sans-serif; white-space:nowrap;background-color:rgb(0,0,153);color:rgb(255,255,255);text-align:center;}
h2{font:bold 18px sans-serif; white-space:nowrap;color:rgb(0,0,153);background-color:rgb(255,255,255);text-align:center;}
h3{font:bold 14px sans-serif; white-space:nowrap}
form.tr{ height:28px; }
p{margin:10px 0px 10px 0px; font-family:helvetica, verdana, sans-serif; font-size:14px}
li{font-family: helvetica, verdana, times; font-size:14px}
.wording { display:none; }
.txttxt{font-family:  Helvetica, verdana, times; font-size:14px}
table td {border-spacing:0}
.navigate{background: #c5c5c5; font:bold 1.3em/1em sans-serif;vertical-align:top; padding: 10px 10px 0px}
.navigateb{background: #c5c5c5; font:bold 10px Helvetica, verdana, sans-serif}
.copyright{background: #FFFFFF; font-size:10px; font-family:Helvetica,
verdana, sans-serif}
.hoo{font:bold 24px Helvetica, Verdana, sans-serif}
.maintxt{font-family:Helvetica, Verdana, sans-serif; font-size:14px}
.maintxtb{font:bold 14px Helvetica, Verdana, sans-serif}
.maintxtbo{font:bold 14px Helvetica, Verdana, sans-serif}
.current{font:bold 14px Helvetica, verdana, sans-serif}
.before{font:bold 14px Helvetica, verdana, sans-serif}
.imgdoth{width:100%; height:2px;}
.txtimg{background-color: rgb(0,0,153);height:50px;text-align:center;color:rgb(255,255,255);width:100%;font-family:verdana;font-size:14px}
.imgx{background-color: rgb(0,0,153);height:50px;}
.image{vertical-align:middle;}
.center{text-align:center}
.right{text-align:right}
.justf{text-align:left}
.top{vertical-align:top}
.xh2{font-family:helvetica, verdana, sans-serif; font-size:14px;margin-top:0px; margin:0px}
.yh2{font-weight:bold; font-size:14px; font-family:sans-serif; white-space:nowrap;  margin:0px 5px 0px 0px; display:inline}

/* fluid layout: the tables used to be pinned at 800px */
table.banner{width:100%; max-width:800px}
table.content{width:100%; max-width:800px; border:0px}
img.portrait{width:260px; height:auto}
p.note{font-weight:normal; font-size:16px; max-width:800px}
p.archived{max-width:800px; padding:8px 12px; border-left:4px solid rgb(0,0,153); background:#f2f2f2}

@media (max-width: 700px){
  h1, .h1x, h2, h3{white-space:normal}
  #mainContent{margin:20px 12px 0px !important}
  table.content, table.content tbody, table.content tr, table.content td{display:block; width:100%}
  img.portrait{display:block; width:100%; max-width:260px; margin:0px auto 10px}
  .archived-form table, .archived-form tbody, .archived-form tr, .archived-form th, .archived-form td{display:block; width:auto !important; white-space:normal !important}
  .archived-form input[type="text"], .archived-form textarea{width:100%; max-width:100%; box-sizing:border-box}
}