/* jansen styles */

/* standard element styles; eg, para, ul, links +++++++++++++++++++++++++++++++++++++++++*/
body {
	margin:0 0 10px 0;
	padding:0px;
	behavior:url(/csshover.htc);
	font: 100% verdana, arial, sans-serif;
	background: #333333;
}

*	{
	margin:0;
	padding:0;
}

h1 {
	padding: 15px;
	color:#666666;
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
}

h2, h3, h4 {
	color:#737373;
	font-weight: normal;
}

h2 {
	font-size: 1.1em;
	margin:20px 20px 0 20px;
}

h3 {
	font-size: 1em;
	margin:20px 20px 0px;
}

h4 {
	font-size: .8em;
	margin:20px 20px 0 20px;
}

p	{
	margin:15px 20px 0;
}
.news	{ /* formats news flash on home page */
	font-size: 10px;
}

p, tr, td, ul {
	font-size: 11px;
	line-height:1.6em;
} 

td ul {font-size: 1em;
}

ul	{
	margin: 20px 15px 20px 23px;
	padding: 0 0 0 0;
	list-style-image: url(images/page-nav-images/bullet.gif);
}

ul ul	{
	list-style-type: none;
	padding: 0 0 0 0;
	list-style-image: url(images/page-nav-images/bullet.gif);
}
table ul	{	/* this rule removes bottom padding from the tables the mimick double column lists, used on home, sevice, and profile pages */
	margin-bottom:0;
	padding-bottom:0;
}

li {
	margin-bottom:.6em;
	margin-left: 15px;
	line-height: 1.5em;
}
img {
	border: 1px solid #CCCCCC;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	padding:4px;
	display:block;
	background:#fff;
}
.imgFloatRight {
	float: right;
	margin:0 0 0 4px;
}
.imgFloatLeft {
	float: left;
	margin:0 8px 0 0;
}

.imgFloatLeft-nb {
	float: left;
	margin:0 8px 0 0;
	border:none;
}

/*BEGIN no image link: removes link underline from linked images */

.noshow {
	display: none;
	
}
.noimglink a:link {
	text-decoration:none;
	border-bottom: none;
}

.noimglink a:visited {
	text-decoration:none;
	border-bottom: none;
}

.quote {
	float:right;
	font-size:.75em;
	font-weight:bold;
	color: #636573;
	margin-top:15px;
	margin-bottom:20px;
	margin-left:10px;
	border-top-style:solid;
	border-bottom-style:solid;
	padding:10px 0 10px 0;
	width:200px;
}

.guote p {
	margin:0 0 0 0;
	margin-right:0;
	padding:0 0 0 0;
}

#randomquote {
	background-color: #556666;
	font-size: 0.75em;
	color: #FFFFFF;
	padding: 15px;
	width: 424px;
	float: left;
	vertical-align: bottom;
}

.note {
	border-top: thin solid;
	border-bottom: thin solid;
	padding: 5px 0;
	border-right-color: #003399;
	border-left-color: #003399;
}

.continued {
	background-image: url(images/contArrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right:20px;
}

.continued a {
	padding-right:20px;
}

.options	{ /*options formats optional info box on pages*/
	background-color: #EEEEDD;
	float: right;
	height: auto;
	width: 175px;
	margin-top: 15px;
	margin-left: 10px;
	padding-bottom: 15px;
	border: 1px ridge #999999;
	margin-right: 15px;
}

.options ul {
	margin-left:10px;
}

#me {	
	float: right;
}

#search {
	font-size:10px;
	margin:0 8px 4px;
	padding:6px;
	/*border:1px solid #636573; */
	float: right;
	width: 250px;
	color: white;
	text-align:right;
	display:inline;	
}

#search a {
	color: white;	
}

#search input.text {
	color: #666666;
	background-color:#F2F1EA;
}
#search input.submit {
	color: #fff;
	font-size:9px;
	background-color:#82061E;
}

