body { font:Arial, Helvetica, sans-serif; font-size:12px; background: #fff url(../Images/dui-bg-shadow.gif) repeat-y 50% 0;}

#attention {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2A3F69; font-weight:bold; padding:5px 0 5px 0; text-align:center;}
#attention span.red {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#BD0E12; font-weight:bold; padding:5px 0 5px 0;}
	
#frame {width:900px;margin-right:auto;margin-left:auto;margin-top:0px;padding:0px;text-align:left; background-color:#fff; }
		
#contentleft {width:195px;padding:10px 5px 0px 0px;float:left;background:#fff;}
	
#contentcenter {width:660px;padding:10px 10px 10px 10px;float:left; background-color:#fff;}
#contentcenter p {color:#2A3F69; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:11px; padding:4px 0 4px 0; margin:0;}

#casetable {color:#2A3F69; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:13px; border: 1px solid #C2CCD8; padding:0px 0 0px 0; margin:0;}
.trdark {color:#2A3F69; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:13px; padding:4px 0 4px 0; margin:0; background-color:#C2CCD8;}
.trlight {color:#2A3F69; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:13px; padding:4px 0 4px 0; margin:0; background-color:#DFE4EB;}
#blockborder { border: 1px dashed #2A3F69; padding:10px; }


#contentcenter p.lightertxt {color:#2A3F69; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:13px; padding:4px 0 4px 0; margin:0;}
#contentcenter p.lightertxt a {color:#2A3F69; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:13px; padding:4px 0 4px 0; margin:0;}
#contentcenter p.lightertxt a {color:#2A3F69; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:13px; padding:4px 0 4px 0; margin:0;}
#contentcenter p.lightertxt a:hover {color:#9FB4CD; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:13px; padding:4px 0 4px 0; margin:0;}
#contentcenter p.darkertxt a.goback {color:#093365; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-weight:bold; font-size:15px; padding:4px 0 4px 0; margin:0;}

.forcontactform {color:#2A3F69; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:4px 0 4px 0; margin:0;}

#contentcenter ul {color:#5A657D; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:11px; padding:4px 0 4px 20px; margin:0;}
#contentcenter ol {color:#5A657D; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:11px; padding:4px 0 4px 20px; margin:0;}
#contentcenter blockquote.articles {color:#5A657D; background-color:#ededed; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:11px; padding:4px 0 4px 20px; margin:0;}
#contentcenter h1.lightertxt {color:#5A657D; border-bottom:0; border-top: 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; padding:8px 0 8px 0; margin:0; text-align:center;}

#contentcenter h2.lightertxt {color:#5A657D; border-bottom:0; border-top: 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; padding:8px 0 8px 0; margin:0; text-align:left;}

#contentcenter h3.lightertxt {color:#5A657D; border-bottom:0; border-top: 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; padding:8px 0 8px 0; margin:0; text-align:left;}

#contentcenter h1.orange {color:#FF6600; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:8px 0 8px 0; margin:0;}
#contentcenter h1.orange a {color:#FF6600; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:8px 0 8px 0; margin:0;}
#contentcenter h1.orange a:hover {color:#FF6600; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:8px 0 8px 0; margin:0;}

#contentcenter div.lightertxto a {color:#C8733A; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:11px; padding:4px 0 4px 0; text-decoration: none; background: url(../Images/odot.gif) no-repeat 10px 50%; padding-left: 28px;}
#contentcenter div.lightertxto a:hover {color:#C9B9AE; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; font-size:11px; padding:4px 0 4px 0; text-decoration: none; background: url(../Images/odot-h.gif) no-repeat 10px 50%; padding-left: 28px;}

#hrartdivider { border-top: 2px solid #ccc; width:100%; border-bottom:0; border-left:0; border-right:0; height:2px; background-color:#FFFFFF; margin:9px 0 9px 0;}
.hrartdivider { border-top: 2px solid #ccc; width:100%; border-bottom:0; border-left:0; border-right:0; height:2px; background-color:#FFFFFF; margin:9px 0 9px 0;}

#contentheader {height:42px; width:900px; padding:0px 0 5px 0;}

#topheader {height:60px;margin-right:auto;margin-left:auto;margin-top:0px; width: 900px; color: #fff; font-weight: bold; }
#tag {width:594px; float:right; padding:65px 0 0 0; font-family: "Myriad Web", Geneva, sans-serif; font-size: 20px }

#icons {height:70px;margin-right:auto;margin-left:auto;margin-top:0px; width: 895px; color: #fff; font-weight: bold; }
#icons a {text-decoration: none;}

#urgent {background: url(../Images/urgent-dui-info.gif) no-repeat 0 15px; height:45px; width:150px; color:#003366; padding:20px 0 0 42px; font-size: 14px; letter-spacing: 1px; float: left; }
a:hover#urgent { color: #0066cc; }

#contact {background: url(../Images/dui-contact-form.gif) no-repeat 0 15px; height:45px; width:125px;color:#003366; padding:20px 0 0 42px; font-size: 14px; letter-spacing: 1px; float: left; }
a:hover#contact { color: #0066cc; }

#defenses {background: url(../Images/dui-defenses.gif) no-repeat 0 15px; height:45px; width:125px;color:#003366; padding:25px 0 0 42px; font-size: 14px; letter-spacing: 1px; float: left; }
a:hover#defenses { color: #0066cc; }

#blog {background: url(../Images/dui-blog.gif) no-repeat 0 15px; height:45px; width:100px; color:#003366; padding:25px 0 0 42px; font-size: 14px; letter-spacing: 1px; float: left; }
a:hover#blog { color: #0066cc; }

#phone {background: url(../Images/phone.gif) no-repeat 0 15px; height:45px; width:150px; color:#003366; padding:15px 0 0 40px; font-size: 12px; letter-spacing: 1px; float: left; }
a:hover#phone { color: #0066cc; }

#icons2 {height:100px;margin-right:auto;margin-left:auto;margin-top:0px; width: 895px; color: #fff; font-weight: bold; }

#duibutton {background: url(../Images/duibutton.jpg) no-repeat 0 10px; height:100px; width:350px; padding:10px 0px 0px 10px; float: left; }	

#whatbutton {background: url(../Images/whatbutton.jpg) no-repeat 0 10px; height:100px; width:325px; padding:10px 20px 0px 10px; float: left; }

#mebutton {background: url(../Images/staffbutton.jpg) no-repeat 0 10px; height:100px; width:200px; padding:10px 0px 0px 10px; float: left; }

#masthead {background: url(../Images/newheader.jpg) no-repeat center; width:895px; height:202px; border: 1px solid #ccc; padding:2px; font-size: 1px; }

#affordablehead {background: url(../Images/affordable-dui-payment-plan.jpg) no-repeat center; width:895px; height:180px; border: 1px solid #ccc; padding:2px; font-size: 1px; }

#topheading {background: url(../Images/mainheader2.jpg) no-repeat center; width:770px; height:100px; border: 0px solid #ccc; padding:2px; font-size: 1px; float: left; }

#pigheading {background: url(../Images/piggybank.jpg) no-repeat center; width:115px; height:100px; border: 0px solid #ccc; padding:2px; font-size: 1px; float: right; }

#dmvhead {background: url(../Images/dmv-header.jpg) no-repeat center; width:895px; height:262px; border: 1px solid #ccc; padding:2px;}

#oakhead {background: url(../Images/oakheader2.jpg) no-repeat center; width:895px; height:180px; border: 1px solid #ccc; padding:2px; font-size: 1px;}
#haywardhead {background: url(../Images/haywardheader.jpg) no-repeat center; width:895px; height:180px; border: 1px solid #ccc; padding:2px;}
#fremonthead {background: url(../Images/fremontheader.jpg) no-repeat center; width:895px; height:180px; border: 1px solid #ccc; padding:2px;}
#sanfranhead {background: url(../Images/sanfranciscoheader.jpg) no-repeat center; width:895px; height:180px; border: 1px solid #ccc; padding:2px; font-size: 1px;}
#sanjosehead {background: url(../Images/sanjoseheader.jpg) no-repeat center; width:895px; height:180px; border: 1px solid #ccc; padding:2px;}
#pleasantonhead {background: url(../Images/pleasantonheader.jpg) no-repeat center; width:895px; height:180px; border: 1px solid #ccc; padding:2px; font-size: 1px;}
	
#belowmicons {clear:both; border-top: 1px solid #ccc; width:100%; height:5px;}
		
#infolist { border: 1px solid #ccc; padding: 2px 0 0px 0; font-family: Arial, Helvetica, sans-serif; background-color: #fff; color: #2A3F69; font-size:14px;}
#infolist ul { list-style: none; margin: 0px 2px 0px 2px; padding: 0; border: none;}
#infolist li { border-bottom: 2px solid #fff; margin: 0; list-style:none;}
#infolist li a { display: block; padding: 5px 5px 5px 0.5em; background-color: #9FB4CD; color: #000; text-decoration: none; width: 100%;}
html>body #infolist li a {width: auto;}
#infolist li a:hover { display: block; padding: 5px 5px 5px 0.5em; background-color: #CFD2D6; color: #000; text-decoration: none;}

#infolist li.subcat { border-bottom: 2px solid #fff; margin: 0; list-style:none;}
#infolist li.subcat a { display: block; padding: 5px 5px 5px 40px; background-color: #F3B992; color: #000; text-decoration: none;}
#infolist li.subcat a:hover { display: block; padding: 5px 5px 5px 40px; background-color: #CFD2D6; color: #000; text-decoration: none;}


#offerlist { float:right; font-weight:bold; width:340px;padding: 0; font-family: Arial, Helvetica, sans-serif; background-color: #fff; color: #8C0720; font-size:13px; }
#offerlist ul { list-style: none; margin: 0px 1px 0px 1px; padding: 0; border: none;}
#offerlist li { border-bottom: 10px solid #fff; margin: 0; list-style:none; font-size:13px;line-height:1.3em; }
#offerlist li a { display: block; padding: 5px 5px 5px 0.5em; background-color: #fff; color: #8C0720; text-decoration: none; width: 100%;}
html>body #offerlist li a {width: auto;}
#offerlist li a:hover { display: block; padding: 5px 5px 5px 0.5em; background-color: #fff; color: #8C0720; text-decoration: none;}	

#lfttips { padding-top:20px 20px 20px 0; width:195px; font-family: Arial, Helvetica, sans-serif; background-color: #fff; color: #2A3F69; font-size:11px; line-height:1.3em;}
#lfttips a { font-family: Arial, Helvetica, sans-serif; background-color: #fff; color: #2A3F69; font-size:11px; text-decoration:underline;}
#lfttips a:hover {font-family: Arial, Helvetica, sans-serif; background-color: #fff; color: #2A3F69; font-size:11px; text-decoration:none;}

#victories { border: 1px solid #ccc; padding: 10px 10px 10px 10px; font-family: Arial, Helvetica, sans-serif; background-color: #990908; color: #fff; font-size:14px; }
#victories a { font-family: Arial, Helvetica, sans-serif; background-color: #990908; color: #fff; font-size:11px; text-decoration:underline;}
#victories a:hover {font-family: Arial, Helvetica, sans-serif; background-color: #990908; color: #fff; font-size:11px; text-decoration:none;}

#footer {color:#5A657D; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:888px; border: 1px solid #ccc; text-align:center; padding:5px; vertical-align:middle; margin-top:10px;}

#radiobutton { width:900px; padding: 10px 0px 0px 0px; font-size:0px; }
#staffbutton { float:right; padding: 10px 0px 0px 0px; font-size:0px; }
#whatbutton { padding: 10px 0px 0px 0px; font-size:0px; }