body {
  margin: 0px; 
  padding: 0px;
  background-color: #666;
  font-family: verdana, arial, courrier;
/* note to self, DO NOT put CSSHOVER.htc here */
  }



#header, #sheriff-header, #hr-header {
  top:0;
  left:0;
  z-index: 1;
  height: 100px;
  background-color: #999;
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: 0px;  
  margin-right: 1px;  
  padding: 1px;  
  background-color: #F3F4F6;
  background-repeat: no-repeat;
  width: 560px;         
}  
*/

#BOCbox {  
  margin-top: 5px;  
  margin-bottom: 0px;
  margin-right: 1px;  
  padding: 0px;  
  background-color: #F3F4F6;
  background-repeat: no-repeat;
    width: 275px;   
  height: 100%;       
} 

#BOCbox {
  border-top: 1px solid #e3e4e6;
  border-bottom: 1px solid #e3e4e6;
}

#BOCbox td {  
  font-size: 12px;  
  color: #000000; 
  line-height: 24px;
}


#KCLivingBox {
  background-color: #FFF;
  }

  
#BOCbox {  
  font-size: 12px;  
  color: #000000;
    line-height: 24px;
}


#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;
  font-family: Century Gothic, Verdanda;
}

#dottedlinewhite {  
  border-top: 1px white dotted;      
}  

#dottedline {  
  border-top: 1px gray dotted;      
} 

/*  IE stinks */
#content img {position:relative;}