/*END standard Styles xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/* link styles+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a:link, a:visited{
	color: #82061E;
	text-decoration: underline;
}

a:hover {
	color: #82061E;
	text-decoration: none;
}

#navBarLinks {
	margin:0px 0 0 15px;
}

#navBarLinks h3 {
	margin-left: 10px;
	color:#556666;
}

#navBarLinks ul {
	font-size: .85em;
	border: 0;
	margin:10px 30px 10px 20px;
	padding:0 0 0 0;
	list-style-type: none;
}

#navBarLinks li {
	margin:1em  1em .6em 0px;
	line-height: 1em;
	/*padding:.3em 0 .3em 0;*/
	/*list-style-image: url(../images/subtpc_arrow.gif);*/
}

#navBarLinks a, #navBarLinks a:visited {
	text-decoration:none;
	border-bottom:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: .9em;
}
#navBarLinks a:hover	{
	text-decoration:underline;
}


/* these style the current page nav bar link*/
body#home a#homenav,
body#overview a#overview-nav,
body#practice a#practice-nav,
body#attorney li span.nolink, /* span for non-link menu item. must include li to make specific from other nolink rule*/
body#dui a#dui-nav,
body#testimonials a#testimonials-nav,
body#resource a#resource-nav,
body#sitemap a#sitemap-nav,
body#page a#page-nav,
body#press a#press-nav
{
	color: #82061E;
	text-decoration:none;
	border: none;
	font-weight: bold;
	background: #CAC9B5;
}

/* BEGIN submenu current page formatting+++++++++++++++++++++++++++++++ */
/*practice areas Nav */
body.assault a#assaultnav,
body.burglary a#burglarynav,
body.conspiracy a#conspiracynav,
body.mischief a#mischiefnav,
body.trespass a#trespassnav,
body.motorvehicle a#motorvehiclenav,
body.disorderly a#disorderlynav,
body.domestic a#domesticnav,
body.drug a#drugnav,
body.drunk a#drunknav,
body.forgery a#forgerynav,
body.harassment a#harassmentnav,
body.kidnaping a#kidnapingnav,
body.menacing a#menacingnav,
body.misdemeanors a#misdemeanorsnav,
body.murder a#murdernav,
body.reckless a#recklessnav,
body.robbery a#robberynav,
body.theft a#theftnav,
body.traffic a#trafficnav,
body.vehicular a#vehicularnav,
body.weapons a#weaponsnav	{
	text-decoration:underline;
	color: #666;
}

/*BEGIN layout divs++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#mainwrap {
	width:774px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border: 1px solid #82061E;
}

#header {
	width:774px;
	height:150px;
	text-align:center;
	padding-top:6px;
	background: #EAEBDB url(images/page-nav-images/header.jpg) no-repeat left top;
	overflow:hidden;
	position:relative;
}

#header p#phone	{
	position:absolute;
	right:10px;
	top:100px;
	font-size:20px;
	color:#820620;
	line-height:normal;
	margin:0;
	text-shadow: black 1px 1px 2px
}
#contentarea {
	width:774px;
	background: url(images/page-nav-images/bc1bg.gif) repeat-y left top;
}

#contentarea2 {
	width:774px; 
}

#contentarea3 {
	width:774px;
	background-color: #FFFFFF;

}

#contentarea4 {
	width:774px; 
}

#contentarea5 {
	width:774px; 
	background-image: url(images/c1bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#contentarea6 {
	width:774px; 
	background-image: url(images/c3bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#contentarea7 {
	width:774px;
	background: #FFFFFF url(images/page-nav-images/bc1bgReverse.gif) repeat-y right;
}

#title	{
	float:left;
	padding: 0px;
	width: 774px;
	border-bottom: thin dotted gray;
	background: url(images/page-nav-images/title-bg.jpg) repeat-x left top;
}

#column1 {
	width:150px;
	float:left;
	/*background-color: #eeeedd;*/
}

#column2 {
	width:454px;
	background-color:#FFF;
	float:left;
}

#column3 {
	width:170px;
	float:left;
	/*background-color: #eeeedd;*/
}

/*END Layout Divs xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* BEGIN body page content area styles+++++++++++++++++++++++++++++++++++ */

#bodycolumn1 {
	width:300px;
	float:left;
}

