/* CSS Document */



table, tr, td, div, img, form, object, embed, h1, h2, h3, h4, h5, h6, h7, h8, p, ul, ol, li, cite, a, blockquote{
	border-width: 0;
	margin: 0;
	padding: 0;
}

html{ 
    height: 100%;
    scroll-behavior: smooth;
}

body { 
   	background-image: url(images/self_bg.gif);
	
	background-color:#000;
    font-family:"Lucida Sans",Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
<? if($smartPhoneDetect == 'true') { ?>
font-size: 125%;
<? } ?>
}

h1 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.60em;
color:#900;	
margin:12px 0;
}
h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
margin:12px 0;
line-height: inherit;
}

h3 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;

color:#900;

}

h4 { 
font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
line-height: inherit;
}

a{
color: #900;
text-decoration: underline;
border:none;
}

a:hover{
text-decoration: none;
border:none;
}

/* THIS ADDS PADDING ABOVE AN A NAME ANCHOR TAG TO ALLOW FOR TOP MENU*/
a[name] { 
padding-top: 52px;
}

/*REPLACED ABOVE WITH AN ID TAG FOR HTML 5 */
#anchorTag {
padding-top: 24px;
}

.staticMenu {
font-size:1em;	
margin:0 auto; 
z-index:130; 
height:42px;
color:#FFF; 
line-height:42px;
display:block;
letter-spacing:1.05px;
white-space: nowrap;	
}

.staticMenu a {
text-decoration:none;
color:#FFF;	
}

.staticMenu a:hover {
color:red;	
}


.header-container {
width:1050px; 
height:450px; 
position:relative;
overflow:hidden;
border-bottom:12px solid #000;
margin-top:46px; 
background: #4f0214;
background: -moz-linear-gradient(top, #4f0214 0%, #8f0222 44%, #36020e 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #4f0214), color-stop(44%, #8f0222), color-stop(100%, #36020e));
background: -webkit-linear-gradient(top, #4f0214 0%, #8f0222 44%, #36020e 100%);
background: -o-linear-gradient(top, #4f0214 0%, #8f0222 44%, #36020e 100%);
background: -ms-linear-gradient(top, #4f0214 0%, #8f0222 44%, #36020e 100%);
background: linear-gradient(to bottom, #4f0214 0%, #8f0222 44%, #36020e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f0214', endColorstr='#36020e', GradientType=0 ); 
}

.newImages {
width:98%;
margin:16px auto;
box-shadow:0 0 12px #666;
}

#page_container{
    width: 1050px;
	margin:0 auto;
	box-shadow: 0 0 16px #000;
}

/*BEGIN HEADER STYLING */
.header{
background:#03386e;
}

/*END MAIN NAVIGATION */
#container{
background:url(../images/columndividers.gif) 0px 0px repeat-y;
width:980px;
}

/*BEGIN LEFT COLUMN -- contains NAV BUTTONS*/
#left{
float:left;
width:240px;
height:auto;
text-align:left;
font-weight:normal;
vertical-align:top;
background-color:#000000;
}


/*BEGIN TOP MASTER HEADING BOX IN LEFT NAV LIST */
#left h2{
background:#990000;
border-top:thin solid red;
padding: 8px 0px 8px 10px;
margin-top:0;
color:#FFCC33;
font-size:1.15em;
letter-spacing:1px;
font-weight:normal;
text-shadow: 2px 2px 4px #000000;
}

/* STATIC PHONE NUMBER */
#staticPhoneMenu {
display: none;	
margin:0 auto; 
z-index:130; 
height:72px;
line-height:72px;
letter-spacing:1px;
padding-bottom:24px;
text-align:center;	
}
.phoneFooter a {
font-size:1.85em;
font-weight:bold;
color:#FC3;
display:block;
line-height:1.60em;
text-decoration:none;
	
}

/*BEGIN LEFT NAV LIST COLUMN */

#left ul.navlist{
padding:0;
margin:0;

color:#fff;
}

#left ul.navlist li{
padding:0;
margin:0;
display:inline;
background:none;
}

