﻿body {margin:0; padding:0; background-image: url('../images/site_bg.gif'); color: #000000; font-family: Verdana, Geneva, sans-serif; font-size: .9em; }
a {text-decoration: underline; color: #304998; font-weight: bold; font-size: .85em}
a:hover {text-decoration: none;}
img {border: none; text-decoration: none;}

.artitem {text-align: center; width: 33%; float: left; padding-bottom: 35px;}
.artitem em {font-size: .9em;}
.clear  { clear:both;}
.uline {text-decoration: underline;}
.buline {font-weight: bold; text-decoration: underline;}
.super {vertical-align: super; font-size: 80%;}
.hdr {font-weight: bold; color: #770000;}
.indent {padding-left: 15px;}
.rdtxt {color: #aa1100;}
.err {color: #cc0000; font-size: .9em;}
.normalfld {background-color: #ffffff;}
.focusfld {background-color: #ffffcc;}

/* the formspg styles are used on the Forms page accordion control*/
.formspg_act {background-color: #bb0000; padding: 10px 0 10px 20px;}
.formspg_act a {color: #ffffff; font-weight: bold; font-size: .8em}
.formspg_inact {background-color: #770000; padding: 10px 0 10px 20px; }
.formspg_inact a {color: #ffffff; font-weight: bold; font-size: .8em}
.formspg_content {padding: 10px 10px 10px 10px;}
.formspg_main {padding-bottom: 20px;}
.formspg_item {padding: 5px 0 15px 0;}
.formspg_itemimg {float: left; width: 10%}
.formspg_itemimg img {width: 50px; height: 50px;}
.formspg_itemcon {float: left; width: 89%}
.formspg_itemcon_hdr {font-weight: bold; color: #770000; padding-bottom: 7px; }
.formspg_itemcon_txt {padding-left: 15px;}
.formspg_itemcon_lnk {padding: 3px 0 0 30px;}
.formspg_notes {font-size: .8em; font-style: italic;}

/* the note styles are for the note boxes with the THT worm graphic */
.note{margin: 0 0 20px 45px; color: #000000; width: 86%; clear: right; border: solid 2px #770000; }
.noteimg {padding: 7px 0 7px 0; vertical-align: middle; float: left; text-align: center; width: 88px; background-color: #ffffff; height: inherit; }
.notebdy {padding: 7px 5px 7px 7px; color: #ffffff; background-color: #bb0000; border-left: solid 2px #770000; float: right; width: 85%; font-size: .8em; font-weight: bold; min-height: 50px;}

/* Search page styles */
.srchbtn {border: solid 1px #aaaaaa; padding: 1px 1px 1px 1px; margin: 0 0 0 50px;}
.srchinput input {width: 150px; font-size: .8em;}
.srchtable {border: none;}
.srchcon {padding: 10px 10px 15px 10px;}
.srchtitle {padding-bottom: 5px;}
.srchabs {padding: 0 0 5px 10px; font-size: .85em;}
.srchinfo {padding: 0 0 0 15px; font-size: .7em; font-style: italic;}

#site {text-align: left; margin:0 0 60px 0; background-color: #ffffff; width: 830px;}
#topborder {background-image: url('../images/site_topborder.gif'); border-left: solid 1px #374f9c; border-right: solid 1px #374f9c; height: 42px; width: 830px; padding: 0 0 0 0; margin: 0 0 0 0;}
#mainbody {border: solid 1px #000000; padding: 0 5px 0 5px; border-top: none; width: 820px;}
#head {padding-bottom: 10px; }
#head .hdr {float: left; font-weight: bold; font-style: italic; font-size: 1.5em; padding: 4px 0 0 10px;}
#head a {color: #000000; text-decoration: none; font-size: 1.2em;}
#head a:hover {text-decoration: none}
#head img {border: none;}
#lgnsrch {float: right; width: 300px;}
#lgnsrch a {text-decoration: underline; color: #304998; font-weight: bold; font-size: .85em}
#newsbanner .left {float: left;}
#newsbanner .right {float: left; height: 231px;  margin-left: 3px; padding: 10px 10px 10px 10px; background-color: #c6cde2; width: 380px; color: #333333; line-height: 20px;}
#newsbanner .banhdr {text-transform: uppercase; font-size: 1.1em; font-weight: bold; padding-bottom: 10px; font-style: italic;}
#newsbanner .banbdy {font-size: .9em;}
#newsbanner .morebtn {background-image: url(../images/ban_btn.jpg); width:65px; height: 23px; padding: 2px 0 0 7px; font-size: .7em; vertical-align: bottom; margin-top: 5px;}
#newsbanner .morebtn a {color: #ffffff;}
#newsbanner .morebtn a:hover {color: #fdff4f;}
#topnav {margin-top:5px; background:#5a6ead; padding:0; width: 820px; height: 30px; border-bottom: solid 5px #bb0000;}
#topnav .nonav {float: right; padding: 7px 20px 7px 0;}
#topnav .nonav a {color: #ffffff; font-weight: bold; font-size: .75em; cursor: pointer; text-decoration: none;}
#topnav .nonav a:hover {text-decoration: underline;}
#topnav ul {padding: 0 5px 0 5px; margin: 0px;}
#topnav li {float:left; background:#none; padding:7px 0 7px 0; list-style-type: none;}
#topnav li a {font-size: .75em; display:block; background: url('../images/site_topnav_bg.gif') right repeat-y; text-align:center; padding:3px 12px 3px 12px; text-transform:uppercase; color:#f5f6f5; font-weight:bold;}
#topnav .emer {background-color: #bb0000;}
#navedg {height: 5px; background-color: #bb0000;}
#content {padding: 10px 10px 10px 10px; width: 800px;}
#footer{text-align: center; font-size: .7em; padding-top: 25px; width: 810px;}
#footer hr {width: 400px;}
#footer img {margin-top: 25px;}
#footer a {font-weight: bold;}
#footeritems {padding-left: 250px;}
#footer .item {padding: 0 15px 0 15px; float: left; border-left: solid 1px #000000;}

#newscol {float: left;} 
#newstick {width: 220px; float: left; border: solid 1px #660000; margin-top: 20px;}
#newstick .hdr { font-weight: bold; font-size: .9em; background-color: #bb0000; color: #ffffff; text-align: center; padding: 5px 5px 5px 7px;}
#newstick .date {font-size: .75em;}
#newstick .items {padding: 0 5px 0 7px;}
#newstick a {font-weight: normal;}
#newstick ul {padding:0 10px 20px 0; list-style:none;}
#newstick li {margin:11px 0 0 0;}
#linklist {border: solid 1px #660000; width: 220px; }
#linklist .hdr { font-weight: bold; font-size: .9em; background-color: #000077; color: #ffffff; text-align: center; padding: 5px 5px 5px 7px;}
#linklist .items {padding: 0 5px 0 7px;}
#linklist ul {padding:0 10px 20px 0; list-style:none;}
#linklist li {margin:11px 0 0 0; font-size:.75em;}
#linklist a {font-size:1.1em;}
#hmpgcon {float: left; width: 560px; padding-left: 10px; }
#hmpgcon .box {width: 560px; margin-bottom: 25px; }
#hmpgcon .hdr1 {font-weight: bold; background-color: #770000; color: #ffffff; text-align: center; padding: 5px 5px 5px 7px;}
#hmpgcon .hdr2 {font-weight: bold; background-color: #5a6ead; color: #ffffff; text-align: center; padding: 5px 5px 5px 7px;}
#hmpgcon .content {padding: 10px 5px 10px 5px;}
#hmpgcon .itembox {padding: 20px 0 7px 0;}
#hmpgcon .itemimg {float: left; width: 20%; text-align: center; vertical-align: top;}
#hmpgcon .itemcon {float: left; width: 74%; padding-left: 10px; vertical-align: top;}
#hmpgcon .itemhdr {font-weight: bold; color: #770000; font-size: .9em;}
#hmpgcon .itemtxt {font-size: .9em}
#hmpgcon .itemlnk {font-size: .9em}
#norm {padding: 0 20px 0 5px;}
#norm .hdr {font-weight: bold; color: #770000; text-align: center;}
#event .note{margin: 0 0 20px 45px; color: #000000; width: 685px; clear: right; border: solid 2px #770000; }
#event .noteimg {padding: 7px 0 7px 0; vertical-align: middle; float: left; text-align: center; width: 88px; background-color: #ffffff; height: inherit; }
#event .notebdy {padding: 7px 5px 7px 7px; color: #ffffff; background-color: #bb0000; border-left: solid 2px #770000; float: left; width: 583px; font-size: .8em; font-weight: bold; min-height: 50px;}
#event .archlbl {width: 99%; text-align: center; font-size: .9em; font-style: italic; font-weight: bold;}
#event .archbtn {}
#event .leftimg {vertical-align: text-top; float: left; margin-right: 7px;}
#event .hdr {width: 99%; text-align: center; font-size: 1.2em; padding-top: 15px; font-weight: bold; color: #770000;}
#event .subhdr {width: 99%; text-align: center; font-size: 1.1em; padding-top: 15px; font-weight: bold; }
#event .subhdr a {font-size: .7em;}
#event .con {padding: 15px 0 15px 0;}
#event .archtbl {border: none; width: 99%; padding: 20px 0 40px 0;}
#event .archtbl th {background-color: #bb0000; color: #ffffff; padding: 5px 10px 5px 10px; border: none;}
#event .archdt {width: 20%; vertical-align: top; padding-top: 20px; font-weight: bold; color: #770000; text-align: left;}
#event .archcon {width: 79%; vertical-align: top; padding: 20px 5px 0 10px; text-align: left;}
#event .archcon strong {color: #770000;}
#event .evnttbl {}
#event .evnttblhd {width: 15%; float: left; font-weight: bold; vertical-align: top;}
#event .evnttblinfo {width: 85%; float: left; padding-bottom: 20px;}
#2006hfart {width: 100%; text-align: center;}
#FAQ .hdr {font-size: 1.2em; width: 100%; text-align: center; padding: 15px 0 15px 0; text-decoration: underline; text-transform: uppercase;}
#FAQ .subhdr {font-weight: bold; color: #000044; font-size: 1.1em; width: 100%; padding: 15px 0 15px 0;}
#FAQ .container {border-bottom: dashed 1px #000044; width: 100%; text-align: left; padding: 20px 0 20px 0; font-size: .9em;}
#FAQ .q {padding-bottom: 20px; font-weight: bold; text-transform: capitalize; color: #000044;}
#FAQ .a {color: #005a84; font-weight: bold; }
#FAQ img{border: none;}
#FAQ li {padding-bottom: 5px;}
#FAQ a {color: #b5121b; text-decoration: underline;}
#FAQ a:hover{text-decoration: none;}
#FAQ .bar {width: 100%; height: 10px; background-color: #b5121b;}
#FAQNav a {color: #000099; text-decoration: none;}
#FAQNav a:hover {text-decoration: underline;}
#FAQNav .u1 {list-style: none; text-indent: 10px;}
#FAQNav .u2 {list-style: none; text-indent: 20px;}
#pubs .subhdr {background-color: #bec7e0; color: #000000; font-weight: bold; font-size: .9em; padding: 5px 0 5px 5px; width: 100%; margin-top: 25px;}
#pubs .col {float: left; width: 40%; padding: 5px 10px 10px 10px;}
#pubs .con {width: 100%;}
#emailer .col1 {width: 21%; font-weight: bold; text-align: right; padding-right: 7px; float: left; font-size: .9em;}
#emailer .col2 {width: 78%; float: left; font-size: .9em;}
#emailer .inputsm input {width: 200px;}
#emailer .inputmd input {width: 400px;}
#emailer .inputlg input {width: 575px;}
#emailer .inputmulti textarea {width: 575px; height: 75px;}
#emailer .spacer {height: 20px;}
#emailer .box {margin-bottom: 10px;}
#emailer legend {font-weight: bold; color: #770000; font-size: .85em;}
#emailer .tny {font-size: .8em; font-style: italic;}
#infoform {clear: both;}
#infoform fieldset {border: solid 1px #440000; }
#infoform legend {color: #770000; font-size: .8em; font-weight: bold; margin-left: 20px;}
#infoform .col1 {width: 21%; font-weight: bold; text-align: right; padding-right: 7px; float: left; font-size: .9em;}
#infoform .col2 {width: 78%; float: left; font-size: .9em;}
#infoform .box {margin-bottom: 10px;}
#infoform .inputsm input {width: 200px; border: solid 1px #999999;}
#infoform .inputmd input {width: 300px; border: solid 1px #999999;}
#infoform .inputlg input {width: 455px; border: solid 1px #999999;}
#sstatus {width: 760px;}
#sstatus .datatable {width: 400px;}
#sstatus .datahd {font-weight: bold; font-size: 1.1em; background-color: #004865; color: #ffffff; padding: 5px 0 5px 5px;}
#sstatus .dataitem {padding: 3px 5px 3px 5px;}
#sstatus .altrow {background-color: #eeeeee;}
#EmCare .subhdr {font-weight: bold; color: #000044; font-size: .9em; width: 100%; text-align: center; padding: 15px 0 15px 0; text-decoration: underline;}
#EmCare .itm {border-bottom: dashed 1px #000044; width: 100%; text-align: left; padding: 20px 0 20px 0;}
#EmCare .bnk a {font-weight: bold; color: #ee0000;}
#EmCare .bnk fieldset { border-color: #ee0000;}
#EmCare .bnk legend { color: #bb0000;}
