/* CSS Document */

body {
  background: #fff url(../images/bg.gif) left top repeat-x;
  font: 11px/22px verdana, arial, helvetica, sans-serif;
  color: #363636;
}

/* canvas */

#canvas {
  width: 775px;
  margin: 0 auto;
  background: #fff url(../images/canvas_bg.gif) left top no-repeat;
  }
  
/* elements */

* {
  margin: 0;
  padding: 0;
  }
  
a:active, a:focus {
  outline: none;
}

p {
  padding: 6px 0 6px 20px;
}

a {
  color: #6ca3c0;
  text-decoration: underline;
}

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

h1 {
  font: 15px/24px trebuchet ms, tahoma, verdana, arial, helvetica, sans-serif;
  color: #6ca3c0;
  font-weight: bold;
  padding: 6px 0 6px 20px;
  background: transparent url(../images/h1.gif) 8px bottom no-repeat;
}

h2 {
  font: 13px/22px trebuchet ms, tahoma, verdana, arial, helvetica, sans-serif;
  color: #990000;
  font-weight: bold;
  padding: 6px 0 6px 20px;
}

h3 {
  font: 12px/22px verdana, arial, helvetica, sans-serif;
  color: #6ca3c0;
  font-weight: bold;
  padding: 6px 0 6px 20px;
}

h3.articles {
  font: 12px/22px verdana, arial, helvetica, sans-serif;
  color: #363636;
  font-weight: bold;
  margin: 6px 0 6px 20px;
  padding: 0;
  border-bottom: 1px dotted #8f8f8f;
}

h4 {
  color: #6ca3c0;
  font: 10px/16px verdana, arial, helvetica, sans-serif;
  margin: 6px 6px 0 20px;
  border-bottom: 1px dotted #8f8f8f;
}

table {
  margin: 6px 0 6px 20px;
}

p.sml {
  padding: 0 0 6px 20px;
  font-size: 10px;
  line-height: 16px;
}


#column_right ul, #column_right_sub ul {
  padding: 12px 0 12px 20px;
}

#column_right ul li, #column_right_sub ul li {
  list-style-type: circle;
  margin-left: 18px;
  padding: 0 0 4px 10px;
  line-height: 24px;
}

#column_right ol, #column_right_sub ol {
  padding: 12px 0 12px 20px;
}

#column_right ol li, #column_right_sub ol li {
  margin-left: 18px;
  padding: 0 0 4px 10px;
  line-height: 24px;
}


#column_right ul li.no_bullets, #column_right_sub ul li.no_bullets {
	list-style: none;
	}
	
	
/* columns */

#column_left {
  float: left;
  padding: 0;
  margin: 0;
  width: 237px;
}

#column_right {
  float: right;
  padding: 0;
  margin: 0;
  width: 538px;
}

#column_right_sub {
  float: right;
  padding: 0;
  margin: 0;
  width: 538px;
  background: transparent url(../images/sub_bg.gif) 10px 320px no-repeat;
}

/* index top */

#top {
  padding: 4px 0 0 8px;
}

/* column left */

#logo {
  padding: 22px 0 0 0;
  text-indent: -9999px;
}

#logo a {
  width: 237px;
  height: 88px;
  display: block;
  background: transparent url(../images/logo.gif) left top no-repeat;
}

#logo address {
  display: none;
}

#join {
  padding: 0 0 0 40px;
}

/* nav */

#nav {
  padding: 27px 0 0 0;
}

#nav ul#ql, #nav ul.la {
  margin: 0;
  padding: 0 0 22px 20px;
  list-style: none;
}

#nav ul#ql li {
  background: transparent url(../images/button_bg.gif) left top no-repeat;
}

#nav ul#ql li a {
  text-decoration: none;
  color: #4494ba;
  padding: 0 0 0 12px;
  line-height: 25px;
  font: 12px/25px trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  display: block;
  width: 188px;
  height: 25px;
}

