body {
  margin: 0px;
  padding-bottom: 2em;
  height: 100%;
  color: #000000;
  background-color: #ffffff;
  background-image: url('l.gif');
  background-repeat: repeat-y;
  font-family: "Helvetica", "Verdana", sans-serif;
  font-size: 8pt;
}

img {
  border: none;
}

#container {
  overflow: hidden;
}

#container2 {
  height: 100%;
  float: right;
}

#container3 {
  clear: both;
  height: 100%;
}

#header {
  margin: 0px;
  background-image: url('t.gif');
  background-repeat: repeat-x;
  height: 137px;
}

#header h1 {
  margin: 0px;
  background-image: url('tf.gif');
  background-repeat: no-repeat;
  height: 137px;
  width: 621px;
}

#header h1 span {
  display: none;
}

#navigation {
  position: absolute;
  margin: 0px;
  width: 200px;
  height: 274px;
  padding: 90px 10px 0px 10px;
  background-image: url('tl.gif');
  background-repeat: no-repeat;
  font-size: 11pt;
  
}

#navigation ul {
  margin: 0px;
  padding: 0px;
  width: 167px;

}

#navigation ul li {
  margin: 0px;
  padding: 0px;
  background: transparent;
  list-style-type: none;
   
}

#navigation ul li li {
  border: none;
  margin: 0px 0px 0px 10px;
}

#navigation ul li a {
  display: block;
  padding: 1px 2px;
  font-weight: bold;
  height: 100%;
  color: RGB(192,134,63);
  text-decoration: none;
}

#navigation ul ul li a {
  font-weight: normal;
  
}

#navigation a {
  border-left: 2px solid #494e37;
  
}

#navigation ul ul {
  margin: 0px;
  padding: -2px;
  height: auto;
  
}

#content {
  padding-left: 210px!important;
  background-image: url('m.gif');
  background-position: 200px 0px;
  background-repeat: no-repeat;
  height: 407px;
  font-size: 1.2em;
}

#content h1 {
  margin: 0px 0.5em 0.5em 0px;
  padding-top: 0.5em;
  border-bottom: 2px solid #808080;
  text-align: left;
  font-size: 2em;
  clear: both;
}

#content h2 {
  margin: 1em 1.5em 0.2em 0px;
  font-size: 1.4em;
  border-bottom: 1px solid #909090;
  clear: both;
}

#content h3 {
  font-size: 1.2em;
  margin: 0px;
  clear: both;
}

#content h4 {
  margin: 1em 0px 0px 25px;
}

#content p {
  margin: 0.75em 2em 0.75em 0px;
  text-align: justify;
  text-indent: 0em;
}

#content img {
  border: 0px solid black;
  float: left;
  margin-right: 1em;
}

#content img.borderless {
  border: none!important;
}

#content div.picture {
  clear: both;
  margin: 1.5em 0px;
  text-align: center;
}

#content div.picture img {
  display: block;
  float: none;
  margin: auto;
}

#content cite {
  display: block;
  margin-right: 2em;
  text-align: right;
  text-decoration: italic;
}

#content em {
  font-style: normal;
  color: red;
}

#content ul, #content ol {
  margin-top: 0px;
  margin-bottom: 1em;
}

#content ol {
  list-style-type: arabic-numbers;
}

#content ol ol {
  margin-bottom: 0px;
  list-style-type: lower-alpha;
}

#content ul.contact {
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px 0px 0.4em;
  border-left: 1px solid #808080;
}

#content ul.contact li.person, #content ul.contact li.place {
  font-weight: bold;
}

#content ul.contact li.title {
  font-style: italic;
}

#content ul.contact li.phone, #content ul.contact li.address, #content ul.contact li.secretary, #content ul.contact li.email {
  font-size: 0.9em;
}

#content ul.col2, #content ul.col3 {
  list-style-type: none;
  overflow: hidden;
  margin-bottom: 0px!important;
  margin-bottom: 2.5em;
}

#content ul.col2 li, #content ul.col3 li {
  display: block;
  float: left;
}

#content ul.col2 li {
  width: 50%;
}

#content ul.col3 li {
  width: 33%
}

#content ul.col2_centered {
  list-style-type: none;
  margin: auto;
  text-align: center;
}

#content ul.col2_centered li {
  clear: both;
  display: block;
  overflow: hidden;
}

#content ul.col2_centered span.l, #content ul.col2_centered span.r {
  display: block;
  width: 48%;
}

#content ul.col2_centered span.l {
  float: left;
  text-align: right;
}

#content ul.col2_centered span.r {
  float: right;
  text-align: left;
}

#content table {
  width: 100%;
}

#content .label iframe {
  border: 0px;
  display: block;
  height: 25px;
  height: 1.65em!important;
  height: 2.2em;
  overflow: hidden;
  width: 700px;
}

#content label .data {
  font-family: monospace;
  font-weight: normal;
  line-height: 1.6em;
}

#content textarea {
  width: 750px;
}

#content1 label, #content div div.label { /* [#content div div.label] instead of [#content .label] to increase specifity and override [#content .tabdata div div] below */
  float: left;
  margin: 0px 1em 0px 0px;
}

