#htownnav {
  clear:both;
  float: left;
  background:url(../../newsphotos/background_img.jpg) repeat;
/*  padding-left:4px;*/
/*  padding-right:4px;*/
/* background:transparent;*/
  font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding:10px 4px 10px 4px;
  margin-top:10px;
  border:2px solid #c4c4c4;
}

#townnavlist {
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  width:100%;
  line-height: 2.2em;
}


@media all { #townnavlist {
   text-align: center
   }
}

#townnavlist li {
  bottom: 2px;
  display: inline;
  line-height: 2.2em;
  margin: 0;
  padding: 0;
  position: relative;
}

#townnavlist a, #townnavlist a:link, #townnavlist a:visited {
/* background: #900; */
  border: 1px solid #000;
/*  bottom: 12px; */
  color: blue;
  cursor: pointer;
  display: inline;
  height: 1em;
  margin: 1px 0px;
  padding: 3px 5px 3px 5px;
  position: relative;
  right: 2px;
  text-decoration: none;
}

#townnavlist a:hover { 
  background: #C00;
/*  bottom: 12px;*/
  color: #FFF;
  position: relative;
  right: 1px;
}

#townnavlist li#current {
  background: yellow;
/*  bottom: 15px;*/
  color: blue;
  display: inline;
  height: 1em;
  margin: 1px 0px;
  padding: 3px 5px 3px 5px;
  position: relative;
  right: 4px;
  text-decoration: none;
  border-left:solid 2px black;
  border-bottom:solid 2px black;
  border-top:solid 1px black;
  border-right:solid 1px black;
}

#townnavlist a:active {
  background: yellow;
/*  bottom: 13px;*/
  color: blue;
  position: relative;
  right: 1px;
  border-left:solid 2px black;
  border-bottom:solid 2px black;
  border-top:solid 1px black;
  border-right:solid 1px black;
}


.li-bg01 {background-color: #00FFFF;}
.li-bg02 {background-color: #33FFCC;}
.li-bg03 {background-color: #66FF99;}
.li-bg04 {background-color: #99FF66;}
.li-bg05 {background-color: #CCFF33;}
.li-bg06 {background-color: #FFFF00;}
.li-bg07 {background-color: #FFCC00;}
.li-bg08 {background-color: #FF9900;}
.li-bg09 {background-color: #FF6600;}
.li-bg10 {background-color: #FF3300;}