#nav ul#ql li a.on {
  text-decoration: none;
  color: #990000;
  padding: 0 0 0 12px;
  line-height: 25px;
  font: 12px/25px trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  display: block;
  width: 188px;
  height: 25px;
}

#nav ul#ql li a:hover {
  color: #990000;
}

#nav ul.la li {
  background: transparent url(../images/button_bg2.gif) left top no-repeat;
}

#nav ul.la li a {
  text-decoration: none;
  color: #4494ba;
  padding: 0 0 0 12px;
  line-height: 25px;
  font: 12px/25px trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  display: block;
  width: 188px;
  height: 25px;
}

#nav ul.la li a:hover {
  color: #990000;
}

#nav ul.la li a.on {
  text-decoration: none;
  color: #990000;
  padding: 0 0 0 12px;
  line-height: 25px;
  font: 12px/25px trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  display: block;
  width: 188px;
  height: 25px;
}

.black {
  color: #363636;
}

.black2 {
  color: #363636;
  font-size: 11px;
}

/* sub links */

#nav ul.la li.on {
  background: transparent url(../images/button_bg2_on.gif) left top no-repeat;
}

#nav ul.la li ul  {
  margin: 0;
  padding: 0 0 8px 0;
  list-style: none;
  background: transparent url(../images/ul_bottom.gif) left bottom no-repeat;
}

#nav ul.la li ul li {
  background: transparent url(../images/button_bg3.gif) left top no-repeat;
}

#nav ul.la li ul li a {
  text-decoration: none;
  color: #363636;
  padding: 0 0 0 12px;
  line-height: 25px;
  font: 12px/25px trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  display: block;
  width: 188px;
  height: 26px;
}

#nav ul.la li ul li a.sub-on {
  text-decoration: none;
  color: #990000;
  padding: 0 0 0 12px;
  line-height: 25px;
  font: 12px/25px trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  display: block;
  width: 188px;
  height: 26px;
}

#nav ul.la li ul li a.sub-sub {
  text-decoration: none;
  color: #8f8f8f;
  padding: 0 0 0 12px;
  line-height: 25px;
  font: 12px/25px trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  display: block;
  width: 188px;
  height: 26px;
}

#nav ul.la li ul li a:hover {
  color: #990000;
}

/* resources links */

#nav ul#res  {
  margin: 0;
  padding: 0 0 22px 6px;
  list-style-type: none;
}

#nav ul#res li {
  border-bottom: 1px dotted #8f8f8f;
  margin: 0 10px 0 0;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  }

#nav ul#res li a {
  text-decoration: underline;
  padding: 0 0 0 20px;
  line-height: 25px;
  background: transparent url(../images/res_bullet.gif) left 3px no-repeat;
}

/* bbb */

a#bbb{
  background: transparent url(../images/bbb.gif) 35px top no-repeat;
  width: 170px;
  height: 69px; 
  display: block;
  text-indent: -9999px; 
}

/* nav headings */

#quick_links {
  background: transparent url(../images/quick_links.gif) 20px top no-repeat;
  width: 208px;
  height: 32px; 
  text-indent: -9999px; 
}

#law_areas {
  background: transparent url(../images/law_areas.gif) 20px top no-repeat;
  width: 208px;
  height: 32px; 
  text-indent: -9999px;    
}

#quick_links {
  background: transparent url(../images/quick_links.gif) 20px top no-repeat;
  width: 208px;
  height: 32px; 
  text-indent: -9999px; 
}

#resources {
  background: transparent url(../images/resources.gif) 20px top no-repeat;
  width: 208px;
  height: 32px; 
  text-indent: -9999px;    
}

/* index ul */

ul#index, ul#index-sub {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#index li.white, ul#index-sub li.white {
  height: 37px;
  background: #fff url(../images/learn_white.gif) right top no-repeat;
  border-bottom: dotted 1px #8f8f8f;
  list-style-type: none;
  padding: 0 0 0 10px;
}

