/* City of Clarksville global CSS */

body{
  margin: 0px;
  padding: 17px 0px 0px 0px;
  background: url(../images/bg-top.jpg) top center no-repeat #e4e4e4;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.clear{ clear: both; }
img{ border: 0; }
a{ color: #00356a; text-decoration: none; }
a:hover{ text-decoration: underline; }

#outerContainer{
  position: relative;
  width: 1000px;
  margin: 0px auto;
}
#innerContainer{
  position: relative;
  float: right;
  width: 960px;
  background: #ffffff;
}
#mainBox{
  position: relative;
  margin: 14px;
  width: 932px;
  background: #e4e4e4;
}

/* ----- NAVIGATION ----- */
#nav{
  position: absolute;
  top: 30px;
  left: 0px;
  width: 40px;
  height: 845px;
  z-index: 100;
}
#nav img{ display: block; margin-bottom: 2px; }
.dropdown
{
  position: absolute;
  left: 40px;
  z-index: 100;
  display: none;
}
.dropdown a
{
  display: block;
  position: relative;
  padding: 4px 0px;
  color: #00356a;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  background: #ffffff;
  border-bottom: 1px solid #e4e4e4;
  width: 196px;
}
.dropdown a:hover { background: #00356a; color: #ffffff; text-decoration: none; }
.dropdown a.over { background: #00356a; color: #ffffff; text-decoration: none; }
.dropPad { padding: 0px 4px; }

#dd_services { top: 121px; }
#dd_dept { top: 242px; }
#dd_officials { top: 363px; }
#dd_community { bottom: 242px; }
#dd_links { bottom: 122px; }


/* ----- SIDE PANEL ----- */
#mainSidePanel{
  position: relative;
  float: left;
  margin-right: 14px;
  width: 320px;
  color: #00356a;
  font-size: 11px;
}
#mainSidePanel a{ color: #760000; }
#mainSidePanel p{ margin: 10px 0px 10px 24px; padding: 0px; }
img.sectionPhoto{
  display: block;
  margin-bottom: 0px;
  padding-bottom: 54px;
  background: url(../images/logobar.jpg) bottom left no-repeat;
}
img.marginPhoto{ display: block; margin-bottom: 16px; }
img.noMarginPhoto{ display: block; margin-bottom: 0px; }
#imgOverlay{
  position: absolute;
  top: 0px;
  right: 0px;
  height: 560px;
  width: 160px;
  background: #000000;
  opacity: .6;
  filter: alpha(opacity=60);
}
#linksOverlay{
  position: absolute;
  top: 10px;
  left: 168px;
  width: 144px;
  color: #ffffff;
  font-weight: bold;
}
#linksBox{ background: #6b6e74; padding: 8px 4px; font-weight: bold; margin-bottom: 16px;  }
#linksOverlay p, #linksBox p{ margin: 0px; padding: 5px 3px; }
#linksOverlay a, #linksBox a{ color: #ffffff; }
#linksOverlay a, #linksBox a:hover{ color: #cccccc; }
/* SIDE SEARCH AREA */
#searchArea{
  position: relative;
  margin: 16px 0px 0px 0px;
  padding: 0px;
  height: 37px;
  margin-bottom: 16px;
}
#searchBox{
  position: absolute;
  top: 1px;
  left: 14px;
  width: 260px;
  height: 36px;
  background: url(../images/search_bg.jpg) no-repeat;
}
#searchBoxText{
  position: absolute;
  top: 8px;
  left: 10px;
  width: 230px;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #00356a;
}
#searchButton{
  position: absolute;
  top: 0px;
  left: 274px;
}
#supportOurTroopsArea{
  margin: 10px 0px 0px 10px;
  padding: 20px 0px 0px 84px;
  height: 116px;
  background: url(../images/yellowribbon.jpg) no-repeat;
}

/* TOP SEARCH AREA */
#searchAreaTop{
  position: relative;
  float: right;
  width: 240px;
  height: 37px;
}
#searchBoxTop{
  position: absolute;
  top: 1px;
  left: 14px;
  width: 180px;
  height: 36px;
  background: url(../images/search_bg_top.jpg) no-repeat;
}
#searchBoxTopText{
  position: absolute;
  top: 8px;
  left: 10px;
  width: 150px;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #00356a;
}
#searchButtonTop{
  position: absolute;
  top: 0px;
  left: 194px;
}

/* ----- MAIN CONTENT COLUMN ----- */
#mainContentArea{
  position: relative;
  float: left;
  width: 598px;
  padding-bottom: 14px;
}
#mainContent{
  position: relative;
  width: 584px;
  min-height: 840px;
  height: auto !important;
  height: 840px;
  background: #ffffff;
}

#mainTopBar{
  position: relative;
  height: 14px;
  background: #760000;
}
#mainHeading{
  position: relative;
  background: #e4e4e4;
  padding: 8px 0px 8px 20px;
  font-size: 18px;
  color: #00356a;
}
#mainHeading1{
  position: relative;
  background: #e4e4e4;
  color: #00356a;
  padding: 4px 0px 6px 0px;
}
#mainHeading1 h1{
  margin: 0px;
  padding: 8px 0px;
  font-size: 18px;
  font-weight: normal;
}
.mainPad{ 
padding: 14px;
 }
 
.mainPad img{
 border:1px, #000000;
  }
  
#mainContent h3{
  font-size: 1.0em;
  font-weight: bold;
  color: #760000;
  margin: 4px 0px;
}
#mainContent p{ padding: 0px; margin: 6px 0px; }
#mainContent a{ font-weight: bold; }
#floatBox{
  position: relative;
  float: right;
  width: 200px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 12px 8px;
  border: 2px solid #760000;
}


/* ----- FOOTER ----- */
#footer{
  position: relative;
  background: url(../images/bg-bottom.jpg) top center no-repeat;
  font-size: 11px;
  color: #00356a;
  text-align: center;
  padding: 15px 0px;
}

/* ----- MISC ----- */
ul.newsList{
  margin-left: 20px;
  padding: 0px;
}
ul.newsList li{
  padding: 0px;
  margin: 10px 0px;
  line-height: 1.4em;
}

.auditTextBox {
width:400px;
}

.contentLeft {
float:left;
margin:20px 20px 20px 20px;
  padding: 10px;
}



}