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 {position: absolute; left: -999em; width: 230px; }

a.skip:active, a.skip:focus {
top: 0;left: 0;
background-color: #BA1212; color: #FFF;
height: 20px; padding-top: 5px;z-index: 100;
text-align: center;
}

body {
margin: 0;
padding: 0;
min-width: 980px; /* doesn't work in IE6 */
font: 68.8% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #FFF url(http://www.mcsheriff.org/images/foo_bkgrd_alt.png) 0 0 repeat-x;
}

/*--------------------- hide print header entity  ----------------------*/
.entity { display: none; }

#container {
width: 968px;
margin: 0 auto;
background: url(http://www.mcsheriff.org/images/whole_shebang.png) 0 0 no-repeat;
}

#top { height: 171px; margin-bottom: 40px; background: #212658 url(http://www.mcsheriff.org/images/foo_bkgrd_top.png) 0 0 repeat-y; }

#top .left {
float: left;
width: 763px;
color: #FFF;
}

#top .left h1 { margin: 0; font-size: 3em; background: transparent; padding: 0; border: none; }
#top .left h1 a { color: #FFF; text-decoration: none; }

#top .right { float: right; width: 191px; }

/* --------------------------------- top right aligned vertical menu --------------------------------- */
#top .right ul { padding: 20px 0 0 23px; }
#top .right li { font: 1.36em Georgia, 'Times New Roman', Times, serif; padding-bottom: 10px; }

#top .right li a:link, #top .right li a:visited {
color: #FFF;
text-decoration: none;
background: url(http://www.mcsheriff.org/images/bullet_top.gif) 0 0 no-repeat;
padding-left: 18px;
}

#top .right li a:hover, #top .right li a:focus, #top .right li a:active { color: #BBBECB; background-position: 0 -16px; }

#top .right li.current a:link, #top .right li.current a:visited, #top .right li.current a:active, #top .right li.current a:hover { color: #BBBECB; background-position: 0 -16px; }

.clrlft { clear: left; height: 0; line-height: 0; font-size: 0; }

#content {
width: 860px;
position: relative;
height: auto !important; /* for modern browsers */
height: 410px; /* for IE5.x and IE6 */
min-height: 410px; /* for browsers that don't suck */
margin: 0 auto;
background: #FFF url(http://www.mcsheriff.org/images/sep_vert.gif) 560px 0 repeat-y;
}

#content .left {
float: left;
width: 520px;
}

#content .right {
float: left;
width: 260px;
margin-left: 80px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  sticky footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#container { padding-bottom: 110px; position: relative; }

#footer {
position: relative;
margin-top: -80px;
height: 80px;
background: #1D2447 url(http://www.mcsheriff.org/images/bkgrd_bottom.png) 50% 0 no-repeat;
clear:both;
}

#footer p {
font: normal 1.27em Georgia, 'Times New Roman', Times, serif;
margin: 0 auto;
color: #000;
position: relative;
width: 720px;
padding: 5px 0 0 140px;
}

#footer p img { position: absolute; top: -9px; left: 0; }

#footer p.copyright {
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
padding-top: 28px;
color: #FFF;
text-align: center;
padding-left: 0;
width: 800px;
}

#footer p.copyright a:link, #footer p.copyright a:visited { color: #FFF; text-decoration: none; border: none;}
#footer p.copyright a:hover, #footer p.copyright a:focus, #footer p.copyright a:active { color: #999; }

.clearfix:after {content: ".";
display: block; height: 0;
clear: both; visibility: hidden;}

* html .clearfix { height: 1%;} /* for IE/Win */

/* stuffarooni
============================================================================= */
ul { list-style: none; }
img { border: none; }

p {
font: 1em/1.54em Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 15px 0;
}

.clr {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}

