﻿html{background-color:#333;font-family:arial,sans Serif, Verdana,tahoma,helvetica;height:100%;background-image:url('images/contentBkgd.jpg');
	background-repeat: repeat-y;background-position: 166px 500px;font-size:9pt;color:#000;}

body {width:980px;margin:0;padding:0;height:100%;}

.banner{height:123px;background:#333;}
#wrapper {width:980px;margin:0;padding:0;height:100%;position:relative;left:0px;top:0;background:#333;height:100%}

/* MAIN MENU
================================================================================================================*/
#mainMenu{position:absolute;z-index:3;left:0;top:0;width:163px;text-align:left;height:auto;margin-left:2px;padding-bottom:1px;font-size:11pt;
	font-family:Times New Roman;border-right:solid 1px #f5f5f5;background:#333 url('images/endMenu.jpg') no-repeat left bottom;}
*html #mainMenu{top:2px;}
#mainMenu a, #mainMenu a:visited{width:163px;display:block;text-decoration:none;height:29px;line-height:29px;
	background-image:url('images/bttnUp.jpg');background-repeat:no-repeat;color:#EEE8AA;background-color:#333;}
#mainMenu a.downstate, #mainMenu a.downstate:visited{background-image:url('images/bttnPgUp.jpg');}
#mainMenu a:hover{background-image:url('images/bttnHover.jpg');font-style:normal;}
#mainMenu a span, #mainMenu a:visited span, #mainMenu a:hover span{padding-left:20px;}

/* FOOTER
================================================================================================================*/
.footer{position:absolute;left:166px;bottom:-3px;z-index:100;}
*html .footer{position:absolute;left:166px;bottom:-1px;z-index:100;}

/* CONTENT 
================================================================================================================*/
.container{position:relative;margin-left:166px;text-align:left;background:transparent url('images/contentBkgd.jpg') repeat-y;height:100%;}
*html .container{background:transparent url('images/contentBkgd.jpg') repeat-y 0 0;height:100%;}
#contentHeader{position:relative;background:transparent url('images/contentHdr.jpg') no-repeat;}
#contentHeader .padding{height:50px;position:relative;width:825px;}
#contentHeader div.pgTitle{height:40px;width:100%;padding-left:45px;padding-top:12px;font-family:Times New Roman;font-size:16pt;}
#contentHeader img.ourMission {padding-left:17px;padding-top:10px;}
/*.contentBody{position:relative;height:auto;}*/
.content{padding-left:25px;padding-right:20px;}
ul li{padding-bottom:3px;} 
p.title{font-family:Times New Roman;font-size:16pt;margin-bottom:7px;margin-top:2px;}
p.subtitle{font-family:Times New Roman;font-size:14pt;margin-bottom:7px;margin-top:2px;}
p.subtitleArial{font-weight:bold;font-size:12pt;}
p, ul, li, ol {text-align:justify;}
ul.ulL li {text-align:left;padding:auto;}
p.smc:first-line{font-weight:bold;font-family:Tims New Roman;font-size:10pt;color:darkgoldenrod;letter-spacing:1px;}
b.label{font-weight:bold;line-height:25px;}
b.tnr{font-family:Times New Roman;font-size:12pt;color:#333;}
p.tnrp {font-family:Times New Roman;font-size:12pt;color:#333;font-weight:bold;}
p.tnrp span{font-family:Times New Roman;font-size:14pt;font-weight:normal;}
hr{height:3px;color:gold;border-style:double;margin:auto 25px;margin-right:12px;}
blockquote{font-variant:small-caps;}
p.endNote{padding:5px;background:#ffeb99;}
a:hover{font-style:italic;}
.link a, .link a:visited{color:#333;font-weight:bold;line-height:20px;}
.link a:hover{color:#000;font-weight:normal;font-style:normal;}
.pic{border:solid 2px gold;}
/* Gold Arrow Links 
================================================================================================================*/
 a.arrow, a.arrow:visited{color:#333;background:transparent url('images/arrow.gif') no-repeat left center; padding-left:10px;
	font-weight:bold;line-height:25px;display:block;}
 a.arrow:hover{color:#000;background:transparent url('images/arrowDk.gif') no-repeat left center;font-weight:normal;font-style:normal;}
 a.arrow2, a.arrow2:visited, .arrow2 a, .arrow2 a:visited{color:#333;background:transparent url('images/arrow.gif') no-repeat left center; padding-left:10px;
	font-weight:bold;line-height:25px;display:block;}
 a.arrow2:hover, .arrow2 a:hover{color:#000;background:transparent url('images/arrowDk.gif') no-repeat left center;font-weight:normal;font-style:normal;}

 /* OUR MISSION ANIMATION
================================================================================================================*/
#missionFade {position: absolute;z-index:5;left:47px;top: 25px;width: 619px;color: #ffeb99;font-size: 36px;
	font-family: 'Times New Roman', Times, serif;font-style:italic;}
#missionFadeSub {position: absolute;z-index:5;left:36px;top:85px;width:619px;text-align: right;color:#ffeb99; 
	font-family: 'Times New Roman', Times, serif;font-size: 24px;}
	
/* INDEX PAGE CONTENT COLUMNS
================================================================================================================*/
.leftCol2{position:absolute;left:2px;top:80px;width:350px;text-align:justify;padding-bottom:15px;}
.leftCol2 p.title{font-family:Times New Roman;font-size:16pt;margin-bottom:7px;margin-top:2px;}
.leftCol2 p.subtitle{font-family:Times New Roman;font-size:14pt;margin-bottom:7px;margin-top:2px;}
.leftCol2 p{margin-left:10px;}
.rightCol2{position:absolute;left:368px;top:80px;width:416px;padding-bottom:5px;}

/* CONTENT COLUMNS FOR OTHER PAGES
================================================================================================================*/
.contentBody {position:relative;width: 784px; left: 16px;}
.fullCol {left:0;width:744px; padding: 0 20px 0 20px}
.fullCol p{margin: 12px 0}
.fullCol table.shfForm{margin-left:25px;margin-right:12px;}

/* CONTENT BOXES
================================================================================================================*/
.outerHdr{position:relative;width:auto;border:solid 2px gold;background:#ffeb99;margin-top:3px;padding:3px;height:162px;}
.outer{position:relative;width:auto;border:solid 2px gold;background:#ffeb99;margin-top:3px;padding:3px;}
.lCorner, .lCornerTxt{position:absolute;top:-2px;left:-2px;}
*html .lCornerTxt{top:0;left:-5px;}/*for outer boxes with text titles in IE6 */
.outer p.heading{font-family:Times New Roman;font-size:14pt;margin:0;padding-left:15px;padding-bottom:3px;}
.outer p{margin:7px 10px;line-height:11pt;}
.inner{position:relative;border:solid 2px gold;background:#fffae5;padding:5px 0;}
.inner p{padding:0;margin-top:3px;margin-bottom:7px;}
.pad7{padding-left:7px;padding-right:7px;}

/* JUMP MENU 
================================================================================================================*/
#helpjumpmenu{margin-top: 0px;margin-left:10px;}
#helpjumpmenu option{color: #000;text-align:left;}
#helpjumpmenu option.topic {color: #000;font-weight: bold;background-color: #ffeb99;}

/* POINTS OF INTEREST BUTTONS 
================================================================================================================*/
#poi2{width:399px;min-width:399px;margin-left:auto;margin-right:auto;border:solid 3px #333;background:transparent url('images/poi/poiBk.gif') repeat;}
#poi2 a, #poi2 a:visited{font-size:8pt;font-weight:bold;color:#fff;text-align:center;width:125px;display:inline-block;text-decoration:none;
	padding:0;margin:0;background:#333;border:solid 3px #333;height:87px;min-height:87px;font-family:Tahoma, Verdana, helvetica,sans Serif;
	margin-bottom:2px;}
#poi2 a span{font-weight:bold;line-height:normal;}
#poi2 a:hover, #poi2 .temp a:hover {border:solid 3px gold;font-style:normal;}
#poi2 a:hover span, #poi2 .temp a:hover span {color:gold;font-style:normal;}
/* Temporary Events 
================================================================================================================*/
#poi2 .temp a, #poi2 .temp a:visited{display:block;width:393px;min-width:393px;height:60px;min-height:60px;}
#poi2 .wText{display:block;width:393px;min-width:393px;height:auto;background:#000;text-align:center;border:SOLID 3px darkgoldenrod;}/*for main event images with no links and text below*/
#poi2 .temp img .NoLink{border:double 3px darkgoldenrod;height:auto;}/*for main event images with no links*/
#poi2 .eventBanner a, #poi2 .eventBanner a:visited{display:block;width:393px;min-width:393px;height:85px;min-height:85px;}
#poi2 .eventBanner a:hover{color:gold;}

/* MOSTED WANTED / MISSINGKIDS 
================================================================================================================*/
.mwCol{position:relative;text-align:left;}
.mw {position:absolute;left:339px;color:#fff;border-left:2px;text-align:center;z-index:3000;}
*html .mw{left:338px;}
.mw p{margin:0;padding:2px;background:darkred;color:#fff;font-size:10pt;font-family:Arial, Helvetica, sans-serif;font-weight:bold;width:63px;text-align:center;}
.mw img{border:1px #333 solid;}
.mw a {color:#fff;text-decoration:none;}
.mw a:hover{font-style:normal;color:gold;}
.mk {position:relative;}
*html .mk{padding-left:0;}/*for IE6*/
a.mkLink img,a .mkLink:visited img{border:solid 3px #000;padding:0;margin:0;height:122px;min-height:122px;padding:0;margin:0;}
a.mkLink:hover img{border:solid 3px gold;}

/* ROSCOE EBEY AWARD 
================================================================================================================*/
.ebeyAward{position:absolute;left:18px;top:450px;width:749px;padding-bottom:5px;}
.ebeyAwardie .ebeyAward{top:460px;}
.ebeyAward .outer {padding:15px;padding-top:3px;}
.ebeyAward .outer .inner img.lCorner{position:absolute;top:-2px;left:-2px;}
*html .ebeyAward .outer .inner img.lCorner{left:-9px;top:0px;}/*for IE6*/

/* CONTACT DIRECTORY 
================================================================================================================*/
.lefttx{position:relative;width:380px;left:5px;}
.righttx{position:absolute;width:380px;left:392px;top:3px;}
*html .righttx{top:5px;}
.lefttx b, .righttx b{padding-left:7px;line-height:20px;color:#333;}
.kcsdtx {padding-left:18px;padding-top:3px;}
.kcsdtx b{font-size:12pt;}
.kcsdtx p{margin:10px auto;padding:auto;}
.kcsdtx p span{color:red;font-weight:bold;}
.linetx{position:relative;width:376px;display:block;height:17px;background:#fff;}
.linetx2{position:relative;width:376px;display:block;height:17px;}
.nametx{position:absolute;width:280px;left:5px;}
.faxtx{position:absolute;width:280px;left:75px;}
.phonetx{position:relative;margin-left:290px;}

/* KANE COUNTY ADULT JUSTICE CENTER / COMMUNITY POLICING
================================================================================================================*/
.jailMenu{position:relative;left:0px;top:-16px;text-align:center;}
.jailMenu a:hover{font-style:normal;}
.jailItem{padding-left:7px;padding-right:7px;}
.jailItem{display:table;}
/* Electronic Home Monitoring*/
.jailEHM{float:right;width:185px;display:block;text-align:right;}
.jailEHM img, .jailPic{border:2px solid gold;}
.crMenu{position:absolute;right:5px;font-size:8pt;font-family:Verdana, helvetica, arial, sans serif;height:21px;}
.crMenu a, .crMenu a:visited{color:#000;text-decoration:none;border-left:solid 1px #333;padding:0 4px;}
.crMenu a:hover{background:gold;font-style:normal;}
/* Corrections Administration*/
.jailPledge{position:relative;width:75%}
.jailPledge span{font-size:12pt;font-weight:bold;color:#666;}
.jailAdmin, /*for Community Policing*/ .comPolice, .admin{position:relative;height:130px;display:block;}
.jailStaff .jaStaffPhoto, .jailAdmin .jaPhoto, /*for Community Policing*/.comPolice .cpPhoto, .admin .adminPhoto {float:left;width:115px;margin-right:12px;}
*html .jailAdmin .jaPhoto, /*for Community Policing*/ .comPolice .cpPhoto, .admin .adminPhoto{margin-left:12px;}/*for IE6*/
.jailStaff .jaStaffPhoto, .jailAdmin .jaPhoto img, /*for Community Policing*/ .comPolice .cpPhoto img, .admin .adminPhoto img{border:2px solid gold;height:125px;width:100px;}
.jailAdmin .jaText, /*for Community Policing*/ .comPolice .cpText, .admin .adminText{margin:5px auto;line-height:10pt;height:125px;}
.jailAdmin .jaText span, .comPolice .cpText span, .admin .adminText span{font-size:11pt;font-weight:bold;color:#666;}
.progressPic{text-align:center;margin-top:25px;}
.progressPic img{margin:auto 15px;border:2px solid gold;}
.inner p.cr{padding-bottom:3px;border-bottom:solid 1px silver;}
.jailStaff{position:relative;height:145px;display:block;}
.jailStaff .jaTxt{margin:5px auto;line-height:10pt;height:140px;}
.jailStaff .jaTxt span{font-size:11pt;font-weight:bold;color:#666;}

/* 911 GUIDE 
================================================================================================================*/
.left911{position:relative;width:375px;margin-left:5px;}
.right911{position:absolute;width:375px;left:395px;top:5px;}
*html .right911{top:7px;}/*for IE6*/
.txt911{width:376px;font-size:12pt;margin-left:15px;font-weight:bold;}
.line911{position:relative;width:370px;padding-top:4px;padding-bottom:4px;background:#fff;}
.line911b{position:relative;width:370px;padding-top:4px;padding-bottom:4px;}
.l911{float:left;width:50px;margin-left:5px;top:0;font-weight:bold;font-size:11pt;}
.r911{position:relative;margin-left:60px;}

/* CIVIL DIVISION 
================================================================================================================*/
.civilDivision{width:100%;position:relative;}
.civilDivision .cdlt img{border:solid 2px gold;float:left;margin-right:15px;}
.civilDivision .cdlt p{padding-top:55px;}
.civilDivision .employees{border:solid 2px gold;margin-left:25px;float:left;margin-right:25px;}
.civilDivision hr{margin:auto;margin-right:12px;}
.civilDivision p{text-align:left;}
p.civilSC{font-variant:small-caps;}
.civilL {position:relative;width:450px;}
.civilR {position:absolute;width:270px;right:15px;top:240px;padding-left:15px;border-left:double 3px gold;}
 /*Civil Service Fees*/
.fees p{margin:10px 20px 10px 25px;}
.fees p strong{color:#333;}
table.feesTable{border:solid 1px #666;border-collapse:collapse;padding:0;margin-left:20px;margin-right:12px;}
table.feesTable tr td{padding:2px 5px;border:solid 1px #666;white-space:nowrap;}
table.feesTable tr.labels {background:#555;color:#f5f5f5;text-align:center;font-size:8pt;font-weight:bold;}
table.feesTable tr.labels td.tdSet{width:18%;white-space:normal;font-size:8pt;}

 
/* COMMUNITY POLICING (Too Good for Drugs)
================================================================================================================*/
.comPolL{position:relative;width:480px;float:left;border-right:double 3px gold;padding-right:20px;}
.comPolR{float:right;left:540px;text-align:left;top:25px;}
.cbBttn{width:auto;padding-bottom:3px;border:solid 1px gold;border-width:2px 0;text-align:center;margin-top:25px;}
.cbBttn a, .cbBttn a:visited{padding:0 30px;background:#ffeb99;font-family:Times New Roman;font-size:12pt;font-weight:bold;
	border:2px solid #fff;border-width:1px 2px 2px 1px;border-color:#f5f5f5 #666 #333 #dcdcdc;color:#333;text-decoration:none;height:32px;line-height:32px;}
.cbBttn a:hover{border-color:#333 #dcdcdc #f5f5f5 #666;background:gold;border-width:2px 1px 1px 2px;font-style:normal;}
.cpColL{position:relative;width:415px;float:left;}
.tgfdL{width:555px;}
.cpColR{position:absolute;width:315px;left:455px;text-align:left;}
.tgfdR{width:175px;left:595px;}
img.cpPic, img.commPic{float:left;margin-right:12px;border:2px solid gold;height:125px;width:100px;margin-left:5px;}
.wi{width:565px;margin-left:25px;padding-bottom:5px;}
.wi .wk{float:left;width:60px;display:block;font-variant:small-caps;}
.wi .wki{display:block;width:490px;margin-left:60px;}
div.sro{text-align:left;height:130px;}

/* AGENCY DIVISIONS
================================================================================================================*/
.bombColL{position:relative;width:445px;}
.bombColR{position:absolute;width:300px;right:5px;top:175px;}
*html .bombColR{right:2px;}/*for IE6*/
.bombColR .pic{margin-top:7px;}
/*.crtColL{position:relative;width:215px;float:left;}
.crtColC{position:relative;width:320px;float:left;}
.crtColR{position:absolute;width:215px;right:5px;}
*html .crtColR{right:2px;}/*for IE6*/
.csColL{position:relative;width:500px;}
.csColR{position:absolute;width:245px;right:5px;top:175px;}
.csContact{position:relative;display:block;width:275px;float:left;}
.csContact p{margin-top:3px;}
.csContact img{margin-right:5px;}
*html .csColR{right:2px;}/*for IE6*/
ul.cs li{margin-left:115px;padding-bottom:7px;}	
div.contactR{float:right;width:325px;height:auto;margin-top:10px;margin-left:12px;}
div.media{margin-top:0;}
div.contactL{float:left;width:325px;height:auto;margin-top:10px;margin-right:12px;}
.picR{border:solid 2px gold;float:right;margin-left:12px;}
.picL{border:solid 2px gold;float:left;margin-right:12px;}
#k9{position:relative;width:250px;height:100%;margin-right:10px;color:#fffae5;margin-left:-10px;
	padding:10px;background-image:url('images/poi/poiBk.gif');background-repeat:repeat;}
#k9 img{border:0;}
#k9 p{font-size:8pt;font-family:Verdana, helvetica, Tahoma, Sans-Serif Serif;padding-bottom:7px;text-align:left;}
#k9 a, #k9 a:visited, a.swatVideo, a.swatVideo:visited{border:solid 3px #000;float:left;margin-right:7px;}
#k9 a:hover, a.swatVideo:hover{border:solid 3px gold;font-style:normal;}
#k9 a, #k9 a:visited,#k9 a:hover{height:75px;min-height:75px;}
#k9 span{font-weight:bold;font-variant:small-caps;color:gold;}
#k9R{position:absolute;left:290px;height:auto;top:0;width:475px;max-width:460px;}
.swat{position:absolute;top:275px;left:20px;width:555px;text-align:justify;}
a.swatVideo, a.swatVideo:visited, a.swatVideo:hover{height:25px;min-height:25px;}
.cpaR{float:right;left:500px;text-align:left;top:25px;margin-left:12px;}
.cpaL{width:430px;float:left;border-right:double 3px gold;padding-right:20px;}
.ebeyPic{position:relative;float:left;margin:0 12px 12px auto;border:solid 2px gold;}
.ebeyL{width:405px;float:left;border-right:double 3px gold;padding-right:20px;}
.ebeyR{float:right;left:475px;text-align:left;top:25px;margin-left:12px;}
.ebeyR .outer{width:290px;}

/* DEPARTMENT HISTORY
================================================================================================================*/
.currShf{height:230px;text-align:justify;padding-right:12px;}
.pastShfList {position:absolute;right:15px;width:240px;top:0;}
.pastShfList .inner{padding-left:5px;}
.pastShfPicsHolder{width:490px;margin-top:7px;}
.pastShfPics{height:325px;text-align:center;background-image:url('images/poi/poiBk.gif');background-repeat:repeat;}
*html .pastShfPics{height:320px;}
#sheriffs{width:460px;min-width:460px;margin-left:auto;margin-right:auto;}
#sheriffs a, #sheriffs a:visited{font-size:8pt;font-weight:bold;color:#fff;text-align:center;width:100px;display:inline-block;text-decoration:none;
	padding:0;margin:0;background:#333;border:solid 3px #333;height:155px;min-height:155px;font-family:Tahoma, Verdana, helvetica,sans Serif;
	margin-bottom:2px;}
#sheriffs a span{font-weight:bold;line-height:normal;}
#sheriffs a:hover {border:solid 3px gold;font-style:normal;}
#sheriffs a:hover span {color:gold;font-style:normal;}
.currItem{float:left;width:270px;}
.currItemImg, .currPatchImg{text-align:center;margin-top:5px;}
.pastItems{margin-top:0;float:right;width:455px;}
#items{width:415px;min-width:415px;margin-left:auto;margin-right:auto;}
#items a, #items a:visited{text-align:center;width:60px;display:inline-block;text-decoration:none;padding:0;margin:0;background:#333;color:#fff;
		border:solid 3px #333;height:75px;min-height:75px;font-family:Tahoma, Verdana, helvetica,sans Serif;margin-bottom:2px;font-size:8pt;}
#items a:hover{border:solid 3px gold;color:gold;font-style:normal;}
.vehicles{width:320px;min-width:320px;margin-left:auto;margin-right:auto;}
.vehicles a, .vehicles a:visited{font-size:8pt;font-weight:bold;color:#fff;text-align:left;width:320px;display:block;text-decoration:none;
	padding:0;margin:0;background:#333;border:solid 3px #333;height:40px;min-height:40px;font-family:Tahoma, Verdana, helvetica,sans Serif;
	margin:4px auto;}
.vehicles a span{font-weight:bold;line-height:normal;}
.vehicles a:hover {border:solid 3px gold;font-style:normal;color:gold;}
.vehicles a:hover span {color:gold;font-style:normal;}
.vehicles img{margin-right:5px;border:0;vertical-align:middle;}
.jails{margin-left:3px;border:solid 2px gold;float:left;margin-right:10px;margin-bottom:7px;}
.imgR{float:right;margin-left:10px;margin-right:3px;}
.kcj{float:left;width:376px;margin:3px;height:150px;}
*html .kcj{width:374px;}
.kcj2{height:225px;}
.jailHistory{height:600px;padding-top:15px;}
.jR{text-align:right;}
.jL{text-align:left;}
.fallen{width:300px;min-width:300px;margin-left:auto;margin-right:auto;}
.fallen a, .fallen a:visited{font-size:8pt;font-weight:bold;color:#fff;text-align:left;width:295px;display:block;text-decoration:none;
	padding:0;margin:0;background:#333;border:solid 3px #333;height:125px;min-height:125px;font-family:Tahoma, Verdana, helvetica,sans Serif;
	margin:4px auto;}
.fallen a span{font-weight:bold;line-height:normal;}
.fallen a:hover {border:solid 3px gold;font-style:normal;color:gold;}
.fallen a:hover span {color:gold;font-style:normal;}
.fallen img{margin-right:7px;border:0;vertical-align:middle;}


/* EMPLOYMENT
================================================================================================================*/
p.empP{margin-top:145px;}
p.genInfo{margin:7px auto;}
.more{position:absolute;bottom:10px;margin-left:7px;}
ul.empList ul {width:auto;}
ul.empList li {line-height:8pt;word-spacing:-1px;font-variant:small-caps;text-align:left;}
.smFont, .smFont p{font-size:8pt;font-family:Verdana, Tahoma, helvetica, Sans-Serif;line-height:9pt;}

/* SEX OFFENDER REGISTRY
================================================================================================================*/
.assgn  {display:none;list-style-type:none;}
 a.faq, a.faq:visited{margin-left:7px;color:#333;background:transparent url('images/arrowD2.gif') no-repeat left center; padding-left:10px;
	line-height:25px;display:block;font-size:10pt;font-weight:bold;text-decoration:none;}
 a.faq:hover{font-style:normal;text-decoration:underline;}

/* TRIAD
================================================================================================================*/
p.triad{font-style:italic;font-size:11pt;font-family:Times New Roman;text-align:center;}
#triad p{margin:0 35px 15px 35px;text-align:left;}
#triad strong{font-size:8pt;}
.resize{font-size:12pt;font-family:Times New Roman;}
p.sub14{font-size:14pt;font-weight:normal;}