html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
a, img, dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

/*--------------------- skip link ----------------------*/
.skip { display: none; }

body {
margin: 0; padding: 0;
font: 68.8% Georgia, 'Times New Roman', Times, serif;
color: #000;
}

/*--------------------- for PRINT css adding header ----------------------*/
.entity { font: bold 12pt Georgia, "Times New Roman", Times, serif; margin-bottom: 25px; }
#top, #top .left, #top .right {display: none; }
#footer p { font: normal 1.27em Georgia, 'Times New Roman', Times, serif; margin: 25px 0 0 0; text-align: center; border-top: 1px solid #000; padding-top: 8px; }
#footer p.copyright, #footer p img { display: none; }
#navigation, #nav { display: none; }

/* stuffarooni
============================================================================= */
ul { list-style: none; }
img { border: none; }
p { margin: 0 0 15px 0; }
.clr {clear: both;height: 0;line-height: 0;font-size: 0;}

h1 {
font: bold 1.64em Georgia, 'Times New Roman', Times, serif;
padding: 0 0 8px 0; margin: 0 0 20px 0;
border-bottom: 1px solid #999;
}

h2 { font: bold 1.27em/1.45em Georgia, 'Times New Roman', Times, serif; margin: 0 0 15px 0; }
h3 { font: bold 1.09em/1.27em Georgia, 'Times New Roman', Times, serif; margin: 0 0 5px 0; }