/*BEGIN MAIN TOPIC ITEMS IN LEFT NAV LIST */

#left h3.navlist{
background:#000000;
margin:0;
font-size:1.20em;
font-weight:normal;
color:#FFCC33;
padding:5px 3px 5px 11px;
}
/*BEGIN SUB ITEMS IN LEFT NAV LIST */

#left .navlist li a{
display:block;
font-size:1.05em;
font-weight:normal;
text-shadow: 2px 2px 4px #000000;
color:#fff;
background:#990000;
background: #6b0303;
background: -moz-linear-gradient(top, #6b0303 0%, #8f0222 44%, #33020d 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #6b0303), color-stop(44%, #8f0222), color-stop(100%, #33020d));
background: -webkit-linear-gradient(top, #6b0303 0%, #8f0222 44%, #33020d 100%);
background: -o-linear-gradient(top, #6b0303 0%, #8f0222 44%, #33020d 100%);
background: -ms-linear-gradient(top, #6b0303 0%, #8f0222 44%, #33020d 100%);
background: linear-gradient(to bottom, #6b0303 0%, #8f0222 44%, #33020d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0303', endColorstr='#33020d', GradientType=0 );
border-bottom:1px solid #C00;
padding:12px 0px 12px 12px;
}

/*BEGIN SUB ITEMS HOVER IN LEFT NAV LIST */

#left .navlist li a:hover{
background:#33020d;
text-decoration:none;
color:#FFCC33;
}

/* NAVLIST ITEM SELECTED*/
 #left h4.navlist{
background:#FFFFFF;
color:#990000;
padding:5px 3px 5px 14px;

font-size:1.05em;
font-weight:normal;
}

#quick_contact ol{
margin-left:30px;
margin-top:15px;
}

#left li a, #quick_contact li a{
text-decoration:none;
color: #173453;
}

#left li a:hover, #left p a:hover, #quick_contact li a:hover, #quick_contact p a:hover{
text-decoration:underline;
}

#left p.smalltext{
font-size:12px;
color:#FFF;
}

#quick_contact p.book{
border:0;
text-align:center;
}

#quick_contact p.book img{
margin-bottom:5px;
}

#leftbuttons {margin:12px auto 1px auto;
text-align:center;
}

#verdictBox {margin:0px auto 12px auto;
text-align:center;
}

#icons {margin:0px auto 12px auto;
text-align:center;
}

/*END LEFT COLUMN */

/*BEGIN SELECTED PAGE STYLING*/


/*
.selectedPage { 
font-size:12px;
color:#990000;
background-color:#FFFFFF
border-bottom:1px solid #C00;
padding:3px 5px 5px 15px;
margin:0px 10px 10px 25px;

}
*/
/*BEGIN CENTER AREA STYLING */

/*center content area */
#mainContent h1 {
	font-size:2.0em;
	
}
#mainContent h2 {
	font-size:1.05em;
	
}
.center-content-new {
border-top:3px solid 900;
width:550px;
background: #FFF;
padding:12px 18px;
line-height:1.5em;
font-size: 1.20em;	
font-family:"Times New Roman", Times, serif;
}

.center-content-new p {
margin: 0 0 18px 0;	
}

.pageHeadText {font-family:Georgia, "Times New Roman", Times, serif;
font-size:18pt;
color:#FFFFFF;
line-height:25pt;
margin-left:18px;
margin-right:200px;
padding-left:12px;
vertical-align:top;
background-color:#990000;
}

.redHeaderText {font-family:Georgia, "Times New Roman", Times, serif;
font-size:18pt;
line-height:24pt;
margin:12px 24px 18px 24px;
vertical-align:top;
color:#930000;
}

.redHeaderTextItalic {font-family:Georgia, "Times New Roman", Times, serif;
font-size:18pt;
font-style:italic;
line-height:24pt;
margin:12px 24px 18px 24px;
vertical-align:top;
color:#000000;
}

.mainText {font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.10em;
line-height:1.50em;
margin:12px 24px 18px 24px;
vertical-align:top;
}

