/* CSS Document */



/* CSS Master File for Sheriff */




/* Generic Page design setup - Adopt and move to sitewide CSS */

html {
height: 100%;
margin: 0px;
padding: 0px;

}




body {
font-size: medium;
font-family:Arial, Helvetica, sans-serif;
background-color:#3F3131;
height: 100%;
margin: 0 auto;
padding: 0;
}


/* page header */

.pageHeader {
				
		width: 80%;
		border: 1px solid #FFDD05;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		background-color: #000000;
		min-height: 150px;
		min-width: 902px;
		color: #ffffff;
		text-align: center;
		
}

.pageHeaderPrint 
{
	display: none;
	visibility: hidden;
}



.headerMenu 
{
float: right;
font-size: small;
width: 700px;
text-align: right;
}



/* Main Link Menu */

.pageMenu {
		position: relative;
	    width: 80%; 
		margin: 0 auto;
		background:url(/sheriff/common/images/menubutton.gif);
		margin-top: 3px;
		margin-bottom: 0px;
		min-width: 900px;
		font-size: small;
		height: 31px;
		border-left: 1px solid #FFDD05;
		border-right: 1px solid #FFDD05;
						
}


.menuWrapper 
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height: 31px;
	}

.menuWrapperCorrections 
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	height: 31px;
	
}

.menuWrapperEnforcement 
{
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	height: 31px;
	
}

.menuWrapperServices 
{
	width: 800px;
	margin: 0 auto;
	height: 31px;
	
	
}


* {padding:0; margin:0;}


.dropdown 
{
	float:left;
	}
	
	
.dropdown dt 
{
	width:auto; 
	border:1px solid #BFB7A4; 
	padding:7px; 
	font-weight:bold; 
	cursor:pointer; 
	background:url(/sheriff/common/images/menubutton.gif);
	}
	
.dropdown dt:hover 
{
	background:url(/sheriff/common/images/menubuttonover.gif)
	}
	
.dropdown dd 
{
	position:absolute; 
	overflow:hidden; 
	width:200px; 
	display:none; 
	background:#fff; 
	z-index:200; 
	opacity: 0;
	}
	
.dropdown ul 
{
	width:auto; 
	border:1px solid #BFB7A4; 
	list-style:none; 
	border-top:none; 
	}
	