ul#index li.white a, ul#index-sub li.white a {
  text-decoration: none;
  display: block;
  font: 12px/37px tahoma, verdana, arial, helvetica, sans-serif;
  color: #6ca3c0;
  font-weight: bold; 
}

ul#index li.white a:hover, ul#index-sub li.white a:hover {
  display: block;
  color: #990000;
}

ul#index li.gray, ul#index-sub li.gray {
  height: 37px;
  background: #f2f2f2 url(../images/learn_gray.gif) right top no-repeat;
  color: #6ca3c0;
  font-weight: bold;
  border-bottom: dotted 1px #8f8f8f;
  list-style-type: none;
  padding: 0 0 0 10px;
}

ul#index li.gray a, ul#index-sub li.gray a{
  text-decoration: none;
  display: block;
  font: 12px/36px tahoma, verdana, arial, helvetica, sans-serif;
  color: #6ca3c0;
  font-weight: bold; 
}

ul#index li.gray a:hover, ul#index-sub li.gray a:hover {
  display: block;
  color: #990000;
}

/* non-iframe top */

#top_strap {
  width: 538px;
  height: 43px;
  background: transparent url(../images/top_strap.gif) 8px 4px no-repeat;
}

#top_lawareas {
  width: 538px;
  height: 19px;
  background: transparent url(../images/top_lawareas.gif) 8px top no-repeat;
}

#buttons {
  padding: 0 0 0 8px;
}

#buttons h3 {
  display:none;
}

a.click_here {
  display: block;
  float: left;
  width: 106px;
  height: 19px;
  background: transparent url(../images/click_here.gif) left top no-repeat;  
  text-indent: -9999px;
}

a:hover.click_here {
  background: transparent url(../images/click_here_over.gif) left top no-repeat;  
}

/* sub headers */

#bnk_header {
  float: left;
  width: 538px;
  height: 195px;
  background: transparent url(../images/bnk_header.jpg) 8px top no-repeat;
}

#dui_header {
  float: left;
  width: 538px;
  height: 195px;
  background: transparent url(../images/dui_header.jpg) 8px top no-repeat;
}

#div_header {
  float: left;
  width: 538px;
  height: 195px;
  background: transparent url(../images/div_header.jpg) 8px top no-repeat;
}

#inj_header {
  float: left;
  width: 538px;
  height: 195px;
  background: transparent url(../images/inj_header.jpg) 8px top no-repeat;
}

#crim_header {
  float: left;
  width: 538px;
  height: 195px;
  background: transparent url(../images/crim_header.jpg) 8px top no-repeat;
}

#imm_header {
  float: left;
  width: 538px;
  height: 195px;
  background: transparent url(../images/imm_header.jpg) 8px top no-repeat;
}

#resources_header {
  float: left;
  width: 538px;
  height: 195px;
  background: transparent url(../images/resources_header.jpg) 8px top no-repeat;
}

#blank_header {
  float: left;
  width: 538px;
  height: 195px;
  background: transparent url(../images/blank_header.jpg) 8px top no-repeat;
}


/* sub miniform */

#miniform {
  float:right;
  width: 249px;
  height: 600px;
  background: transparent url(../images/miniform-bg.gif) left top no-repeat;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
}

#miniform-taller {
  float:right;
  width: 249px;
  height: 640px;
  background: transparent url(../images/miniform-bg.gif) left top no-repeat;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
}

#miniform-bnk-head {
  width: 249px;
  height: 100px;
  background: transparent url(../images/miniform-bnk-head.gif) left top no-repeat;  
  text-indent: -9999px;
}

#miniform-dui-head {
  width: 249px;
  height: 100px;
  background: transparent url(../images/miniform-dui-head.gif) left top no-repeat;  
  text-indent: -9999px;
}

