body {

  margin: 0px; 

  padding: 0px;

  background-color: #e7e7e7;

  font-family: verdana, arial, courrier;

/* DO NOT put CSSHOVER.htc here */
  }





#header, #sheriff-header, #hr-header {

  top:0;

  left:0;

  z-index: 1;

  height: 100px;

  background-color: #4f7c97;

width: 100%;



  background-image: url('/images/accessKentBanner.jpg');

  background-position:  left-top 50%;

  background-repeat: no-repeat; /* -x; */



  }



#sheriff-header{

  background-image: url('/images/sheriff_banner.jpg');

  }



#hr-header{

  background-image: url('/images/hr_banner.jpg');

  }





#top-nav {

  position: relative;

  z-index: 10;

  top: 0px;

  left: 0px; 

  z-index: 2;

  height: 35px;

  display: block;

width: 100%;



  background-color: #fff;

  behavior: url('/csshover.htc');  
  }



#main {

  position: relative;

  top: -4px;

  left: 0px; 

  z-index: 0;

  padding: 0px;

  padding-top: 2px;

  margin: 0px;

  display: block;

  background-color: #fff;

  width: 100%;

  }



#left-col {

  z-index: 5;

  position: relative;

  float: left;

  z-index: 2;

  width: 220px;                  /* 225 */

  font-size: 13px;

  margin-left: 2px;

  margin-right: 0px;

  behavior: url('/csshover.htc');  
  }



#right-col {

  position:relative;

  top: 0px;

  right: 0px;

  z-index: 1;

  width: 200px;

  font-size: 13px;

  margin-left: 0px;

  margin-right: 0px;

  padding-left: 0px;

  padding-right: 0px;

  }



#content, #content_1col {

  z-index: 3;

  position: relative;

  margin-left: 235px;  /*  240 */

  margin-right: 15px; 

  display: block;

  z-index: 1;

  background-color: #fff;

  }



#content_1col {

  margin-left: 0px;

  margin-right: 0px;

  }



#content-pad {

  position: relative;  

  padding-top: 0px;

  padding-bottom: 10px;

/*  width: 100%;                make IE behave */

  background-color: #fff;

  }



#bucket, #info-bucket {

  display:block;

  margin-top: 0px;

  margin-bottom: 8px;

  padding: 2px;

  border: 1px solid #bbb;

  background-color: #f5f5f5;

  background-image: url('/images/bucket_grad.gif');

  background-position: left bottom;

  background-repeat: repeat-x 

  }



#info-bucket-m {

  display: block;

  margin-top: 6px;

  margin-bottom: 6px;

  padding: 2px;

  color: #eee;

  font-size: 11px;

  background-color: #fbfbfb;

  }



#info-bucket {

  color: #000;

  margin-top: 6px;

  margin-bottom: 6px;

  font-size: 13px;

  }



#footer, #footer_1col {

  position: relative; 

  z-index: 0;

  left: 0px;  

  bottom: -4;

  display: block; 

  height: 83px;

  padding: 0px;

  margin: 0px;

  background-color: #eee;

  color: #444;

  border-top: 1px solid #ccc; 

  font-size: 9px;

  clear: both; 

  background-image: url('/images/footer_grad.gif');

  background-position:  left-bottom 50%;

  background-repeat: repeat-x;



   width: 100%;

  }



#footer_1col {

  left: 0px;

  }



#footerGIS {

  left: 0px;

  font-size: 9px;

  font-family: verdana, arial, trebuchet ms;

  background-color: #6080A1;

  color: #fff;

  }



#footer hr {

  display: none;

  width: 100%;

  }



#NewsandEventsbox {  

  margin-top: 0px;  

  margin-bottom: 0px; 

  padding: 0px; 

  width: 335px; 

  background-color: #FFFFFF;  

  background-position: left top;

  background-image: url('/images/home/boxtoplightblue2.jpg'); 

  background-repeat: no-repeat             

}  

  

#NewsandEventsbox table {  

  margin-top: 0px;  

  margin-bottom: 0px; 

  width: 335px;   

  background-color: #dcdcde;  

}



#NewsandEventsbox td {  

  font-size: 12px; 

  line-height: 22px;

  padding: 3px;

  font-color: #000000;  

}





#ContactInformationbox {  

  margin-top: 0px;  

  margin-bottom: 0px;  

  padding: 0px;  

  width: 335px; 

  background-color: #FFFFFF;  

  background-position: left top; 

  background-image: url('/images/home/boxtopblue2.jpg');    

  background-repeat: no-repeat           

}  

  

#ContactInformationbox table {    

  background-color: #b8b8b8;

  width: 335px; 

}



#ContactInformationbox td {  

  font-size: 12px;

  line-height: 18px;

  padding: 3px; 

  font-color: #000000;  

}



#FeaturedOnlineServicesbox {  

  margin-top: 5px;  

  margin-bottom: 0px;     

  padding: 0px;  

  background-color: #FFFFFF;          

}  



#OnlineServicesbox {  

  margin-top: 5px;  

  margin-bottom: 0px;

/*  border: 1px dotted #6fad00;    */

  border: 1px solid #c8e493;

  width:  267px;  

  padding: 0px;  

  background-color: #F5F5F5;          

  background-image: url('/images/home/services_grad.gif');

  background-position:  left-bottom 50%;

  background-repeat: repeat-x



}  

  

#OnlineServicesbox a {

  font-color: #666666;

  font-size: 12px;  

}



#OnlineServicesbox td {  

  font-size: 11px;  

  padding: 2px;

  color: #000000;

}







#BOCbox {  

  margin-top: 5px;  

  margin-bottom: 0px;

  margin-right: 1px;  

  padding: 0px;  

  background-color: #fff;

  background-repeat: no-repeat;

    width: 275px;   

  height: 130px;       

  font-size: 12px;  

  color: #000000;

    line-height: 24px;

}



#BOCbox td {  

  font-size: 12px;  

  color: #000000; 

  line-height: 24px;

}





#KCLivingBox {

  background-color: #FFF;

  }



  




#QuickLinksbox {  

  margin-top: 0px;  

  margin-bottom: 0px;  

  padding: 0px;  

  background-color: #FFFFFF;  

  background-image: url('/images/???.jpg');  

  background-position: left bottom;  

  background-repeat: no-repeat           

}  

  

#QuickLinksbox td {  

  font-size: 12px;  

  color: #000000;

    line-height: 20px;

}



#HomepageHeaderFristWord {

  font-size: 14px;

  color: #6fad00;

  text-align: left; 

  font-family: Century Gothic, Verdanda;

}

 

#HomepageHeader {

  font-size: 15px;

  first-letter: italic;

  letter-spacing: 9px; 

  word-spacing: -6px; 

  color: #000000;

  text-align: left; 

  font-family: Century Gothic, Verdanda;

}



#HomepageHeaderbox {

  font-size: 15px;

  line-height: 17px; 

  color: #000000;

  letter-spacing: 3px;

  word-spacing: -6px; 

  text-align: left; 

  padding: 10px 5px 5px 5px;

  font-family: Century Gothic, Verdanda;

}



#dottedlinewhite {  

  border-top: 1px white dotted;      

}  



#dottedline {  

  border-top: 1px gray dotted;      

} 



/*  IE stinks */

#content img {position:relative;}