.bold { font-weight: bold; }
.ctr { text-align: center; }
.gray {color: #C4AB60; }
.red {color: #BA1212; }
.blue {color: #212658; }
.textleft { text-align: left; }
.textright { text-align: right; }
.big { font-size: 1.18em; }
.bigger { font-size: 1.27em; }
.small { font-size: .91em; line-height: 1.27em; }

.spacer {padding: 5px 0;}
.spacer2 {padding: 10px 0;}

.separatorsmall {
border-top: 1px dashed #000;
padding: 8px 0;
margin-bottom: 5px;
}

.floatright { float: right; padding: 0 0 0 15px; }
.floatleft { float: left; padding: 0 15px 0 0; }
.frameright { padding: 7px; border: 1px solid #E4D8B6; float: right; margin: 0 0 0 15px; }
.frameleft { padding: 7px; border: 1px solid #E4D8B6; float: left; margin: 0 15px 0 0; }

/* -------------------- for opening quotes -------------------- */
.quote1 { font: bold 2.18em Georgia, 'Times New Roman', Times, serif; color: #BA1212; }
.quote2 { font: bold 1.64em Georgia, 'Times New Roman', Times, serif; color: #BA1212; }

/* -------------------- for raising up opening graphics -------------------- */
.imageup25 { margin-top: -25px; }
.imageup10 { margin-top: -10px; }

a:link, a:visited { color: #000; text-decoration: underline; }
a.imglink { border: none; }

/* --------------------------------- section links and right column graphics --------------------------------- */

.section { display: none; }
#content .right dl, .rc_translate { display: none; }

/* ------------------------- dynamic back to top link in span in footer -------------------------- */
#toTop { display: none; }



/* accessibility page
============================================================================= */
.access { margin: 5px 0 10px 0; float: left; width: 170px; display: inline; }

.key {
border: 1px solid #CCC;
padding: 3px 4px 2px 4px;
background-color: #DDD;
font: normal 1.09em/2.45em "Lucida Typewriter", "Lucida Console", "Courier New", Courier, monospace;
margin-right: 2px;
}

#accessexample { float: left; width: 270px; margin: 5px 0 20px 80px; text-align: center; }
#accessexample .key { line-height: 1.54em; }
#accessexample .title { font: bold 1.09em verdana, helvetica, arial, sans-serif; color: #BA1212; }
#accessexample .boo { font: bold 1em verdana, helvetica, arial, sans-serif; margin: 15px 0 5px 0; }

/*--------------------- for list of text sizing methods on accessibility page  ----------------------*/
dl.textsize { margin: 0 0 10px 0; line-height: 1.45em; }
.textsize dt { padding: 0 0 0 12px; font-weight: bold; margin: 10px 0 0 0; }
.textsize dd { padding: 0 0 8px 12px; }


/* -------------------- for the google map and info window contents -------------------- */
#map { width: 100%; height: 450px; border: 1px solid #D0D0BF; margin: 0 0 30px 0; }
#directions { margin: 0 0 30px 0; }
#map a, #directions a { border: none; }
#balloon { width: 300px; }
#balloon img {border: none; float: left; margin-right: 10px; }

#balloon h1{
font: bold 1.2em Georgia, 'Times New Roman', Times, serif;
text-align: left;
border-bottom: 1px solid #BA1212;
padding: 0 0 3px 0;
margin: 0 0 10px 0;
background: none;
border-top: 0;
}

#balloon p { font: normal 1em verdana, helvetica, arial, sans-serif; margin: 0 0 10px 0; }

input#saddr, input#daddr {
width: 200px;
padding: 2px;
margin: 0 0 5px 0;
font: .92em verdana, arial, helvetica, sans-serif;
vertical-align: middle;
}

p.js { padding: 10px 0 0 0; }
span.js2 { display: block; color: #999; font-size: .92em; }

#map .js3 {
background-color: #BA1212;
letter-spacing: .1em;
padding: 1px 2px 2px 2px;
color: #FFF;
border: 1px solid #000;
height: 22px; /* used in tandem with other rules to get elements same height, would be nice if it actually worked */
cursor: pointer;
}

/* ------------------------- various list items -------------------------- */

ul { list-style: none; }

ul.regular { list-style: none; padding: 0; margin: 10px 0 5px 0; }
.regular li { line-height: 1.45em; list-style-type: square; padding: 0 0 10px 0; margin: 0 0 0 20px; }
ul.side { margin: 0; padding: 0; list-style-type: square; }
.side li { margin: 20px 30px; padding: 0 0 2px 10px; border-left: 1px solid #000; line-height: 1.45em; }

/* index pages
============================================================================= */
dl.indice { margin: 0 30px; padding: 0; }
.indice dt { font: normal 1.27em Georgia, 'Times New Roman', Times, serif; padding: 0 0 2px 0; margin: 0; }

.indice dd {
font: normal 1em/1.54em Georgia, 'Times New Roman', Times, serif;
padding: 0 0 10px 0; margin: 0 0 10px 0;
border-bottom: 1px solid #000;
}

.indice dd:last-child { border-bottom: none; } /* not supported in Explorer */

/*------------ site map -------------*/

.sitemapleft { float: left; width: 280px; }
.sitemapright { float: left; width: 240px; }

.sitemapleft li, .sitemapright li {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;
font: bold 1em Georgia, 'Times New Roman', Times, serif;
}

.sitemapleft li li, .sitemapright li li { padding: 0; margin: 10px 0 0 20px; font-weight: normal; }

/*--------------------- for links ----------------------*/
.linksleft { float: left; width: 320px; }
.linksright { float: left; width: 200px; }

ul.links { margin: 0 0 30px 0; list-style-type: none; }
.links li { margin: 0; padding: 0 0 10px 0; font: normal 1em Georgia, 'Times New Roman', Times, serif; }

/* accordion styles for employment, SLAP, inmate visitation and sheriff's sales pages
============================================================================= */
h2.trigger {
padding: 0;
margin: 0 0 10px 0;
font: normal 1.45em/38px Georgia, 'Times New Roman', Times, serif;
border-bottom: 1px solid #000;
}

h2.trigger a { text-decoration: none; }
.accordion { margin: 0 0 10px 0; padding: 0; }
.accordion { display: block !important; } /* so that the accordion content is not hidden away */
.accordion .inner { padding: 20px 30px 10px 30px; border-bottom: 1px solid #000; }

/*--------------------- for bulleted list items on SLAP, inmate visitation and sheriff's sales pages ----------------------*/

.accordion .inner .regular li {
list-style-type: square;
padding: 0 0 10px 0;
margin: 0 40px;
}

.accordion .inner h3 { margin: 0 0 15px 0; }

/*--------------------- accordion additions on sheriff sale page ----------------------*/

.accordion .inner .regularsales li { /* for bigger margins within the accordions because there is no intro text and it looks funny */
list-style-type: square;
padding: 0 0 10px 0;
margin: 0 20px;
line-height: 1.45em;
}

/*--------------------- for employment page ----------------------*/

dl.employment { font: 1em/1.54em Georgia, 'Times New Roman', Times, serif; margin: 20px 20px; }
.employment dt { font-weight: bold; border-bottom: 1px solid #E4D8B6; margin: 10px 0 5px 0; }
.employment dd { margin: 0 0 15px 0; }

/*--------------------- for inmate visitation page because I give up ----------------------*/

.whatthefoock { clear: both; height: 40px; line-height: 0; font-size: 0; margin: 0; }

/* -------------------- form download paragraph box -------------------- */

.formdownload { text-align: center; border: 1px solid #E4D8B6; width: 350px; font-weight: bold; margin: 0 auto 15px auto; }

/* -------------------- accordion styles for main faqs -------------------- */
h2.faqtrig { font: bold 1em/1.36em Georgia, 'Times New Roman', Times, serif; margin: 0 0 10px 0; }
h2.faqtrig a { text-decoration: none; }

.faq {
margin: 0 0 10px 0;
padding: 0 0 6px 0;
border-bottom: 1px solid #E4D8B6;
display: block !important; /* so that the accordion content is not hidden away */
}

/* -------------------- right column info box between section and graphics -------------------- */
.infobox { border: 1px solid #000; width: 90%; padding: 15px; margin: 0 auto; }
.infobox p { line-height: 1.36em; }
.infobox ul { margin: 0 0 15px 20px; padding: 0; list-style: none; }

.infobox li {
list-style-type: square;
font: italic 1em/1.27em Georgia, 'Times New Roman', Times, serif;
padding: 0;
margin: 0 0 10px 0;
}

.infobox h2 { text-align: center; color: #BA1212; padding: 5px; line-height: 1.27em; }
.infobox h3 { font: bold 1.09em Georgia, 'Times New Roman', Times, serif; margin: 0 0 15px 0; }

/*--------------------- info box additions on sheriff sale page ----------------------*/

.infobox .no { font-style: normal; line-height: 1.36em; list-style: none;}

/*--------------------- 2 columns of content--history, courthouse ----------------------*/

.columnsplit { float: left; width: 100%; }
.colleft { float: left; width: 40%; }
.colright { float: left; width: 40%; }

.panel { border: 1px solid #E4D8B6; padding: 10px; } /* inmate visitation */

/*--------------------- styles for tables on employment and process service pages ----------------------*/
.table1 { margin: 0 0 15px 0; }

.table1 td {
padding: 5px 0 5px 10px;
line-height: 1.54em;
border-bottom: 1px solid #E4D8B6;
}

.table1 th {
border: 1px solid #E4D8B6;
border-width: 1px 0;
font-weight: bold;
padding: 7px 0;
text-transform: uppercase;
}

.table1 td.item {
color: #212658;
vertical-align: top;
width: 130px;
font-weight: bold;
border-right: 1px solid #E4D8B6;
padding-left: 0;
}

.table1 td ul { list-style: none; margin: 0; padding: 0; }

.accordion .inner .table1 td li, .table1 td li {
list-style-type: square;
padding: 0;
margin: 4px 0 0 20px;
line-height: 1.27em;
}

.table1 td.last { border-bottom: none; }

/* special for home page
=============================================================================  */
#container.home #content .left { float: left; width: 520px; border-right: 1px solid #E4D8B6; padding-right: 20px;}
#container.home #content .right { float: left; width: 160px; margin-left: 10px; }
#container.home #content .right dl { display: block !important; margin: 0 0 15px 0; }
#container.home #content .right dt a { font: normal 1.45em Georgia, 'Times New Roman', Times, serif; color: #BA1212; padding:0; margin: 0; text-decoration: none; }
#container.home #content .right dd { font: normal 1.09em/1.36em Georgia, 'Times New Roman', Times, serif; color: #000; margin: 0; padding: 0; }
#container.home #content .right img { display: none; }
#container.home #content .entity { font: bold 28pt Georgia, "Times New Roman", Times, serif; margin-bottom: 40px; }
#slideshow .slides { width: 520px; margin: 0 auto; position: relative; height: 290px; display: block !important; }
#slideshow .arrow, #thumbNav { display: none; }
p.welcome { font: italic 1.27em/1.64em Georgia, 'Times New Roman', Times, serif; margin: 15px 0 0 0; }
.homeaddy { font: bold 1em Georgia, 'Times New Roman', Times, serif; text-align: center; margin: 40px 0 0 0; }

/*------------ FOR colorbox used for Legal Services Division google map ------------*/
#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent, #cboxLoadedContent iframe {
padding: 0 !important; height:1000px !important; width: 1000px !important;
top: 0 !important; left: 0 !important; position:static !important; overflow: visible !important; float: none !important; }

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTitle, #cboxClose {display: none !important; }

/*  contact form
============================================================================= */
fieldset#contactform { /* border color being applied through an anti-IE conditional elsewhere */
width: 400px;
margin: 30px 0 15px 0;
padding: 0 20px;
float: left;
}

#contactform legend {
font: 1.2em arial, Verdana, Helvetica, sans-serif;
color: #212658;
text-transform: uppercase;
padding: 0 5px;
letter-spacing: .1em;
}

fieldset#contactform ul {width:402px; margin:0; padding:0; list-style:none;}
fieldset#contactform li {margin-bottom:10px; overflow:hidden; }
fieldset#contactform label {display:block; margin-bottom:2px; font-weight: bold; }
fieldset#contactform label span {color:#BA1212; font-weight: bold; }
fieldset#contactform input, fieldset#contactform textarea {width:397px; border:1px solid #D3D7E2; background-color:#F6F6F6; font: 1em Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 5px 3px; }
fieldset#contactform input:hover, fieldset#contactform input:focus, fieldset#contactform textarea:hover, fieldset#contactform textarea:focus { border-color:#7F9DB9; background-color:#F0F1F4;}

fieldset#contactform .sendit { width: 140px; height: 32px; margin: 5px 0; border: 0; padding: 0; }
#donecontact { padding: 10px; width: 382px; margin: 10px auto; display: none; }
#donecontact h2 { color: #FFF; margin: 0; }
.anti { display: none; }
.asterisk { font-weight: bold; color: #BA1212; }

/* -------------------- jquery form validation error messages -------------------- */
em.error {
color:#BA1212;
font: bold italic 1em arial, Verdana, Helvetica, sans-serif;
display: block;
padding-top: 2px;
}

input.error, textarea.error { border: 1px solid #BA1212 !important; }
.ajax { text-align: center; }
.telephone { width: 230px; margin: 0 0 25px 0; float: right; }
.telephone th { color: #BA1212; padding: 4px 0; text-transform: uppercase; }
.telephone td { padding: 4px 0; }