.dropdown li 
{
	display: inline;
	 }
	 
	 
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#E5E2DB; width:auto;}
.dropdown a:hover {background:#D1CBBE; color:#000}
.dropdown .underline {border-bottom:1px solid #BFB7A4}
.dropdown .underlinePDF {border-bottom:1px solid #BFB7A4; background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
.dropdown a:hover.underlinePDF {background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat;}





/* Page Content */

.canvas 
{
position: relative;
text-align:left;
width: 80%;
background-color: #FCFCFA;
border-top:1px solid #FFDD05;
border-left:1px solid #FFDD05;
border-right:1px solid #FFDD05;
margin-left: auto;
margin-right: auto;
margin-top: -15px;
min-width: 900px;
padding-bottom: 10px;
}


.canvasHome {
	position: relative;
	    width: 80%;
		margin-left: auto;
		margin-right: auto;
		min-width: 900px;
		background-color: #FCFCFA;		
		margin-top: -15px;
		border-top: 1px solid #FFDD05;
		border-left: 1px solid #FFDD05;
		border-right: 1px solid #FFDD05;
						
		
}



.content 
{
	
	/*border: 1px dotted purple;*/
	vertical-align:top;
	
	}


.imageBanner 
{
	width: 100%;
	margin: 0 auto;
	
}

.imageBanner img 
{
border: 1px solid #000;
margin: 5px 5px 5px 0px;	
}



.featureLinks 
{
	position:inherit;
	float: right;
	width: 250px;
	border-left: 1px solid #FFDD05;
	margin: 0;
	height: 100%;
	text-align: left;
	top: 0px;
}

.featureLink 
{
	
	width: auto;
	color: #000000;
	font-size: large;
	vertical-align:middle;
	margin-bottom: 3px;
	padding-left: 3px;
	
}


.featureLink:hover 
{
	
	background-color:#E5E2DB;
	
}





/* Footer */


.footer 
{
	position: inherit;
	
		width: 80%;
		margin: 0 auto;
		background-color: #BFB7A4;
		/*background-color: #E5E2DB;*/
		border-left:1px solid #FFDD05;
		border-right:1px solid #FFDD05;
		border-bottom:1px solid #FFDD05;
		margin-bottom:5px;
		min-width: 900px;
		font-size: small;
		height: 180px;
		background:url(../images/footer.jpg);
		text-align: center;
}




/* Headers */

h1 
{
width: 100%;
text-align: center;	
/*border-top: 1px solid #BFB7A4;*/
margin-top: 5px;
margin-bottom: 5px;
font-size:xx-large;	
	
	
}


h2 
{
width: 100%;
text-align: center;		
	margin-top: 5px;
margin-bottom: 5px;
font-size:x-large;

	
}

h2.left 
{
width: 100%;
text-align: left;		
	margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
font-size:x-large;
	
}


h3 
{
width: 100%;
text-align: center;		
	margin-top: 10px;
margin-bottom: 10px;
font-size: large;
}

.textFlow 
{
width: auto;	
}



h4 
{
width: 100%;
text-align: center;		
	margin-top: 5px;
margin-bottom: 5px;
font-size: medium;
}

h5 
{
width: 100%;
text-align: center;		
	margin-top: 5px;
margin-bottom: 5px;
font-size: medium;
}


/* Basic Formatting */


p 
{
margin-top: 5px;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 15px;	
}


p.center 
{
width: 100%;
text-align: center;	
}

p.centerNomargin
{
width: 100%;
text-align: center;
margin: none;	
}

p.faq 
{
margin: 0px 0px 25px 15px;	
}

p.indent 
{
margin: 0px 0px 0px 50px;	

}


.faqQuestion 
{
font-size:larger;
font-weight: bold;	
margin-left: 5px;	
}



br.clearAll 
{
clear:both;	
}



.largeText 
{
	
font-size:x-large;	
}


/* Image/Media/Data Formatting */

/*
img 
{
border: 1px solid #000;	
	
}

*/

img.noBorder 
{
border: 0px;	
}





div.imageWithCaption 
{
	/*border: 1px solid #BFB7A4;
  margin : 0.5em;*/
  padding: 0.5em;
	text-align: center;
font-weight: bold;
  font-size: smaller;
  text-indent: 0;
}

div.imageWithCaption img 
{
	border: 1px solid #000;	
}


.leftAlignText 
{
text-align: left;
margin-left: 15px;	
}

div.leftAlign 
{
float:left;	
}

div.rightAlign
{
float: right;	
	
}

div.centerAlign 
{
	
margin: 0 auto;	
}

div.centerAlignPics 
{
	width: 900px;
	margin: 0 auto;
}

div.centerAlignPicsEvidence
{
	width: 690px;
	margin: 0 auto;
	}

div.centerAlignPicsInvestigation
{
	width: 780px;
	margin: 0 auto;
	
}


img.leftImage 
{
float: left;	
margin-right: 5px;
margin-left: 5px;
}

img.rightImage 
{
float: right;	
margin-right: 5px;
margin-left: 5px;	
	
	
}


img.imageIcon 
{
	vertical-align:middle;
	margin-right: 10px;
}


.slideshow 
{
width: 500px;
margin: 0 auto;
height: auto;
position: relative;
z-index:100;
	
}


.video
{
width: 400px;
margin: 0 auto;
margin-bottom: 30px;
height: auto;
position: relative;
z-index:1;
	
}

.videoPop 
{
border: 1px solid #000000;
width: 275px;
float: left;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	font-weight: bold;
}


.videoGroup 
{
width: 870px;
margin: 0 auto;

}


.mediaReleases 
{
	width: 100%;
margin: 0 auto;
text-align: left;	
	
}




.greetings 
{
width: 570px;
text-align: left;	
margin: 0 auto;
border: none;
text-align: justify;

}

.greetings h3
{
	font-size:medium;
}

.greetings span 
{
	font-size: 1.1em;
	text-align: justify;
}


.feature 
{
	position: relative;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 150px;
	margin-left: 5px;
	float: left;
	border: 1px solid #BFB7A4;

}

.feature h3 
{
font-size:medium;
}


.contact 
{
width: 400px;
margin-bottom: 5px;
margin-left: 20px;
	
}

.contact .contactName 
{
	font-weight: bold;
	
}


.openJobs 
{
	width: 400px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #3F3131;
	
}

.faqItem 
{
margin-top: 15px;
margin-bottom: 15px;	
	
}

.centeredForm {
margin: 0 auto;
text-align:center;
}

label {
font-weight: bold;
}

legend {
font-weight: bold;
font-size:1.1em;
}

fieldset.sheriffSearches  {
width: 60%;
padding:5px;
margin-left: auto;
margin-right: auto;
}


fieldset.sheriffSearches#activeWarrant  {
width: 40%;
padding:5px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}


.centeredButtons 
{
width: 70%;
text-align: center;
margin: 0 auto;	
	
}
	

	
	.linkTable 
	{
	width: 95%;
	margin: 0 auto;	
	
	}
	
	.linkTable td 
	{
	vertical-align: bottom;
	text-align: center;
	padding: 5px 5px 20px 5px;	
	}
	

/* Links and Button Links */


a { color:#0000CC;}
a:active { color:#AE1518;}
a:hover { color:#AE1518;}
a:visited { color:#AE1518;}


.headerMenu a {color:#FFFFFF; text-decoration:none;	}
.headerMenu a:active {	color:#FFFFFF;}
.headerMenu a:hover {	text-decoration:underline; 	color:#FFFFFF;}
.headerMenu a:visited {	color:#FFFFFF;}

.dropdown a.mainButton {text-decoration:none; width: auto; padding: 0; font-weight: bold; background: none; color:#000000;}
.dropdown a.mainButton:hover {text-decoration:none; background:url(/sheriff/common/images/menubuttonover.gif); width: auto; padding: 0; font-weight: bold;}
.dropdown a.mainButton:visited {text-decoration:none; width: auto; padding: 0; font-weight: bold; background: none; color:#000000;}


.featureLink a { color:#0000CC; text-decoration: none;}
.featureLink a:active { color:#0000CC;  text-decoration: none;}
.featureLink a:hover { color:#0000CC;  text-decoration: underline;}
.featureLink a:visited { color:#0000CC;  text-decoration: none;}

.featureLink a.alert { color:#CC0000; text-decoration: none;}
.featureLink a.alert:active { color:#CC0000;  text-decoration: none;}
.featureLink a.alert:hover { color:#CC0000;  text-decoration: underline;}
.featureLink a.alert:visited { color:#CC0000;  text-decoration: none;}

.footer a {color:#000000; text-decoration:none;	}
.footer a:active {	color:#000000;}
.footer a:hover {	text-decoration:underline; 	color:#000000;}
.footer a:visited {	color:#000000;}


a.pdf { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px; color:#0000CC;}
a:active.pdf { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
a:hover.pdf { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
a:visited.pdf { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px; color:#AE1518;}

a.indentLink { padding-left: 20px; height: 20px; color:#0000CC;}
a:active.indentLink {  padding-left: 20px; height: 20px;}
a:hover.indentLink {  padding-left: 20px; height: 20px;}
a:visited.indentLink {  padding-left: 20px; height: 20px; color:#AE1518;}


dl.divisions a {color:#0000CC; text-decoration:underline;}
dl.divisions a:active {color:#AE1518; text-decoration:underline;}
dl.divisions a:hover {color:#AE1518; text-decoration:underline;}
dl.divisions a:visisted {color:#AE1518; text-decoration:underline;}


dl.dropdown a.underlinePDF  {background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px; color:#000000;}
dl.dropdown a:active.underlinePDF {background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
dl.dropdown a:hover.underlinePDF {background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
dl.dropdown a:visited.underlinePDF {background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px; color:#3F3131;}

.centerLinkButton 
{
	height: 30px;
	padding: 5px; 
	font-weight: bold; 
	background:url(/sheriff/common/images/menubutton.gif);
	margin: 0 auto;
	
}

.centerLinkButton:hover 
{
	cursor: pointer;
}


/* 07:00 Report, Results Tables, & Other Tables */

.resultsTable tr.A         { background-color: #E9E9E9; border:1px solid #111111; }
.resultsTable tr.B         { background-color: #FFFFFF; border:1px solid #111111; }
.resultsTable td         { border:1px solid #111111;}
.resultsTable th         { background-color:#CCCCCC; border:1px solid #111111; }
.resultsTable {border-collapse: collapse; border-color:#111111; background-color:#CCCCCC; border:1px solid; font-size:.90em; width:100%;}

.landscape       { font-family: Times-Roman; font-size: 12pt; font-weight: bold; 
						text-decoration: italic; font-variant: small-caps; text-align: center; color: #0000FF  }
.date       { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12pt; text-align: center }
.counter     { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9pt; vertical-align: top; font-weight: bold }



caption 
{
font-weight: bold;	
}



table.pastSheriffsList 
{
width: 90%;
margin: 0 auto;
border-collapse: collapse;

	
}

table.pastSheriffsList td 
{
padding: 3px;
font-size:small;	
	
}

table.jobDescriptions 
{
width: 400px;
margin: 0 auto;
margin-bottom: 30px;
	
}

table.jobDescriptions th 
{
	text-align: left;
}

table.jobDescriptions td 
{
	
text-align: left;	
}




td.jobNumber 
{
	width: 40px;
	
}


.feeSchedule td {
vertical-align: top;
padding-bottom: 5px;
padding-left: 15px;

}


.feeSchedule td.feeType {
vertical-align: top;
padding-bottom: 20px;
width:550px;
margin-left:20px;
}

.dottedLine {
border-bottom:1px dotted #000066;
width: 100%;

}


.mileageFees 
{
	margin-left: 20px;
}

.twoColumnTable
{
width: 600px;	
	
}

.twoColumnTable th 
{
width: 200px;	
text-align: right;
padding-right: 5px;	
vertical-align: top;

}

.twoColumnTable td 
{
width: 400px;
text-align: left;
padding-left: 5px;	
vertical-align: top;

}

.threeColumnTable
{
width: 690px;
margin: 0 auto;
	
}

.threeColumnTable th 
{
width: 230px;	
vertical-align: top;
text-align: left;

}

.threeColumnTable td 
{
width: 230px;
vertical-align: top;
text-align: left;

}

.officersList {
width: 800px; 
margin: 0 auto; 

}


.officersList td 
{
	padding: 3px;
	width: 200px;
	text-align: center;
	vertical-align: top;
}

.officersList img
{
	border: 1px solid #000;
}

.dottedLine {
border-bottom:1px dotted #000066;
width: 100%;

}


/* Registered Offenders Table */

table.RegOffenders 
{
 width: 95%;
 border: 1px solid #111111;
 border-collapse: collapse;
  margin: 0 auto;

}


table.RegOffenders td 
{
	padding: 2px;
	text-align:left;
	border: 1px solid #CCCCCC;
}



table.RegOffenders tr.A         
{
	background-color: #ffffff; 
	font-weight: normal; 
	font-size:.75em;
	}
	
table.RegOffenders tr.B
         { 
			background-color: #e9e9e9; 
			font-weight: normal; 
			font-size:.75em;
			}


table.RegOffenders th  
{
	font-size: 9pt; 
	vertical-align: top; 
	font-weight: bold;
	background-color:#CCCCCC;
	padding: 2px;
	border: 1px solid #E5E5E5;
	
	}



/* Telephone lists */

.phoneList 
{
margin-left: 15px;	
}

.phoneList td {
vertical-align: top;
padding-bottom: 5px;
}


.phoneList td.phoneType {
vertical-align: top;
padding-bottom: 20px;
width:550px;
margin-left:20px;
}



/* Definition Lists */


dl.divisions, dl.employeeList 
{
width: 90%;
margin: 0 auto;
		
}


dl.divisions dt, dl.employeeList dt
{
	font-weight: bold ;
	font-size:large;
	
}

dl.divisions dd, dl.employeeList dd 
{
margin-bottom: 20px;	
	
}







/* Ordered and Unordered Lists */

.centeredList 
{
margin: 0 auto;
width: 500px;
	
}


.orderedListAlpha 
{
	margin: 0 auto;
	width: 500px;
	list-style-type: lower-alpha;
	
}

.unorderedListIndent 
{
margin: 0px 0px 0px 50px;	
	
}

.noBullet 
{
	list-style-type: none;
}

/* Contact Forms */

fieldset#contactForm {
width: 80%;
padding: 5px;
border: 1px solid #FF0000;
margin-left: auto;
margin-right: auto;

}


fieldset#contactForm legend {
font-size: 1.3em;
font-weight: bold;
color:#090C69;
}

fieldset#contactForm label {
font-weight: bold;
}

fieldset#contactForm td.labelText {
text-align: right;
font-weight:bold;
width: 15%;
}

/* Records Request Form */

table.recordsRequest {
	width: 85%;
	padding: 3px;
	border-collapse: collapse;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	margin-left: auto;
	margin-right: auto;
	border-collapse:collapse;
	
}

table.recordsRequest td.input {
	border: 1px solid #000066;
	text-align: left;
	padding: 8px;
	width: 60%;
	vertical-align:top;
		
}

table.recordsRequest td.coldata {
	border: 1px solid #000066;
	text-align: right;
	vertical-align:top;
	padding: 8px;
	width: 25%;
	
	

}


table.twoColumnData td.sectionhead {
	text-align: left;
	padding: 3px;

}

table.twoColumnData table#TableCellAlignBottom td {
vertical-align: bottom;
text-align:left;

}

fieldset#RecordsRequest {
width: 800px;
padding-bottom: 10px;
border: 1px solid #3366CC;
margin-left:auto;
margin-right:auto;
}


fieldset#RecordsRequest legend {
font-size: 1.2em;
font-weight: bold;
color:#000000;
}


/* Directions pages */

fieldset#googleMapping {
width: 550px;
padding: 5px;
border: 1px solid #3366CC;
text-align:left;
margin: 0 auto;
}

fieldset#googleMapping legend {
font-size: 1.0em;
font-weight: bold;
}

.mapDirections {
text-align: center;
margin: 0 auto;
}

.mapDirections table {
text-align: left;
}

table.directions {
margin: 0 auto;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
.greetings { 
float: left;
position: relative;
margin-left: 5%;
}
}