.mainTextCenter {font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
font-size:11pt;
line-height:16pt;
margin:12px auto 18px auto;
vertical-align:top;
}

.important-text-box {
border:3px solid #900;
border-radius:12px;
padding:18px;
margin:12px;
margin-bottom:18px;
box-shadow:0 0 10px #888;
background:#F6F5F5  ;
}


.important-text-box h2 {
color:#900;
font-family:"Lucida Sans",Verdana, Arial, Helvetica, sans-serif;
font-size:1.15em;

}

.important-text-box h3 {
color:#900;
font-family:"Lucida Sans",Verdana, Arial, Helvetica, sans-serif;
font-size:1.05em;
line-height: 1.50em;

}

.important-text-box ol, ul {
margin-right:12px;
margin-left:36px;
}
.important-text-box li {
margin-top:12px;
}

.important-text-box li:last-child {
padding-bottom:18px;
}

/*  ARTICLE TEXT BOX  */
.article-text-box  {
border:3px solid #33020d;
border-radius:12px;
padding:18px;
margin:12px;
margin-bottom:18px;
box-shadow:0 0 10px #888;
background: #F6F5F5;
}

.article-text-box h2 {
color:#FFF;
display:block;
font-size:1.20em;
margin:-18px -18px 18px -18px;
padding: 26px 18px;
background:#990000;
background: #6b0303;
background: -moz-linear-gradient(top, #6b0303 0%, #8f0222 44%, #33020d 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #6b0303), color-stop(44%, #8f0222), color-stop(100%, #33020d));
background: -webkit-linear-gradient(top, #6b0303 0%, #8f0222 44%, #33020d 100%);
background: -o-linear-gradient(top, #6b0303 0%, #8f0222 44%, #33020d 100%);
background: -ms-linear-gradient(top, #6b0303 0%, #8f0222 44%, #33020d 100%);
background: linear-gradient(to bottom, #6b0303 0%, #8f0222 44%, #33020d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0303', endColorstr='#33020d', GradientType=0 );
}

.article-text-box h3 {
	margin:16px 0 18px;
	line-height:1.30em;
}

.article-text-box li:last-child {
	padding-bottom:8px;
}

.article-text-box h4 a {
	display:block;
	color:#FFF;
	text-shadow:0px 0px 6px #888;
	background-color:#a36b0a;
	line-height:2em;
	padding: 8px;
	margin-bottom:8px;
	text-decoration:none;
	box-shadow:0px 0px 4px #999;
	border-radius:6px;
}
.article-text-box h4 a:hover {
	background-color:#994400;
}

#article-topics-header{
margin:0 auto -42px auto ; padding:0; font-size:1em; letter-spacing:6px;  color:#FC3; display:block; font-family:Verdana, Geneva, sans-serif;	
}

.whiteText {font-family: Verdana, Geneva, sans-serif;
color:#FFFFFF;
font-size:.90em;
line-height:1.25em;
text-align:center;
vertical-align:top;
margin-top:12px;

}
.whiteText a {font-family: Verdana, Geneva, sans-serif;
color:#FFFFFF;
font-size:.90em;
line-height:1.25em;
text-align:center;
vertical-align:top;
margin-top:12px;
text-decoration:underline;
}
.whiteText a:hover {font-family: Verdana, Geneva, sans-serif;
color:#FF0;
font-size:.90em;
line-height:1.25em;
text-align:center;
vertical-align:top;
margin-top:12px;
text-decoration:none;
}
.whiteBottomText {font-family: Verdana, Geneva, sans-serif;
color:#FFFFFF;
font-size:.90em;
line-height:1.25em;
text-align:center;
vertical-align:top;
margin: 12px 32px 12px 32px;

}
.whiteBottomText a {font-family: Verdana, Geneva, sans-serif;
color:#FFFFFF;
font-size:.90em;
line-height:1.25em;
text-align:center;
vertical-align:top;

text-decoration:underline;
}
.whiteBottomText a:hover {font-family: Verdana, Geneva, sans-serif;
color:#FF0;
font-size:.90em;
line-height:1.25em;
text-align:center;
vertical-align:top;

text-decoration:none;
}

/* SLIDE SHOW */

#slideshow {

}
#slideshow img{
  position: absolute;
  padding:6px;	
  left: 0;
  box-shadow:0px 0px 32px #120105;
  -moz-box-shadow:0px 0px 32px #120105;
  -webkit-box-shadow:0px 0px 32px #120105;

background: #f0f0f0;
background: -moz-linear-gradient(left, #f0f0f0 0%, #a6a4a6 42%, #bababa 50%, #fefefe 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #f0f0f0), color-stop(42%, #a6a4a6), color-stop(50%, #bababa), color-stop(100%, #fefefe));
background: -webkit-linear-gradient(left, #f0f0f0 0%, #a6a4a6 42%, #bababa 50%, #fefefe 100%);
background: -o-linear-gradient(left, #f0f0f0 0%, #a6a4a6 42%, #bababa 50%, #fefefe 100%);
background: -ms-linear-gradient(left, #f0f0f0 0%, #a6a4a6 42%, #bababa 50%, #fefefe 100%);
background: linear-gradient(to right, #f0f0f0 0%, #a6a4a6 42%, #bababa 50%, #fefefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fefefe', GradientType=1 );

}

/*  LOCATION BOX TEXT */
.locationBoxText a {
font-size:.9em;
line-height:1.2em;
color:#2c2c2c;
text-decoration:none;
}

.locationBoxText a strong {
font-size:1em;

}

.locationBoxText a:hover {
color:#930000;
}

 /*  SCROLLING LISTS  */
 
.blog-box {
background: #8c0021;
background: -moz-linear-gradient(top, #8c0021 0%, #a36b0a 44%, #8a0424 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #8c0021), color-stop(44%, #a36b0a), color-stop(100%, #8a0424));
background: -webkit-linear-gradient(top, #8c0021 0%, #a36b0a 44%, #8a0424 100%);
background: -o-linear-gradient(top, #8c0021 0%, #a36b0a 44%, #8a0424 100%);
background: -ms-linear-gradient(top, #8c0021 0%, #a36b0a 44%, #8a0424 100%);
background: linear-gradient(to bottom, #8c0021 0%, #a36b0a 44%, #8a0424 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c0021', endColorstr='#8a0424', GradientType=0 );
/*border-bottom:thin red solid;*/	 
 }

.backgroundGrad {
background: #8c0021;
background: -moz-linear-gradient(top, #8c0021 0%, #a36b0a 44%, #8a0424 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #8c0021), color-stop(44%, #a36b0a), color-stop(100%, #8a0424));
background: -webkit-linear-gradient(top, #8c0021 0%, #a36b0a 44%, #8a0424 100%);
background: -o-linear-gradient(top, #8c0021 0%, #a36b0a 44%, #8a0424 100%);
background: -ms-linear-gradient(top, #8c0021 0%, #a36b0a 44%, #8a0424 100%);
background: linear-gradient(to bottom, #8c0021 0%, #a36b0a 44%, #8a0424 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c0021', endColorstr='#8a0424', GradientType=0 );
}
 
.marquee {
     /* required styles */
     display: block;
     margin: 0;
    font-size:1.10em;
     list-style: none;
     line-height: 1.5em;
     position: relative;
     overflow: hidden;
	 <? if ($page == 'Verdicts') { ?>
     /* optional styles for appearance */
	 font-size:1.50em;
     width: 80%; /* set the required width */
     height: 480px; /* set the height required to accomodate the chosen font size */
     background-color: #FFF; /* scroller background color */
     <? } else { ?>
	 width: 225px; /* set the required width */
     height: 215px; /* set the height required to accomodate the chosen font size */
     background-color: #FFF; /* scroller background color */
	 <? } ?>
     border-radius: 7px;  /* border radius */
     -moz-border-radius: 7px; /* border radius */
     -webkit-border-radius: 7px; /* border radius */
}

/*Stopped working when added . before marquee p below 
These are the scrolling text and links boxes for Settlements
and the Law Library scrolling box in left side nav
*/
marquee p { 
     /* required styles */
	 line-height:1.5em;
    position: absolute;
     top: -300px;
     left: 0;
     display: block;
     white-space: nowrap; /* keep all text on a single line */
     /* optional styles for appearance */
    
     color: #888;  /* font color */
     padding: 3px 5px;
}
.marquee a {font-size:.50em;} /* link text color */

.marquee a:hover {color:red;} /* link rollover color */

.scroll p {
font-size:1.20em;
color:#903;	
}

.scroll b {
font-size:1.20em;
color:#903;	
}

.scroll a {
text-align:center;
font-size:.95em;
line-height:1.25em;

text-decoration:underline;
color:#FFCC00;
}

.scroll a:hover {
text-decoration:none;
color:blue;
}


/* CONTACT FORM BELOW */
.contactForm {
margin:12px auto 24px auto; 
position:relative;
padding:24px;
background: #bb0000;

}

/* MAP BOXES BELOW */
.mapBox {
width:90%; 
color:#FFF; 
margin:0 auto;
border-radius:12px;
box-shadow:0 0 10px #888;
background: #a10000;
}

/* BIG BUTTONS BELOW */
 .button-styled a {
font-weight:normal;
text-align:center;
text-decoration:none;
width:100%;
	padding:1em 0;
	font-size:1.1em;
	line-height:1.1em;
display:block;
cursor:pointer;
margin:12px auto;
    border: none;
    color: #FFF;
	border-radius:8px;
background: #a90329;
background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019));
background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );	
}
 

.button-styled a:hover {
    background: #560312
} 

/*  YOUTUBE VIDEO BOXES BELOW  */
.video-wrapper {
width:100%;
max-width: 98%;
font-weight: normal;
color: #fff !important;
margin:12px auto;
background:#900;
border-radius:8px 8px 0 0;
}
.video-wrapper h4 {
	color: #fff !important;
	font-size:1.05em;
	font-weight:normal;
	padding:12px 12px 0 12px;
}

.video-wrapper p a {
	color: #fff !important;
	text-align:center;
	text-decoration:none;
	font-size:1.05em;
	font-weight:normal;
	margin:12px;
	padding:12px;
}

.video-wrapper p a:hover {
color: #fff !important;
}

.video-container {
    position: relative;
	color: #fff !important;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*TRUCK DRIVER PAGE STYLES BELOW  */

.featureBox {
position:relative;
border-radius:6px;
background:#CCC;
margin:16px;
padding:8px 0;
box-shadow:0 0 8px #666;
background: #f8ffe8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8ffe8 0%, #f8ffe8 47%, #e3f4c3 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#f8ffe8 47%,#e3f4c3 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8ffe8 0%,#f8ffe8 47%,#e3f4c3 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#e3f4c3',GradientType=0 ); /* IE6-9 */
}

.importantBox {
margin:20px;
border:4px #900 dotted;
	
}

.importantBox ul {
padding:0 16px;
font-size:1.20em;
}

.importantBox li {
margin-bottom:16px;	
}

.importantBox h2 {
color:#900;
}
.caseButton a {
box-shadow:0 0 6px #666;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

.caseButton a:hover {
	 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202)
}

.bulletWrapper {
 background-color:#EDD3D8; 
 padding:12px;
 margin-bottom:16px;	
}

.bulletWrapper:nth-child(odd){
 background-color:rgba(255, 204, 51,.4);
}

.bulletWrapper a {
color:#900;
font-family:Helvetica, sans-serif;
border-bottom: 2px dotted #900;
text-decoration: none;
font-weight:normal;
letter-spacing:.5px;
font-style:italic;
}

.bulletWrapper a:hover {
color:red;
}

<? if($smartPhoneDetect == 'true') { ?>
.importantBox {
margin:10px;	
}
.importantBox li {
margin:10px;
padding:10px;
}

<? } ?>

/* LIST OF OTHER CITIES AT BOTTOM OF PAGES */
.cityList ul {
margin-bottom:24px;	
}
.cityList li {
margin-bottom:24px;	
}