/* This style sheet has been created for a vertical layout using one main table consisting of the following rows: Header, Main and Footer.  The Main row will be further subdivided into Left Nav, Content and Right Sidebar TD sections.  An example of this layout is the DUIFighter.com layout I did for Law Offices of John A. Campanella. */

/* clears margin, padding and borders for html and body tags */
html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}  

#blognav li { display:block;background:#ededed; padding:2px 8px 2px 8px; }
#blognav li a { text-decoration:none;width:100%;}
#blognav li a:hover { background:#666666;text-decoration:none;color:#ffffff;}
#blognav li:hover { background:#666666; text-decoration:none;color:#ffffff;}

/* the font styles for the text */
h1, h2, h3, h4 {
clear: both; color: #000000;
}

h1 {font-size: 18px;
}

h2 {font-size: 15px;
}

h3 {font-size: 11px;
}

h4 {font-size: 10px;
}

h5 {font-size: 8px;
}

p, ul, ol {color: #000000; font-size: 11px; line-height: 20px;}

.specialbullet1 {
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(http://www.sacramentoduiinformation.com/images/scales_of_justice.jpg);
	padding: 4px;
	margin: 2px;
}

p,h1,h2,h3,h4,ul,ol,li,div,span,blockquote,body,table,td {
font-family:verdana,arial,helvetica,sans-serif;
 }

.tiny {
	color: #003399;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-align: left;
	font-weight: bold;
	
}

.linktable {
	width: 320px;
	background: #eeeeee;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	
}

/* Style for Testimonial pages */ 
p.testimonial {
font-family: comic sans ms,georgia,times,serif;
font-size: 12px;
line-height: 22px;
color: #000000;
margin: 20px;
}

/* Makes the first letter of a paragraph with class "testimonial" take on a special pseudo-class */ 
p.testimonial:first-letter {
font-size: 24px;
padding: 5px;
float: left;
color: blue;
font-style: italic;
}


.footer {
	text-align: center;
	color: #ffffff; 
	font-size: 10px; 
	line-height:98%;
	background:  url(http://www.sacramentoduiinformation.com/images/FOOTER_satin_blue_background.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 755px;
	height: 50px;
}

.ahm {
	color: #ff9900; 
	font-weight: bold;
	font-size: 10px; 
	line-height: 24px;
}


/* the color and border class selectors */

#headerbar {
background:  url(http://www.sacramentoduiinformation.com/images/headerbar.jpg);
background-repeat: no-repeat;
background-position: 0% 0%;
width: 755px;
height: 100px;
}

.headerpics {
	width: 755px;
	height: 100px;
	background-color: #000000;
	background-position: left top;
}

.nav {
text-align: left;
background-image:  url(http://www.sacramentoduiinformation.com/images/NAV_satin_blue_background3.jpg);
background-repeat: y-repeat;
background-position: 0% 0%;
width: 150px;
z-index:1; 
border-right-width: 8px;
border-right-style: single;
border-right-color: #ff9900;
padding: 5px 0px 0px 0px;
}

.right {
text-align: left;
background-color: #ffffff;
padding: 10px 0px 10px 10px;
width: 180px;
}

.rightsmall {
text-align: left;
background-color: #ffffff;
padding: 10px 0px 10px 10px;
width: 166px;
}

.main {
text-align: left;
background-color: #ffffff;
padding: 10px 10px 10px 10px;
width: 370px !important;
}

.mainthankyou {
text-align: left;
background-color: #ffffff;
padding: 10px 10px 10px 10px;
width: 570px;
}

#div1 {
background-color: #cccccc;
color: #003399;
font-size: 15px;
font-weight: bold;
position: relative; 
z-index:0; 
}

#thicknavrule {
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	width: 140px;
	height: 5px;
	z-index:1;
	top: 253px;
}

/* the link text styles */
a:link {
color:#000000;
text-decoration:underline;
}

a:visited {
color: #999999;
text-decoration:underline;
}

a:hover {
color:#ff9900;
text-decoration:underline;
}

/* the link text styles for linktable */
a.linktable:link {
color:#ffffff;
text-decoration:underline;
}

a.linktable:visited {
color: #cccccc;
text-decoration:underline;
}

a.linktable:hover {
color:#ff9900;
text-decoration:underline;
}


/* link text styles for links leading to external pages */
a.ex-link:link {
color:#000000;
font-size: 10px; 
line-height: 18px;
text-decoration:underline;
}

a.ex-link:visited {
color: #999999;
font-size: 10px; 
line-height: 18px;
text-decoration: none;
text-decoration:underline;
}

a.ex-link:hover {
color:#ff9900;
font-size: 10px; 
line-height: 18px;
text-decoration:underline;
}

/* link text styles for left-side navigation bar */
a.navbig:active {
color: #ff9900;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 24px;
}

a.navbig:link {
color: #ffffff;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 24px;
}

a.navbig:visited {
color: #eeeeee;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 24px;
}

a.navbig:hover {
color: #ff9900;
background: #000000;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 24px;
}

a.navsmall:active {
color: #ff9900;
text-decoration: none;
font-size: 10px;
font-weight: normal;
line-height: 18px;
}

a.navsmall:link {
color: #ffffff;
text-decoration: none;
font-size: 10px;
font-weight: normal;
line-height: 18px;
}

a.navsmall:visited {
color: #eeeeee;
text-decoration: none;
font-size: 10px;
font-weight: normal;
line-height: 18px;
}

a.navsmall:hover {
color: #ff9900;
background: #000000;
text-decoration: none;
font-size: 10px;
font-weight: normal;
line-height: 18px;
}

a.footer2:active {
color: #ff9900;
text-decoration: none;
font-size: 10px;
font-family:arial;
}

a.footer2:link {
color: #ffffff;
text-decoration: none;
font-size: 10px;
font-family:arial;

}

a.footer2:visited {
color: #eeeeee;
text-decoration: none;
font-size: 10px;
font-family:arial;

}

a.footer2:hover {
color: #ff9900;
background: #000000;
text-decoration: underline;
font-size: 10px;
font-family:arial;

}


a.ahm:link {
color: #ffffff;
text-decoration: underline;
font-size: 10px;
font-weight: bold;
line-height: 18px;
}

a.ahm:visited {
color: #ffffff;
text-decoration: underline;
font-size: 10px;
font-weight: bold;
line-height: 18px;
}

a.ahm:hover {
color: #ff9900;
background: #000000;
text-decoration: underline;
font-size: 10px;
font-weight: bold;
line-height: 18px;
}

a.big-iamhere:link {
color: #ff9900;
background: #000000;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 24px;
}

a.small-iamhere:link {
color: #ff9900;
background: #000000;
text-decoration: none;
font-size: 10px;
font-weight: normal;
line-height: 18px;
}

a.big-iamhere:visited {
color: #ff9900;
background: #000000;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 24px;
}

a.small-iamhere:visited {
color: #ff9900;
background: #000000;
text-decoration: none;
font-size: 10px;
font-weight: normal;
line-height: 18px;
}

a.smalltest-iamhere:link {
	color: #ff9900;
	background: #000000;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
}

a.smalltest-iamhere:visited {
	color: #ff9900;
	background: #000000;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
}


/* FOR BAC CALCULATOR ONLY */
.eighth {
	color: #999999;
	text-decoration: none;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-align: justify;
	
}

.tableDetail {
	font-size: 9px;
	font-weight: bold;
	color: #000000;
}

.tableHeading {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-color: #DDDDDD;
}


/* FORM styles */

.form {
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: thin dotted #333399;
	padding: 1px;
	width: 350px;
}

.leftcol {
	text-align: right;
	font-size: 11px;
	color: #333333;
}

.fineprint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

INPUT.btnform {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	LINE-HEIGHT: 1.01em;
	PADDING-TOP: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	font-weight: bold;
}

.thankyou {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #333399;
	letter-spacing: 0.02em;
	text-align: center;
}

/* These styles go with the Consequences page */

.offensetable {
	padding: 2px;
	width: 360px;
	border: 2px ridge #0000FF;
}

.offensenamerow {
	padding: 2px;
	background-image: url(http://www.sacramentoduiinformation.com/images/gavel3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	vertical-align: top;
}

.sentencefirst {
	font-decoration: underline;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;

}