#miniform-div-head {
  width: 249px;
  height: 100px;
  background: transparent url(../images/miniform-divorce-head.gif) left top no-repeat;  
  text-indent: -9999px;
}

#miniform-inj-head {
  width: 249px;
  height: 100px;
  background: transparent url(../images/miniform-injury-head.gif) left top no-repeat;  
  text-indent: -9999px;
}

#miniform-crim-head {
  width: 249px;
  height: 100px;
  background: transparent url(../images/miniform-crim-head.gif) left top no-repeat;  
  text-indent: -9999px;
}

#miniform #bottom {
  width: 249px;
  height: 96px;
  background: transparent url(../images/bottom.gif) left top no-repeat;  
}

#miniform #bottom #button {
  padding: 48px 0 0 110px; 
  margin: 0;
  border: 0; 
}

#miniform #bottom a#submit {
  display: block;
  width: 130px;
  height: 20px;
  background: transparent url(../images/submit.gif) left top no-repeat; 
  text-indent: -9999px; 
}

#miniform #bottom a:hover#submit {
  background: transparent url(../images/submit_over.gif) left top no-repeat; 
}

#miniform input {
  background: #f2f5f8;
  padding: 0 3px 0 3px;
  margin: 2px 0 1px 0;
  border: 1px solid #3f3f3f;
  color: #363636;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  vertical-align: middle;
  height: 16px;
}

#miniform input.small {
  width: 22px;
}

#miniform input.medium {
  width: 27px;
}

#miniform input.medium2 {
  width: 70px;
}

#miniform input.medium3 {
  width: 55px;
}

#miniform input.large {
  width: 95px;
}

#miniform input.larger {
  width: 130px;
}

#miniform label {
  float: left;
  width: 110px;
  padding: 0 0 0 26px;
}

#miniform p {
  padding: 4px 4px 4px 26px;
}

#miniform select {
  background: #f2f5f8;
  padding: 0;
  margin: 0 0 0 0;
  border: 1px solid #3f3f3f;
  color: #363636;
  letter-spacing: 1px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  vertical-align: middle;
}

#miniform textarea {
  width: 200px;
  height: 60px;
  padding: 0 3px 0 3px;
  margin: 0;
  border: 1px solid #3f3f3f;
  color: #363636;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  vertical-align: middle;
  background: #f2f5f8;
}

#miniform input.checkbox {
  background: transparent;
  padding: 2px 4px 3px 0;
  border: 0;
  vertical-align: middle;
}

#miniform input.radio {
  background: transparent;
  padding: 2px 4px 3px 0;
  border: 0;
  vertical-align: middle;
}

/* form */

#form {
  float:left;
  padding: 0 0 10px 2px;
}

/* Footer */

#footer {
  font-size: 10px;
  width: 775px;
  background: transparent url(../images/footer_bg.gif) left 30px no-repeat;  
  }

#footer a {
  color: #6ca3c0;
  text-decoration: underline;
  }

#footer a:hover {
  text-decoration: none;
  }

#footer #copy {
  float: left;
  padding: 33px 0 0 12px;
  }

#footer #links {
  text-align: right;
  padding: 33px 8px 0 0;
  }
  

#call {
	height: 112px;
	width: 538px;
	background: transparent url(../images/call.jpg) 5px top no-repeat;  
	margin: 0 0 15px 0;
	text-indent: -9999px;
	clear: both;
}

/* Disclaimer */

#disclaimer  {
	margin: 0 auto;  
	width: 735px; 
	padding: 10px 0 10px 0;
	} 
	
#disclaimer a  {
	color: #000;    
	text-decoration: underline; 
	} 
	
#disclaimer a:hover {
	text-decoration: none; 	
	 } 
	
#disclaimer p  {
	text-align: justify;
	font-size: 11px;    
	color: #000;    
	padding: 10px 10px 0 10px;    
	margin: 0 2px 0 2px;
	line-height: 16px;
	} 

	 
#disclaimer strong {
	color: #000;
}