h1 {
font: bold 1.64em tahoma, Georgia, 'Times New Roman', Times, serif;
color: #000;
padding: 10px 0 8px 0;
margin: 0 0 40px 0;
background: url(http://www.mcsheriff.org/images/sep_horz.gif) 0 100% repeat-x;
border-top: 8px solid #BA1212;
}

h2 { font: bold 1.27em/1.45em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; }
h3 { font: bold 1.09em/1.27em Verdana, Arial, Helvetica, sans-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 {
background: url(http://www.mcsheriff.org/images/sep_horz.gif) repeat-x;
padding: 8px 0;
}

.separatorvert {
background: url(http://www.mcsheriff.org/images/sep_vert.gif) 0 0 repeat-y;
height: 400px;
}

.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 verdana, arial, helvetica, sans-serif; color: #BA1212; }
.quote2 { font: bold 1.64em verdana, arial, helvetica, sans-serif; color: #BA1212; }

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

.pdf {
background: url(http://www.mcsheriff.org/images/icon_pdf.gif) 100% 0 no-repeat;
padding-right: 10px;
}

/* -------------------- to apply cute little icon to external links -------------------- */
.external {
background: url(http://www.mcsheriff.org/images/external.gif) 100% 50% no-repeat;
padding-right: 13px;
}

/* ------------------------- for better looking links in main content area -------------------------- */
a:link, a:visited { color: #BA1212; text-decoration: none; border-bottom: 1px dotted #BA1212; }
a:hover, a:focus, a:active { color: #212658; border-bottom: 1px solid #212658;}
a.imglink { border: none; } /* must apply this style directly to the image */

/* -------------------- no bottom border on these links -------------------- */

a.skip, 
#top .left h1 a, 
#top .right a, 
.hot a:link, .hot a:visited, .section li a,
#nav a { border: none; }


/* main top nav menu
============================================================================= */
#navigation {
position: relative;
margin: 0 auto;
height: 41px;
text-align: left;
width: 940px;
}

#nav {
margin: 0 auto;
font-size: 1em;
padding: 5px 0 0 0;
height: 35px;
}

/* image replacement general properties */
#nav em {
display: block;
position: absolute;
top: 0; left: 0;
z-index: 1;
height: 30px;
}

#nav li {
float: left;
list-style-type: none;
margin: 0;
position: relative; /* for image replacement */
cursor:pointer; /* to have cursor appear while hovered over 5px gap in next style */
margin: 0 10px 0 0;
}

/*The top-level common properties. Height matches the height of the images. */
#home, #about, #civil, #courthouse, #corrections, #community {
height: 30px!important;
margin-bottom: 5px; /* to force drop down to not start until it has cleared the background panel */
}

/* link appearance if no images are showing */
#nav a { display: block; color: #CC0000; }
#nav a:hover { color: #FFCC00; }

/* the individual item IDS and widths */
#home { width: 47px; }
#home em { width: 47px; background-image: url(http://www.mcsheriff.org/images/nav_home.png); }
#about { width: 71px; }
#about em { width: 71px; background-image: url(http://www.mcsheriff.org/images/nav_about.png); }
#civil { width: 98px; }
#civil em { width: 98px; background-image: url(http://www.mcsheriff.org/images/nav_civil.png); }
#courthouse { width: 147px; }
#courthouse em { width: 147px; background-image: url(http://www.mcsheriff.org/images/nav_court.png); }
#corrections { width: 153px; }
#corrections em { width: 153px; background-image: url(http://www.mcsheriff.org/images/nav_correct.png); }
#community { width: 151px; }
#community em { width: 151px; background-image: url(http://www.mcsheriff.org/images/nav_community.png); }

#home:hover em, #home:active em, #home:focus em,
#about:hover em, #about:active em, #about:focus em,
#civil:hover em, #civil:active em, #civil:focus em,
#courthouse:hover em, #courthouse:active em, #courthouse:focus em,
#corrections:hover em, #corrections:active em, #corrections:focus em,
#community:hover em, #community:active em, #community:focus em,
#nav .p7PMon em, #nav .p7PMmark em { background-position: left bottom; }

/* sub-menu links */
#nav ul {
margin: 0; padding: 0;
position: absolute;
left: -9000px;
/* z-index: 10000; is this even needed? */
border-right: 1px solid #840000;
border-bottom: 1px solid #840000;
background: url(http://www.mcsheriff.org/images/nav_sheer_sub.png) repeat-x;
}

#nav ul a, #nav ul a:visited {
padding: 6px 10px;
color: #FFF;
text-decoration: none;
}

/* sub-menu hovers */
#nav ul a:hover, #nav ul a:active, #nav ul a:focus {
background-color: #840000;
color: #FFF;
letter-spacing: 0.01px;
}

/* the current page marker style */
#nav ul .p7PMmark { font-weight: normal; background-color: #FFF !important; color: #840000 !important; }


/* The top property here and in the show class fixes a minor bug introduced in Safari browser for Panther OS */
#nav .p7PMhide { left: -9000px; border: 0; top: 0; }
#nav .p7PMshow { top: auto; left: auto; z-index: 20000 !important; }

#nav ul li { float: none; }
#nav ul, #nav ul li { width: 200px; } /* 2nd and subsequent submenu widths */

#nav a {overflow: hidden;}
#nav ul a {overflow: visible;}


/* --------------------------------- top search box --------------------------------- */
.search {
position: absolute;
right: 0;
padding: 0;
width: 198px;
top: 9px;
}

.form {
padding: 0;
border: 1px solid #A09A83;
background-color: #FFF;
width: 196px;
height: 20px;
}

.text {
position: absolute;
left: 0;
top: 2px;
font: 1em Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #3F3C30;
border: 0;
padding: 2px 0 0 6px;
background: transparent;
width: 162px;
height: 1.5em;
}

input.blur { color: #A09A83; }

.submit {
width: 20px;
height: 16px;
position: absolute;
top: 3px;
right: 0;
border: 0;
background: none;
padding: 0;
cursor:pointer;
background: url(http://www.mcsheriff.org/images/search2.png) 0 0 no-repeat;
}

.submit:hover { background-position: 0 -16px; }



/* --------------------------------- section links --------------------------------- */

.section h2 {
font: bold 1.36em tahoma, verdana, sans-serif;
text-transform: uppercase;
letter-spacing: .05em;
color: #BA1212;
margin: 0 0 20px 0;
}

.section ul {
width: 260px;
font: 1.27em Georgia, 'Times New Roman', Times, serif;
margin-bottom: 20px;
}

.section li { border-top: 1px solid #E4D8B6; }
.section li:first-child { border-top: none; }

.section li a {
display: block;
padding: 6px 0 5px 35px;
text-decoration: none;
color: #212658;
background: url(http://www.mcsheriff.org/images/section_circles.gif) 6px 6px no-repeat;
}

.section a:hover {
color: #212658;
background: #F0F0F0 url(http://www.mcsheriff.org/images/section_circles.gif) 6px -24px no-repeat;
}

.section li.current a:link,
.section li.current a:visited,
.section li.current a:active,
.section li.current a:hover { color: #FFF; background: #212658 url(http://www.mcsheriff.org/images/section_circles.gif) 6px -54px no-repeat; }


/* right column graphic buttons
============================================================================= */

#content .right dl { margin: 0; height: 77px; background-image: url(http://www.mcsheriff.org/images/rc_panels3.jpg); background-repeat: no-repeat; }

.fore { background-position: 0 0; }
.life { background-position: 0 -77px; }
.crime { background-position: 0 -154px; }
.video { background-position: 0 -231px; }
.inmate { background-position: 0 -385px; }

.fore:hover { background-position: -260px 0; }
.life:hover { background-position: -260px -77px; }
.crime:hover { background-position: -260px -154px; }
.video:hover { background-position: -260px -231px; }
.inmate:hover { background-position: -260px -385px; }

#content .right dt {
font: normal 1.45em Georgia, 'Times New Roman', Times, serif;
color: #BA1212;
padding: 6px 0 3px 67px;
margin: 0;
}

#content .right dd { 
font: normal 1.09em/1.36em Georgia, 'Times New Roman', Times, serif;
color: #212658;
margin: 0;
padding: 0 0 0 67px;
}

/* for all the biggerlink text element links in natural state */
.hot a:link, .hot a:visited { color: #BA1212; text-decoration: none; }

/* rollover style for dd text
#content .right dl.hover dd { color: #cc0088; } */

/* simulate rollover hover on all contained links
.hover a:link, .hover a:visited { color: #0066cc; text-decoration: none; } */

/* ------------------------- translation fieldset -------------------------- */
.rc_translate {
width: 193px;
height: 77px;
background: url(http://www.mcsheriff.org/images/rc_panels3.jpg) 0 -308px no-repeat;
padding-left: 67px;
}

.rc_translate p {
font: normal 1.45em Georgia, 'Times New Roman', Times, serif;
color: #BA1212;
padding: 6px 0 4px 0;
margin: 0;
}

.rc_translate fieldset {
margin: 0; padding: 0; border: 0;
position: relative;
width: 150px;
}

.rc_translate legend span { display: none; }
.rc_translate .langpair { margin: 0; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #3C3838; }

.rc_translate .submit {
width: 26px;
height: 17px;
background: url(http://www.mcsheriff.org/images/rc_translate_go.gif) 0 0 no-repeat;
position: absolute;
top: 0; right: 0;
}

.rc_translate .submit:hover { background-position: 0 -17px; }
.rc_translate p.disclaim { display: block; padding-top: 4px; font: .91em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; }
.rc_translate p.disclaim a:link, .rc_translate p.disclaim a:visited { color: #212658; border: none; }
.rc_translate p.disclaim a:hover, .rc_translate p.disclaim a:focus, .rc_translate p.disclaim a:active { color: #999; }


/* ------------------------- cycle on home page -------------------------- */
#slideshow {
width: 520px;
margin: 0 auto;
position: relative;
height: 290px;
}

#slideshow .arrow { display: block; height: 61px; width: 21px; background: url(http://www.mcsheriff.org/images/slides/arrows3.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 85px; cursor: pointer; z-index: 100; }
#slideshow .forward { background-position: 0 0; right: -10px; }
#slideshow .back { background-position: -46px 0; left: -10px; }
#slideshow .forward:hover { background-position: 0 -61px; }
#slideshow .back:hover { background-position: -46px -61px; }
#slideshow .forward:hover, #slideshow .back:hover, #thumbNav a { border: none; }

.slides {
width: 520px;
height: 376px;
margin: 0 auto;
overflow: hidden;
position: absolute; top: 0; left: 0;
height: 260px;
margin: 0;
}

.slides img { margin: 0; border: none; }

#thumbNav {
position: relative;
text-align: left;
background: url(http://www.mcsheriff.org/images/slides/cycle_nav_panel.png) 50% 0 no-repeat;
top: 228px;
z-index: 150;
padding: 5px 0 0 228px;
height: 27px;
}

#thumbNav a {
float: left;
display: block;
height: 18px;
width: 14px;
padding: 2px 4px;
color: #FFF;
font: normal 1.18em/1.55em "Lucida Typewriter", "Lucida Console", "Courier New", Courier, monospace;
text-align: center;
text-decoration: none;
margin-right: 6px;
}

#thumbNav a:hover { color: #ffcc00; }
#thumbNav a.activeSlide { color: #000; background: url(http://www.mcsheriff.org/images/slides/cycle_blank.png) 0 0 no-repeat; }
#thumbNav a:focus { outline: none; }

.pauseplay {
background: none;
color: white;
width: 22px;
text-align: center;
position: absolute;
right: 7px; top: 5px;
cursor: pointer;
}

/* ------------------------- welcome etc. on home page -------------------------- */
p.welcome { font: italic 1.27em/1.64em Georgia, 'Times New Roman', Times, serif; margin: 15px 0 0 0; }
.homeaddy { font: bold 1.27em Georgia, 'Times New Roman', Times, serif; text-align: center; margin: 0; }
#container.home { padding-bottom: 80px; position: relative; }
#footer p.copyright.home { padding-top: 50px; }


/* ------------------------- dynamic back to top link in span in footer -------------------------- */
#toTop {
background: url(http://www.mcsheriff.org/images/rc_returntotop.png);
height: 18px;
cursor:pointer;
text-decoration:none;
display: none;
width: 141px;
float: right;
}

#toTop:hover { background-position: 0 -18px; }

/* begin older CSS
============================================================================= */




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

.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: right;
width: 270px;
margin: 5px 0 20px 0;
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 {
background: url(http://www.mcsheriff.org/images/bullet_red.gif) 0 50% no-repeat;
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 p { font: normal 1em verdana, helvetica, arial, sans-serif; margin: 0 0 10px 0; }
#balloon img {float: right; margin-left: 10px; padding: 4px; border: 1px solid #E4D8B6; }

#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;
color: #BA1212;
margin: 0 0 10px 0;
background: none;
border-top: 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: 0; margin: 0; }
span.js2 { display: block; color: #999; font-size: .92em; padding-top: 0px; }

#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;
background: url(http://www.mcsheriff.org/images/bullet_gray.gif) 0 2px no-repeat;
padding: 0 0 10px 15px;
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;
background: url(http://www.mcsheriff.org/images/sep_vert.gif) repeat-y;
line-height: 1.45em;
}


/* index pages
============================================================================= */
dl.indice { margin: 0 30px; padding: 0; }

.indice dt {
font: normal 1.27em verdana, helvetica, arial, sans-serif;
background: url(http://www.mcsheriff.org/images/bullet_arrow.gif) 0 3px no-repeat;
padding: 0 0 2px 14px;
margin: 0;
}

.indice dd {
font: normal 1em/1.54em verdana, helvetica, arial, sans-serif;
padding: 0 0 10px 18px;
margin: 0 0 10px 0;
border-bottom: 1px solid #E4D8B6;
}

.indice dd:last-child { border-bottom: none; } /* not supported in Explorer */
.indice dt a:link, .indice dt a:visited { color: #BA1212; text-decoration: none; padding: 3px 10px 3px 4px; border: none; }
.indice dt a:hover, .indice dt a:focus, .indice dt a:active { color: #FFF; text-decoration: none; background-color: #212658; border: none; }

/*------------ 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 verdana, helvetica, arial, sans-serif;
}

.sitemapleft li li, .sitemapright li li {
background: url(http://www.mcsheriff.org/images/bullet_arrow.gif) 0 1px no-repeat;
padding: 0 0 0 20px;
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 verdana, helvetica, arial, sans-serif;
}

/* accordion styles for employment, SLAP, inmate visitation and sheriff's sales pages
============================================================================= */
h2.trigger {
padding: 0 0 0 45px;
margin: 0 0 10px 0;
background: url(http://www.mcsheriff.org/images/accord_trig.png) 0 0 no-repeat;
height: 38px;
width: 475px;
font: normal 1.45em/38px arial, verdana, sans-serif;
cursor:pointer;
float: left; /* need this or the bottom margin between triggers disappears sporadically in IE8, removed for IE7 CC */
}

h2.trigger a { color: #fff; text-decoration: none; display: block; outline: none; border: none; }
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: 0 100%; }

.accordion {
margin: 0 0 10px 0;
padding: 0;
border-top: 1px solid #E4D8B6;
background: url(http://www.mcsheriff.org/images/accord_bkgrd.gif) 0 0 repeat-y;
width: 520px;
overflow: hidden;
clear: both; /* messes up FF2 if float left on h2 trigger without clearing on accordion, IE6 needs it too if not using CC of float none on h2 trigger */
}

.accordion .inner {
padding: 20px 30px 10px 30px;
background: url(http://www.mcsheriff.org/images/accord_btm.gif) 0 100% no-repeat;
}

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

.accordion .inner .regular li {
background: url(http://www.mcsheriff.org/images/bullet_red.gif) 0 1px no-repeat;
padding: 0 0 10px 12px;
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 */
background: url(http://www.mcsheriff.org/images/bullet_red.gif) 0 1px no-repeat;
padding: 0 0 10px 12px;
margin: 0 20px;
line-height: 1.45em;
}

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

dl.employment {
font: 1em/1.54em Verdana, Arial, Helvetica, sans-serif;
margin: 20px 20px;
}

.employment dt {
color: #212658;
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;
}

.formdownload a { display: block; text-decoration: none; padding: 10px 0; color: #212658; }
.formdownload a:link, .formdownload a:visited {border: none; }
.formdownload a:hover, .formdownload a:focus, .formdownload a:active { display: block; background-color: #212658; color: #FFF; text-decoration: none; }

/* -------------------- accordion styles for main faqs -------------------- */
h2.faqtrig {
font: bold 1em/1.36em verdana, arial, verdana, sans-serif;
margin: 0 0 10px 0;
padding: 0 0 10px 20px;
cursor:pointer;
border-bottom: 1px solid #E4D8B6;
background: url(http://www.mcsheriff.org/images/faq_trig.gif) 0 0 no-repeat;
float: left; /* need this or the bottom margin between triggers disappears sporadically in IE8 */
width: 500px;
}

h2.faqtrig a { color: #212658; text-decoration: none; outline: none; border-bottom: 0; display: block;  }
h2.faqtrig a:hover { color: #BA1212; }
h2.faqtrig.open { border-bottom: 0; background-position: 0 -46px; }

.faq {
margin: 0 0 10px 0;
background: url(http://www.mcsheriff.org/images/faq_answer.gif) 0px 4px no-repeat;
padding: 0 0 6px 50px;
width: 470px;
border-bottom: 1px solid #E4D8B6;
overflow: hidden;
clear: both; /* messes up FF2 if float left on h2 trigger without clearing on accordion, IE6 needs it too if not using CC of float none on h2 trigger */
}

/* -------------------- right column info box between section and graphics -------------------- */
.infobox { border: 1px solid #E4D8B6; width: 228px; padding: 15px 15px 5px 15px; margin: 0 0 25px 0; }

.infobox p { line-height: 1.36em; }

.infobox ul {
margin: 0 0 15px 0;
padding: 0;
list-style: none;
}

.infobox li {
background: url(http://www.mcsheriff.org/images/bullet_gray.gif) 0 1px no-repeat;
font: italic 1em/1.27em verdana, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 0 15px;
margin: 0 0 10px 0;
}

.infobox h2 { text-align: center; color: #FFF; background-color: #BA1212; padding: 5px; line-height: 1.27em; }
.infobox h3 { font: bold 1.09em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; }

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

.infobox .no { /* for the links in the sidebar that don't get a bullet or left margin */
background: none; padding: 0;
font-style: normal; line-height: 1.36em;
}

.infobox li a:link, .infobox li a:visited { border: none; }

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

.columnsplit { float: left; width: 100%; }
.colleft { float: left; width: 230px; }
.colright { float: right; width: 230px; }

.panel { border: 1px solid #E4D8B6; background-color: #fff; 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 {
background: url(http://www.mcsheriff.org/images/bullet_blue.gif) 0 1px no-repeat;
padding: 0 0 0 12px;
margin: 4px 0;
line-height: 1.27em;
}

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

/*------------ FOR colorbox used for Legal Services Division google map ------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; background:#FFF; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden; background:#FFF; }
#cboxLoadedContent{overflow:auto; margin-bottom:30px; }
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:50%; left: 50%; width:100%;}
#cboxLoadingOverlay{background: url(http://www.mcsheriff.org/images/colorbox/loading.gif) 5px 5px no-repeat; }
#cboxTitle { border-top: 1px solid #DDD; position:absolute; left:0; bottom: 3px; width:100%; font: bold 1.09em verdana, arial, sans-serif; color: #212658; padding-top: 5px; }
#cboxClose{ position:absolute; right:0; bottom:-3px; display:block; background: #FFF url(http://www.mcsheriff.org/images/colorbox/closelabel.gif) 0 0 no-repeat; width:66px; height:22px; text-indent:-9999px; cursor:pointer; }

#cboxTopLeft{width:25px; height:25px; background:url(http://www.mcsheriff.org/images/colorbox/border_mine.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(http://www.mcsheriff.org/images/colorbox/border_mine.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(http://www.mcsheriff.org/images/colorbox/border_mine.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(http://www.mcsheriff.org/images/colorbox/border_mine.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(http://www.mcsheriff.org/images/colorbox/border_mine.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(http://www.mcsheriff.org/images/colorbox/border_mine.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(http://www.mcsheriff.org/images/colorbox/border_mine2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(http://www.mcsheriff.org/images/colorbox/border_mine2.png) -25px 0 repeat-y;}

div.noscript { text-align: center; padding-top: 15px; }

/*  contact form
============================================================================= */
fieldset#contactform { /* border color being applied through an anti-IE conditional elsewhere */
width: 476px;
margin: 30px 0 15px 0;
padding: 0 20px;
-moz-border-radius: 4px;/* for Mozilla, Firefox does not validate */
-webkit-border-radius: 7px;/* for Mozilla, Firefox does not validate */
}

#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:478px; 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:473px; 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 input, fieldset#contactform textarea {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

fieldset#contactform .sendit {
width: 140px;
height: 32px;
background: url(http://www.mcsheriff.org/images/send_it.gif) 0 0 no-repeat;
margin: 5px 0;
border: 0; padding: 0;
}

fieldset#contactform .sendit:hover { background-position: 0 -32px; }

#donecontact {  
background-color: #BA1212;
padding: 10px;  
width: 458px;   
margin: 10px auto;
-moz-border-radius: 4px;/* for Mozilla, Firefox does not validate */
-webkit-border-radius: 7px;/* for Mozilla, Firefox does not validate */
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;
background: url(http://www.mcsheriff.org/images/validation_error.gif) 98% 7px no-repeat !important;
}

.ajax { text-align: center; }

/*--------------------- for contact page ----------------------*/
.telephone { width: 260px; margin: 0 0 25px 0; }
.telephone th { color: #BA1212; padding: 4px 0; text-transform: uppercase; }
.telephone td { padding: 4px 0; }