/*--------------------- zero out elements ----------------------*/

* {
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6, p { margin: 0 0 12px 0; }

/*--------------------- skip to content link ----------------------*/

/* only IE mac will see this IT IS TO hide the whole skipnav thing and prevents functionality */
*>html #skip { display: none; }

.skipp a{
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}

.skipp { margin: 0; padding: 0; }

.skipp a {
top: 0;
left: 0;
background-color: #FFFF00;
text-align: center;
}

.skipp a:active, .skipp a:focus{
overflow: visible;
width: 726px;
height: auto;
padding: 2px 0;
}

#skip { position: relative; }

/*--------------------- begin structure ----------------------*/

html, body { 
margin: 0;
padding: 0;
text-align:center;
background-color: #666666;
font-family: verdana, helvetica, arial, sans-serif;
}

#pagewrap {
width: 726px;
text-align:left;
margin: 10px auto;
padding: 10px 0;
}

#header { width:100%; background-color: #FFFFFF; }
#header img { border:0; }
#header h1 { background: transparent; margin: 0; padding: 0; color: #0C188A; }

#container {
width: 726px;
position: relative;
background: #FFFFFF url(http://www.mcsheriff.org/images/sheriff_background.gif) repeat-y;
padding: 10px 0 5px 0;
}

#left {
float: left;
width: 194px;
margin-top: -17px;
display: inline; /* fix fox WIN/IE double-float bug */
position: relative;
padding-bottom: 10px;
font: 11px verdana, helvetica, arial, sans-serif;
text-align:center;
}

#content {
margin: 0 24px 0 218px;
padding: 20px 0 10px 0;
font: 11px verdana, helvetica, arial, sans-serif;
position: relative;
}

/* Hides from IE5-mac and gives the 3-pixels back to IE Win 6 \*/
* html #content { margin-left: 215px; }
/* End hide from IE5-mac */

#cleardiv {
clear: both;
}

#footer {
clear: both;
height: 29px;
width:100%;
background: url(http://www.mcsheriff.org/images/sheriff_bottom.gif) no-repeat;
}

.copyright {
text-align: center;
margin: 5px 0 0 0;
font: 10px verdana, helvetica, arial, sans-serif;
color: #BBB8B0;
}

