/* Clarksville Homepage CSS */

#latestNews{
  position: relative;
  width: 584px;
  margin-bottom: 10px;
  background: #ffffff;
}
.newsitem{
  position: relative;
  margin: 14px 0px;
  line-height: 1.4em;
}
#latestNews a{
  margin: 0px 0px 0px 3px;
  font-weight: bold;
  color: #760000;
}
.date{ font-weight: normal; font-style: italic; }
#latestNews p{ margin: 0px; padding: 0px; }
#morenews{ text-align: right; }
#morenews a{ color: #00356a; font-weight: bold; }
#latestNews ul{
  color: #00356a;
  margin: 0px 0px 0px 12px;
  padding: 0px;
}
#latestNews ul li{
  padding: 0px;
  margin: 14px 0px;
  line-height: 1.4em;
}


/* ----- CYCLER ----- */
#cycler{
  position: relative;
  width: 584px;
  height: 278px;
  background: url(../images/cycler_bg.jpg) no-repeat;
  overflow: hidden;
}
#leftcycle{
    position:absolute;
    left:0px;
    top:28px;
    width:117px;
    height:218px;
    z-index:100;
}
#rightcycle{
    position:absolute;
    left:467px;
    top:28px;
    width:117px;
    height:218px;
    z-index:100;
}
#slides{
  position: absolute;
  top: 30px;
  left: -533px;
  height: 218px;
  width: 2500px; /* 1002 originally */
}
.slide{
  position: relative;
  width: 318px;
  height: 218px;
  float: left;
  margin: 0px 16px 0px 0px;
  background: #ffffff;
}
.slide img{ display: block; padding: 14px 0px 0px 14px; }
#arrows{
  position: absolute;
  top: 274px;
  left: 262px;
}
.slideOverlay{
  position: absolute;
  top: 14px;
  left: 14px;
  height: 190px;
  width: 200px;
  background: #000000;
  opacity: .6;
  filter: alpha(opacity=60);
}
.slideContent{
  position: absolute;
  top: 32px;
  left: 32px;
  height: 158px;
  width: 168px;
  color: #ffffff;
  line-height: 1.4em;
}
#slides h2{ font-size: 18px; font-weight: normal; margin: 0px 0px 8px 0px; padding: 0px; }
#slides a{ color: #a02426; font-weight: bold; }

/* (temporary) */
#slides-temp{
  position: absolute;
  top: 30px;
  left: 133px;
  height: 218px;
  width: 1002px;
}
#slides-temp h2{ font-size: 18px; font-weight: normal; margin: 0px 0px 8px 0px; padding: 0px; }
#slides-temp a{ color: #ffffff; font-weight: bold; }


/* ----- STICKY NOTE AREA ----- */
#stickies{
  position: relative;
  height: 252px;
  width: 584px;
}
#quickLinks{
  position: absolute;
  top: 0px;
  left: -14px;
  width: 324px;
  height: 298px;
  background: url(../images/posty.jpg) no-repeat;
}
#quickLinks p{ font-weight: bold; margin: 6px 0px 6px 10px; }
#quickLinks a{ color: #760000; }
#qlPad{ padding: 28px 40px 0px 24px; }
#construction{
  position: absolute;
  top: 64px;
  left: 220px;
}

#directions{
  margin-left: 20px;
  width: 275px;
  height: 127px;
  background: url(../images/sticky_small.jpg) no-repeat;
}
#directions p{ margin: 6px 0px; }
#dirPad{ padding: 36px 26px 0px 30px; }

#redevelopment{
  position: absolute;
  top: 200px;
  left: 328px;
}

#supportOurTroopsArea { height: 93px; }
#economicInfo, #tourismInfo { position: absolute; width: 161px; height: 33px; top: 10px; right: 20px; text-align: center; padding: 30px; color: #FFF; background: url('../images/callout.jpg') no-repeat; }
#tourismInfo { top: 100px; }
#economicInfo a, #tourismInfo a { color: #fff; text-decoration: underline; }