/* majorcaseunit.org: deliberately plain, a county agency site built years ago and maintained by one clerk. Fixed width,
   Verdana body, Times headings, underlined links, a vertical menu, small bordered photos. Nothing "designed". */
body{ margin:0; padding:0; background:#dfe3ea url('/assets/img/bg-stripe.png') repeat-x top; color:#222; font-family:Verdana,Geneva,Arial,sans-serif; font-size:13px; line-height:1.5; }
a{ color:#003366; text-decoration:underline; }
a:hover{ color:#8a0000; }
img{ border:0; }
#page{ width:960px; margin:12px auto 20px; background:#fff; border:1px solid #9aa3b1; }
#topbar{ background:#f1f3f6; border-bottom:1px solid #c9cfd8; font-size:11px; color:#444; padding:4px 10px; text-align:right; }
#topbar a{ color:#003366; margin-left:10px; }
#header{ background:#0b2545 url('/assets/img/header-grad.png') repeat-x; color:#fff; padding:10px 14px; border-bottom:4px solid #b48a3c; overflow:hidden; }
#header img.seal{ float:left; width:88px; height:88px; margin-right:14px; }
#header h1{ margin:14px 0 2px; font-family:"Times New Roman",Times,serif; font-size:30px; font-weight:bold; letter-spacing:.5px; }
#header .tag{ margin:0; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#e9d8b3; }
#navbar{ background:#13315c; border-bottom:1px solid #0b2545; padding:0 8px; }
#navbar a{ display:inline-block; color:#fff; text-decoration:none; padding:8px 12px; font-size:12px; font-weight:bold; border-right:1px solid #2d4a7a; }
#navbar a:hover, #navbar a.on{ background:#b48a3c; color:#1a1306; }
#body{ overflow:hidden; }
#left{ float:left; width:200px; padding:14px 0 14px 12px; }
#left h3{ margin:0 0 6px; padding:6px 8px; background:#0b2545; color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:1px; }
#left ul{ list-style:none; margin:0 0 16px; padding:0; border:1px solid #c9cfd8; }
#left li{ border-bottom:1px solid #e1e5eb; }
#left li:last-child{ border-bottom:0; }
#left li a{ display:block; padding:6px 8px; text-decoration:none; font-size:12.5px; }
#left li a:hover{ background:#f1f3f6; text-decoration:underline; }
#left .box{ border:1px solid #c9cfd8; padding:8px; font-size:11.5px; margin:0 0 16px; background:#fbfbf7; }
#content{ margin-left:230px; padding:14px 18px 22px 0; min-height:520px; }
#content h1{ font-family:"Times New Roman",Times,serif; font-size:24px; color:#0b2545; margin:0 0 4px; font-weight:bold; }
#content h2{ font-family:"Times New Roman",Times,serif; font-size:18px; color:#0b2545; margin:22px 0 6px; border-bottom:1px solid #c9cfd8; padding-bottom:3px; }
#content h3{ font-size:13.5px; color:#0b2545; margin:14px 0 4px; }
.crumb{ font-size:11px; color:#666; margin:0 0 14px; }
p{ margin:0 0 10px; }
ul{ margin:0 0 10px 22px; }
.photo{ float:right; margin:0 0 10px 16px; border:1px solid #9aa3b1; padding:3px; background:#fff; }
.photo img{ display:block; width:260px; height:auto; }
.photo .cap{ font-size:10.5px; color:#555; padding:3px 2px 0; width:260px; }
.notice{ border:1px solid #d6b35c; background:#fff8e1; padding:8px 10px; margin:0 0 14px; font-size:12.5px; }
table.data{ border-collapse:collapse; width:100%; font-size:12.5px; margin:6px 0 14px; }
table.data th, table.data td{ border:1px solid #c9cfd8; padding:5px 8px; text-align:left; vertical-align:top; }
table.data th{ background:#eef1f5; }
.news li{ margin-bottom:10px; }
.news .d{ color:#666; font-size:11.5px; }
.pdf{ padding-left:18px; background:url('/assets/img/pdf.gif') no-repeat 0 2px; }
form.records label{ display:block; font-weight:bold; margin:10px 0 3px; font-size:12.5px; }
form.records input[type=text], form.records input[type=email], form.records textarea, form.records select{ width:420px; padding:4px; border:1px solid #9aa3b1; font:inherit; font-size:12.5px; }
form.records textarea{ height:90px; }
form.records input[type=submit], .btn{ background:#eef1f5; border:1px solid #9aa3b1; padding:4px 12px; font:inherit; font-size:12.5px; cursor:pointer; }
.staff td{ width:50%; }
.small{ font-size:11px; color:#555; }
#footer{ border-top:3px solid #0b2545; background:#f1f3f6; padding:10px 14px; font-size:11px; color:#444; }
#footer a{ margin-right:10px; }
#footer .r{ float:right; }
.clear{ clear:both; }