#bodycolumn2 {
	width:474px;
	float:left;
	padding-bottom: 15px;
	background: #fff;
	overflow:visible; /* this rule is necessary because of IE italics bug that make containing box bigger if it has italics
	see http://www.positioniseverything.net/explorer/italicbug-ie.html for explanation; it affects the testimonials page */
}

#options	{
	background-color: #EEEEDD;
	float: right;
	height: auto;
	width: 175px;
	margin-top: 15px;
	margin-left: 10px;
	padding-bottom: 15px;
	border: 1px ridge #556666;
	margin-right: 15px;
}
#body-no-box	{
	margin:15px 0 0 15px;
}

#legaltalk	{
	margin:10px 0 10px 20px;
	width:190px;background:#fff;
	border: 1px solid #CCCCCC;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	padding:10px;
	font-size:11px;
	color:#636573;
}

/* end body page content area stylesxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* begin wide2ndcolumn page styles ++++++++++++++++++++++++++++++++++++++++++++++ */

#wide2ndcolumn1 {
	width:60px;
	float:left;
	background-color: #FFFFFF;
}

#wide2ncolumn2 {
	width:774px;
	background-color:#FFF;
	/*margin-left:20px;*/
	float:left;
	padding:0;
	padding-bottom: 15px;
	margin:0;
}
#searchTemplateColumn	{
	width:704px;
	background-color:#FFF;
	padding:20px;
	float:left;
	margin:15px;
}

/* end wide2ndcolumn page styles xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*home left column box formatting*/
div.home-box	{
	margin:10px 0 10px 20px;
	padding:0;
	width:260px;
	background: url(/images/page-nav-images/box_bottom.gif) no-repeat left bottom;
	float:left;
	color:#4A6F4A;
	display:inline;
}

div.home-box h3 {
	color:#E0E0E0;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:10px 8px 5px 10px;
	background: #82061E url(/images/page-nav-images/box_top.gif) no-repeat left top;
	border-bottom: 1px solid #BDBCA0;
}

div.home-box p	{
	margin:5px 5px 10px 10px;
	padding:0;
	text-align:center;
}
div.home-box p.first	{
	margin-top:10px;
}
div.home-box img	{
	margin:15px 0 0 15px;
}


div.home-box ul	{
	list-style:url(../image/triangle_bullet.gif) none;
	padding:0;
	margin:10px 3px 10px 25px;
	padding: 0 0 10px 0;
}

div.home-box li	{
	line-height:1.6em;
	padding:0;
	margin:0;
}

div.home-box a:link, div.home-box a:visited	{
	text-decoration:none;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */


/* begin footer styles+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
	width:774px;
	background-color:#CAC9B5;
	text-align:center;
	border-top: medium solid #82061E;
	color: #ffffff;
}

#footer p {
	padding: 0.7em 0;
	margin: 0px;
	font-size: 0.7em;
	color:#666666;
}
#footer ul	{
	margin: 15px 0 10px 0;
}
#footer li	{
	display:inline;
	margin:0;
}

#footer span {
	color: #ffffff;
}

/*div#footer link styles */
#footer a:link, #footer a:visited {
	text-decoration: underline;
	background-image: none;
}

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

/* END footer stylesxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* the horizontal menu starts here */
div#listmenu {
	width:100%; /* makes the div full width */
	float:left;
	border-top:1px solid #C7C8CF;	/* draws line on top edge of div */
	border-bottom:1px solid #C7C8CF;	 /* draws line on bottom edge of div */
	font-size:11px; /*set font size here*/
	background: #82061E url(images/page-nav-images/navBackground.jpg) repeat-x left top;
	/*margin-top:20px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
div#listmenu ul {
	margin:0;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	padding:0;
	list-style:none;
	background: #82061E url(images/page-nav-images/navBackground.jpg) repeat-x left top;
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background: #82061E url(images/page-nav-images/navBackground.jpg) repeat-x left top;
	border-right:1px solid #C7C8CF; /* creates dividing lines between the li elements */
	margin-bottom:0;
	margin-left:0;
	}
div#listmenu li:first-child {
	border-left:1px solid #C7C8CF; /*the first vertial line on the menu */
	}

div#listmenu li:hover {
	background: #82061E;
	}