.copyright a:link, .copyright a:visited { color: #BBB8B0; text-decoration: none; }
.copyright a:hover { color: #FFF; }

/*--------------------- horizontal navigation ----------------------*/

.hnav {
margin-left: 214px; /* minus 4 to account for anchor padding */
padding: 3px 0 0 0;
color: #0C188A;
font: 11px verdana, helvetica, arial, sans-serif;
}

.hnav ul {
list-style-type: none;
line-height: normal;
margin: 0;
padding: 0;
}

.hnav ul li a { padding: 0 4px; }
.hnav ul li {margin: 0; color: #0C188A; display: inline; }
.hnav ul li a:link, .hnav ul li a:visited { color: #0C188A;  text-decoration: none; }
.hnav ul li a:hover { color: #999; text-decoration: none; }

/*-------------------------------------- content --------------------------------------*/
a:link, a:visited { color: #0066CC; text-decoration: none; }
a:hover { color: #990066; text-decoration: none; }

img { border: none; }

.section {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #990066;
padding-top: 24px;
}

h1 { 
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
color: #0C188A;
background: url(http://www.mcsheriff.org/images/separator1.gif) 0 100% repeat-x;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

h1.mid { 
font: bold 14px/19px Verdana, Arial, Helvetica, sans-serif;
padding: 0;
background: transparent;
}

h2 { 
font: bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

p {
font: 11px/165% Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 12px 0;
}

#left p {
font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
color: #0C188A;
}

#left p a:link, #left p a:visited {color: #0C188A; text-decoration: none; }
#left p a:hover {color: #888; }

/*--------------------- search styles ----------------------*/
.search {
color: #666666;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 15px auto 10px auto;
}

.search input { vertical-align: middle; }

.search .entry {
width: 116px;
border: 1px solid #888888;
background-color: #E9E7E3;
margin: 5px 0 10px 0;
padding: 2px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #0C188A;
}

.search .button {
color: #666;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: .05em;
background-color: #BBB8B0;
padding: 0 2px 1px 2px;
border: 1px solid #888;
margin-bottom: 5px;
height: 19px; /* used in tandem with other rules to get elements same height */
cursor: pointer;
}

.search .button:hover {
color: #333;
border: 1px solid #333;
}

label {
color: #666666;
text-transform: uppercase;
letter-spacing: .05em;
}

/*--------------------- left column translation fieldset ----------------------*/

fieldset#trans {
margin: 10px auto 0 auto;
width: 154px;
background-color: #D4D0C8;
padding-bottom: 5px;
}

fieldset#trans span {
display: block;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .05em;
text-transform: uppercase;
color: #666;
margin: 5px 0;
}

fieldset#trans .langpair { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
fieldset#trans option { padding: 0 5px 0 2px; } /* to add padding in Firefox */
fieldset#trans p.small { margin: 0; font-size: 10px; }

fieldset#trans .submit {
width: 90px;
height: 20px;
background: url(http://www.mcsheriff.org/images/translate.png) 0 0 no-repeat;
margin: 6px 0 2px 0; 
}

fieldset#trans .submit:hover { background: url(http://www.mcsheriff.org/images/translate.png) 0 -20px no-repeat; }

.clr { clear: both; }

/* - - - - - - - - - - - - - - - for spacer lines and graphics- - - - - - - - - - - - - */

.spacer {padding: 5px 0;}
.spacer2 {padding: 10px 0;}
.spacer3 {padding: 15px 0;}
.spacer4 {padding: 20px 0;}

.separatorsmall {
background: url(http://www.mcsheriff.org/images/separator1.gif) repeat-x;
padding: 7px 0;
}

.separatorbottom {
background: url(http://www.mcsheriff.org/images/separator1.gif) 0 100% repeat-x;
padding: 7px 0;
}

ul, ol, dl { position: relative;  }

/*--------------------- hide print header and footer  ----------------------*/

.entity, .print { display: none; }

/*--------------------- for inline images ----------------------*/

.floatright {
float: right;
padding: 0 0 0 10px;
position: relative;
}

.floatleft {
float: left;
padding: 0 10px 0 0;
position: relative;
}


/*--------------------- special ----------------------*/

.bold { font-weight: bold; }
.maroon { color: #990066; }
.dblue { color: #0C188A; }

.gray { color: #888888; }
.black { color: #000000; }

.small { font: 10px/13px Verdana, Arial, Helvetica, sans-serif; }
.smallitalic { font: italic 10px/13px Verdana, Arial, Helvetica, sans-serif; }

.centered { text-align: center; }
.right { text-align: right; }

/* - - - - - - - - FAQS list with left border - - - - - - - - */

ul.faqsside {
margin: 0;
padding-left: 0;
list-style-type: square;
}

.faqsside li {
font: 11px/165% Verdana, Arial, Helvetica, sans-serif;
margin: 20px 20px 30px 15px;
padding: 0 0 2px 10px;
background: url(http://www.mcsheriff.org/images/separator_vertical.gif) repeat-y;
}

span.question { color: #0C188A; font-weight: bold; }

/* - - - - - - - -  List with left border - - - - - - - - */

ul.side {
margin: 0;
padding-left: 0;
list-style-type: square;
}

.side li {
font: 11px/165% Verdana, Arial, Helvetica, sans-serif;
margin: 20px 40px;
padding: 0 0 2px 10px;
background: url(http://www.mcsheriff.org/images/separator_vertical.gif) repeat-y;
}

span.first { color: #0C188A; font-weight: bold; }


/*--------------------- expanding/contracting for employment ----------------------*/
.trigger { cursor: pointer; }
.trigger:hover { cursor: pointer; }
.expanded { cursor: pointer; }
.expanded:hover { cursor: pointer; }

.show { /* fix for domcollapse in safari */
margin: 0;
position: static;
display: inline-table;
}

.hidden {
position:absolute;
left:-999em;
height:1px;
width:100px;
overflow:hidden;
}

#expand h2 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #0C188A;
text-align: left;
margin: 10px 0;
padding: 4px 0 8px 2px;
background: url(http://www.mcsheriff.org/images/separator1.gif) 0 100% repeat-x;
position: relative;
}

div#expand div { margin: 0 0 30px 0; width: 100%; }

/* pass rules to Mac IE only \*//*/
div#expand div {margin: 0; width: 480px; }
/**/


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

dl.employment {
font: 11px/165% Verdana, Arial, Helvetica, sans-serif;
margin: 15px 40px 0 40px;
position: relative;
}

.employment dt {
color: #990066;
font-weight: bold;
border-bottom: 1px solid #BBB8B0;
margin-bottom: 5px;
padding-bottom: 3px;
}

.employment dd {
margin: 0;
padding: 0 0 20px 0;
}

.employtable {
font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
margin: 15px 20px 0 20px;
background: url(http://www.mcsheriff.org/images/separator_vertical.gif) 120px 0 repeat-y;
}

.employtable td {
background: url(http://www.mcsheriff.org/images/separator1.gif) 0 100% repeat-x;
padding: 5px 0 10px 0;
}

.employtable td.left {
color: #990066;
vertical-align: top;
width: 130px;
}

.employtable td.last { background: transparent; }

/*--------------------- for links and site map pages ----------------------*/

.links {
list-style-type: none;
padding: 0;
margin-left: 0;
position: relative;
width: 100%;
}

.links li {
list-style-type: none;
padding: 0;
font: bold 11px verdana, helvetica, arial, sans-serif;
color: #0C188A;
}

.links ul li {
background: url(http://www.mcsheriff.org/images/bullet_arrow.gif) 0 1px no-repeat;
padding-left: 20px;
margin: 10px 0 0 20px;
font-weight: normal;
}

/*--------------------- for contact page ----------------------*/

table { font: 11px/165% Verdana, Arial, Helvetica, sans-serif;  }
th { color: #990066; padding: 0 0 10px 0; text-align: left; }

#contact .entry {
width: 325px;
margin-top: 5px;
margin-bottom: 10px;
padding: 2px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#contact textarea {
width: 98%;
padding: 2px;
margin-top: 5px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#contact .button {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .1em;
padding: 2px;
text-transform: uppercase;
margin: 10px 0 0 0;
}

/*--------------------- accessibility statement ----------------------*/
.access {
font: 11px/25px verdana, helvetica, arial, sans-serif;
margin: 10px 0 10px 10px;
float: left;
width: 200px;
display: inline; /* fix IE double margin bug */
}

.key {
border: 1px solid #CCCCCC;
padding: 3px 4px 2px 4px;
background-color: #DDDDDD;
font: normal 12px/25px "Lucida Typewriter", "Lucida Console", "Courier New", Courier, monospace;
margin-right: 5px;
}

#accessexample {
float: right;
width: 250px;
margin: 10px 5px 5px 0;
text-align: center;
}

#accessexample .title { font: bold 12px verdana, helvetica, arial, sans-serif; color: #990066; }
#accessexample .boo { font: bold 11px verdana, helvetica, arial, sans-serif; margin: 15px 0 5px 0; }

.sepdots {
background: url(http://www.mcsheriff.org/images/separator_3blue.gif) 50% 0 no-repeat;
padding: 14px 0;
}

.sepdots2 { /* to account for incomplete line preceding image */
background: url(http://www.mcsheriff.org/images/separator_3blue.gif) 50% 0 no-repeat;
padding: 20px 0 12px 0;
}

/*--------------------- sheriff sales how they work ----------------------*/

dl.civilprocess {
font: 11px/165% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

.civilprocess dt {
color: #0C188A;
font-weight: bold;
margin: 20px 0 10px 0;
}

.civilprocess dd {
margin: 10px 20px;
padding: 0 0 0 10px;
background: url(http://www.mcsheriff.org/images/bullet_tri_m.gif) 0 5px no-repeat;
}

.civilprocess dd .side li { margin: 20px 80px 20px 40px; line-height: 145%; }
.civilprocess dt.first { margin-top: 0; }


/*--------------------- for summon and complaints page ----------------------*/

.servicetable {
font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
background: url(http://www.mcsheriff.org/images/separator_vertical.gif) 145px 0 repeat-y;
}

.servicetable th {
border: 1px solid #999999;
border-width: 1px 0 1px 0;
background-color: #FFFFFF;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
padding: 7px 0;
color: #000000;
}

.servicetable td {
background: url(http://www.mcsheriff.org/images/separator1.gif) 0 100% repeat-x;
padding: 5px 10px 10px 5px;
}

.servicetable td.left {
vertical-align: top;
color: #990066;
width: 140px;
padding: 9px 5px 10px 10px;
}

.servicetable td.last { background: transparent; border-bottom: 1px solid #999999; }

.servicetable ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.servicetable li {
background: url(http://www.mcsheriff.org/images/bullet_multi_blue.gif) 0 6px no-repeat;
padding: 0 0 0 12px;
margin: 4px 0;
}

.regular {
list-style: none;
padding: 0;
margin: 0;
}

.regular li {
font: 11px verdana, helvetica, arial, sans-serif;
background: url(http://www.mcsheriff.org/images/bullet_multi_maroon.gif) 0 4px no-repeat;
padding: 0 0 10px 12px;
margin: 0 0 0 20px;
}

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

.columnsplit { float: left; width: 100%; }

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

.script1 { font: italic 20px/25px Georgia, 'Times New Roman', Times, serif; }
.script2 { font: italic 23px/28px Georgia, 'Times New Roman', Times, serif; }
.script3 { font: italic 24px/29px Georgia, 'Times New Roman', Times, serif; }

p.address, span.address { line-height: 15px; color: #990066; }


/*--------------------- search results page ----------------------*/

.breadcrumb {
margin: 0 auto 15px auto;
width: 100%;
}

.breadcrumb td { padding: 4px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

#searchresults th {
font-weight: bold;
color: #990066;
border-top: 1px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
padding: 4px;
}

#searchresults td { padding: 8px 4px; vertical-align: top; font: 11px/15px Verdana, Arial, Helvetica, sans-serif; }

#searchresults a:link, #searchresults a:visited { color: #0C188A; text-decoration: none;  font-weight: bold;}
#searchresults a:hover { color: #BBB8B0; }

.resultRowOne { background-color: #EEEEDE; }
.resultRowTwo { background-color: #FFFFFF; }

/*- - - - - - - - - - - - - - - - - - pagination - - - - - - - - - - - - - - - - - - */
.paginate {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
padding: 15px 0 5px 0;
text-align: right;
margin: 0 auto;
}

.pagecount { color: #666; }

.paginate b, .paginate a:link, .paginate a:visited {
border: 1px solid #BBB8B0;
padding: 3px 5px 4px 5px;
background-color: #FFF;
color: #990066;
text-decoration: none;
}

.paginate b { color: #000; }

.paginate a:hover {
border: 1px solid #0C188A;
background-color: #0C188A;
color: #FFF;
}

/* - - - - - - - - PDF icon used in span tag because IE6 sucks - - - - - - - - */

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

/* - - - - - - - - home page right columns - - - - - - - - */
.rightcol {
background: url(http://www.mcsheriff.org/images/separator_vertical.gif) repeat-y;
padding-left: 20px;
float: right;
width: 135px;
margin-left: 10px;
}

.rightcol h1 {
margin: 0 0 23px 0;
font: bold 18px 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
padding: 3px;
background: #0C188A;
}

.rightcol h2 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #990066;
text-align: right;
padding-bottom: 6px;
background: url(http://www.mcsheriff.org/images/separator1.gif) 0 100% repeat-x;
margin: 0 0 2px 0;
}

.rightcol p { font: 11px/14px Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #000; margin: 0 0 3px 0; }
.rightcol p a { font: 11px/16px Verdana, Arial, Helvetica, sans-serif; margin: 0;}
.rightcol p a:link, .rightcol p a:visited { color: #BBB8B0; text-decoration: none; }
.rightcol p a:hover { color: #009933; }

.welcome { float: left; width: 313px; }

.welcome p { font: italic 13px/20px Georgia, 'Times New Roman', Times, serif; }

.ed {
float: right;
margin-top: -15px;
margin-right: -7px;
padding: 0;
}

/*--------------------- leftcol text sizer ----------------------*/
#textsizer { padding-top: 15px; }

#textsizer a img { background: #999; }

#textsizer a:hover img { background: #000; border: none; }

#textsizer p {
font: 11px verdana, helvetica, arial, sans-serif;
color: #666666;
margin: 0 0 5px 0;
text-transform: uppercase;
letter-spacing: .05em;
}

#textsizer a:link, #textsizer a:visited { border: none; } 


/* - - - - for special announcements - - - - */
.announce {
margin: 0 0 26px 0;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
padding: 5px;
background-color: #0C188A;
}

/* - - - - for special announcements with no color background - - - - */
.announcex {
margin: 0 0 26px 0;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #0C188A;
text-align: center;
padding: 5px;
border: 1px solid #0C188A;
padding: 5px;
}

/* - - - - - - - - for contact form anti-spam field - - - - - - - - */
.anti { display: none; }

/*--------------------- for popup.js icon appended to popup or external links  ----------------------*/

.popup {
background: url(http://www.mcsheriff.org/images/new_window.gif) 100% 50% no-repeat;
padding-right: 15px;
}

/*--------------------- translation disclaimer rightcol ----------------------*/
.transnote {
background-color: #e9e7e3;
width: 180px;
float: right;
margin-left: 16px;
}

.transnote .top {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
color: #FFF;
text-align: center;
text-transform: uppercase;
letter-spacing: .05em;
background-color: #888;
padding: 5px 0;
}

.transnote p { padding: 0 10px;  }