#content1 label span, #content .label span {
  display: block;
  font-weight: bold;
}

#content1 .label iframe {
  border: 0px;
  display: block;
  height: 25px;
  height: 1.65em!important;
  height: 2.2em;
  overflow: hidden;
  width: 700px;
}

#content1 label .data {
  font-family: monospace;
  font-weight: normal;
  line-height: 1.6em;
}

#content1 textarea {
  width: 750px;
}

#content1 ul.tabs {
  float: left;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#content1 ul.tabs li {
  border: 1px solid #cbdced;
  display: block;
  float: left;
  margin: 0px 1em 0px 0px;
  position: relative;
  top: 1px;
}

#content1 ul.tabs li.active {
  background: #cbdced;
}

#content1 ul.tabs li.disabled {
  background: #f0f0f0;
}

#content1 ul.tabs li a {
  color: black;
  display: block;
  padding: 0.25em 0.75em;
  text-decoration: none;
}

#content1 ul.tabs li a:hover {
  text-decoration: underline;
}

#content1 ul.tabs li.disabled a {
  cursor: default;
}

#content1 ul.tabs li.disabled a:hover {
  text-decoration: none
}

#content1 .tabdata {
  background: #cbdced;
  clear: both;
  padding: 0em 0px;
  margin-bottom: 0em;
  width: 100%; /* Internet Explorer hack for clear the div */
  overflow: hidden;
}

#content1 .tabdata div {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

#content1 .tabdata div div {
  clear: both;
  margin-bottom: 0.5em;
  overflow: hidden;
}

.required {
  background: #FFE0E0;
  border-width: 1px;
}

#content1 table {
  width: 100%;
}

#content1 table th {
  text-align: left;
}

#content1 .tabdata #preview div { /* [#content .tabdata #preview div] instead of [#preview div] to increase specifity and override [#content .tabdata div div] */
  overflow: hidden;
  margin: 0px;
}

 /**************
 * Links page *
**************/
#links ul {
  list-style-type: none;
}


 /*****************
 * Memorial page *
****************/
#memorial {
  background-color: #000000;
  background-image: url('memorial_l.gif');
  color: #ffffff;
}

#memorial h3 {
  text-align: center;
}

#memorial #header {
  background-image: url('memorial_t.gif');
}


#memorial #navigation {
  background-image: url('memorial_tl.gif');
}


#memorial #header h1 {
  background-image: url('memorial_tf.gif');
}

#memorial #content {
  background-image: url('memorial_m.gif');
  font-weight: bold;
}

#memorial li {
  margin-top: 3em;
}


 /*************
 * News page *
*************/
#news h2 a {
  color: #000000;
  text-decoration: none;
}

#news .date {
  color: #808080;
  float: right;
  font-weight: bold;
  margin-right: 2em!important;
  margin-right: 1em;
  position: relative;
  top: -1.5em;
}

#news img {
  margin-right: 0.5em;
}

#news p {
  clear: both;
  overflow: hidden;
  text-align: justify;
  text-indent: 2em;
}

#new p img {
  float: left;
}

#news li {
  margin-left: 2.5em;
}

#news ul {
  margin: 0px;
}

#news .label strong {
  color: #606060;
}

#news .criminal {
  margin-bottom: 8em;
  font-weight: bold;
}

 /******************
 * Sheriff's page *
******************/
#elitchfield h2 {
  clear: none;
}


 /******************
 * Sheriff's page *
******************/
#pastsheriffs strong {
  font-size: 1.3em;
}

#pastsheriffs li {
  margin-top: 1em;
}

 /********
 * Home *
********/
#home #content li {
  float: left;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  width: 16%;
}

#home #content li a {
  color: black;
}

#home #content ul {
  border-bottom: 2px solid #808080;
  height: 3em;
  margin: 0px 1em 2.5em 0px;
  padding: 0px;
  overflow: hidden;
}

#home #content p {
  clear: both;
}


 /****************
 * Tax Payments *
****************/
#taxpayment table {
  width: auto;
}


 /*******
 * JMS *
*******/
#jms h4 {
  clear: both;
  font-size: 1.5em;
  margin: 0em;
}

#jms h4.withsearch {
  float: left;
}

#jms em {
  clear: both;
  color: red;
  display: block;
  font-weight: bold;
}

#jms a.selected {
  font-weight: bold;
}

#jms div.block, #jms table {
  overflow: hidden;
  margin-bottom: 1.5em;
}

#jms table {
  border: 1px solid #808080;
  clear: both;
  width: 100%;
}

#jms table a {
  display: block;
}

#jms table th {
  background: #f0ecc1;
}

#jms table tr.t0 td {
  background: white;
}

#jms table tr.t1 td {
  background: #f0eede;
}

#jms form {
  float: right;
  margin: 0px;
}

#jms table th {
  font-weight: bold;
  text-align: left;
}

#jms input.ghost {
  color: #808080;
}

#jms input.normal {
  color: black;
}

#jms .info {
  float: left;
  margin-right: 2em;
}

#jms .info .label {
  font-weight: bold;
}

#jms .info span {
  display: block;
}