div#listmenu a:link, div#listmenu a:visited {
	display:block;
	padding:6px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#fff;	 /*sets the type color */
	}
div#listmenu span.nolink { /* add this span to top level menu items with no link */
	display:block;
	padding:6px 6px; /*creates space each side of menu item's text */
	color:#fff;	 /*sets the type color */
	}

div#listmenu a:hover {
	/*color:#E8E6CD;*/
	background:#82061E;
	}
/* the menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0;
	background: #82061E url(none); 
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:140px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #C7C8CF; /*  three sides of each drop-down item */
	border-bottom:1px solid #C7C8CF;
	border-right:1px solid #C7C8CF;
	/*background: #E8E6CD;*/ 
	position: relative;
	background: #82061E url(none); 
}
div#listmenu ul li ul li a:link, div#listmenu ul li ul li a:visited {
	/*padding:6px 6px;*/
}

div#listmenu ul li ul li a:hover {
	font-weight: bold;	 
}

div#listmenu ul li ul li:first-child {
	border-top:1px solid #C7C8CF; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:140px; /*apparently, this setting has no effect on left position if width is not 10em see next rule for fix */
	border-right:0;
	}
	
body div#listmenu ul li ul li ul.third  {
	position:absolute; 
	top:-1px;
	left:140px; /*you have to add a class to the third level to make it take the position left setting; also make sure you change the IE fix rules below. IE requries 2px less to make it align left properly*/
}
	
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #C7C8CF; /* adds the rightmost menu vertical line to the ul */
	margin-left:0; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #C7C8CF;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul.third { 
  left:138px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:138px;
  } 
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:140px;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:0;} /* THIS DEALS WITH THE BOTTOM SPACE OF EACH DROP DOWN MENU IN SAFARI*/
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */


/* ------------------------------------ END OF LIST-BASED MENU ----------------------------------------- */

/* Begin Table Formatting*/

table	{
	text-align: left;
	vertical-align: top;
}
td, th	{
	text-align: left;
	vertical-align: top;
}
table.tableBorder { /* Adds border and padding to all table cells */
	border-bottom: 1px solid #82061E;
	border-left: 1px solid #82061E;
	margin:0 10px;
}
table.tableBorder td {
	border-right: 1px solid #82061E;
	border-top: 1px solid #82061E;
	font-size:10px;
	padding:6px;
}
table.tableBorder th {
	border-right: 1px solid #82061E;
	border-top: 1px solid #82061E;
	color: #666666;
	font-size:10px;
	padding:2px;
	background: #CAC9B5;
}
table.no-border	{
	border:none;
}
table.no-border	 td {
	border:none;
}
table.no-border	 tr {
	border:none;
}



/* End Table Formatting*/

/* clearfix code ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* BEGIN mailform styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#mailform {
	margin:0 0 0 20px;
	float:left;
	width:700px;
}

#mailform h1 {
	margin-left: 0;
}

#mailform p {
	margin: 15px 5px 0 0;
}
  
table.border {
	border: medium solid #636573;
	/*border-spacing: 10;*/
	padding: 10px;
	background: #F2F1EA;
}

td.fieldNames {
	font-weight: bold;
	text-align: right;
}
tr.bottomline td {
	margin-top: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #636573;
}

tr.topline td {
	border-top: 2px solid #636573;
	margin-top: 15px;	
}

.index {
	font-weight:bold;
}

#poweredby {
	text-align:center;
	color: #333333;
}
#poweredby a:link, #poweredby a:visited {
	color: #333333;
	text-decoration: none;
	border: none;
}

#poweredby a:hover {
	color: #333333;
	text-decoration: none;
	border: none;
}

/* END mailform styles xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
p#wnd	{
	font-size:9px;
	text-align:left;
	margin-left:5px;
}
#wnd a:link, #wnd a:visited	{
	color:#A2A07D;
	text-decoration:none;
}
#wnd a:hover	{
	text-decoration:underline;
}
#disclaimer	{
	color:#fff;
}
#disclaimer	a:link, #disclaimer a:visited	{
	color:#fff;
}
#disclaimer h1	{
	color:#fff;
}

#keywords ul {
	color:#666;
}