/*
-----------------------------------------------
WBW Main Style Sheet
Version:  28 July 2007
----------------------------------------------- */


/* Purpose: undo some of the default styling of common (X)HTML browsers */



/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */

:link,:visited { text-decoration:none }



/* no list-markers by default, since lists are used more often for semantics */

ul,ol { list-style:none }



/* avoid browser default inconsistent heading font-sizes */

/* and pre/code too */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1.3em; }


/* remove the inconsistent (among browsers) default ul,ol padding or margin  */

/* the default spacing on headings does not match nor align with 

   normal interline spacing at all, so let's get rid of it. */

/* zero out the spacing around pre, form, body, html, p, blockquote as well */

/* form elements are oddly inconsistent, and not quite CSS emulatable. */

/*  nonetheless strip their margin and padding as well */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input,p

{ margin:0; padding:0 }



/* whoever thought blue linked image borders were a good idea? */

a img,:link img,:visited img { border:none }



/* de-italicize address */

address { font-style:normal }



* {
	margin: 0;
	padding: 0;
	border: none;
	}

body {
	padding-bottom: 0px;
	color: ;
	margin-top: 0px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif ;
	}



a {
	color: #E96505;	
	text-decoration: none;
	}

a:link {
	color: #E96505;	
	text-decoration: none;
	}

a:hover, a:active, a:focus {
	color: #666;	
	text-decoration: underline;
	}

p {
	padding-left: 0px;
	margin-bottom: 10px;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #000;
	}



h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif ;
	letter-spacing: 0.05em;
	font-weight: lighter;
	}

h1 {font-size: 1.3em; color: #E96505;}
h2 {font-size: 1.2em; color: #000; padding-top: 10px; margin-bottom: 10px;}
h3 {font-size: 1.1em; color: #E96505; padding-bottom: 10px; padding-top: 5px;}
h4 {font-size: 1.0em; color: #E96505; padding-bottom: 10px; padding-top: 5px;}

h5, h6 {font-size: 1.3em;}

abbr, acronym,span.abbr, acronym, {
	border-bottom: 1px dotted #3e3a3a;
	cursor: help;
	color: #3e3a3a;
	}
	
	
/*********************/	
/*** LAYOUT STYLES ***/	
/*********************/	


	
#container {
	width: 770px;
	margin: 0px 15px;
	}	
	
#header {
	
	} 	
	
#logo {
	float: left;
	width: 63px;
	}	
	
#contact {
	display: none;
	}	
	
#contact p {
	margin: 0;
	padding: 0;
	color: #FFF;
	padding-right: 25px;
	font-size: 70%;
	}
	
#contact a {
	color: #FFF;
	text-decoration: none;
	}		
	
#contact a:hover {
	text-decoration: underline;
	}	
	
.contactleft {
	width: 9px;
	height: 35px;
	background: url(../images/contactbgrnd_left.gif) top left no-repeat;
	float: left;	
	}
	
.contacttext {
	color: #FFF;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	margin-top: 6px;
	}
	
.tel {
	background: url(../images/icn_tel.gif) 100% 50% no-repeat;
	}
	
.mail {
	background: url(../images/icn_mail.gif) 100% 50% no-repeat;
	}			
	

	
.contactright {
	float: right;
	width: 15px;
	height: 35px;
	background: url(../images/contactbgrnd_right.gif) top right no-repeat;
	}	
	
#navigation {
	display: none;
	}	
	
#navigation ul {
	font-size: 0.8em;
	}
 
#navigation ul li {
	float: left;
	text-align: center;
	} 
	
#navigation ul li a {
	display: block;
	border: 1px solid #E96505;
	background: url(../images/nav_bgrnd.gif) 0px 0px repeat-x;
	text-decoration: none;
	color: #FFF;
	padding: 4px 0;
	margin-right: 1px;
	}
	
#navigation ul li a:hover {
	border: 1px solid #5D5A5A;
	background: url(../images/nav_bgrnd.gif) 0px -25px repeat-x;
	}
	
#navigation ul li.nav_home#active a,	
#navigation ul li.nav_personal#active a,
#navigation ul li.nav_business#active a,
#navigation ul li.nav_news#active a,
#navigation ul li.nav_careers#active a,
#navigation ul li.nav_profiles#active a,
#navigation ul li.nav_faqs#active a,
#navigation ul li.nav_mediation#active a,
#navigation ul li.nav_contact#active a {
	border: 1px solid #5D5A5A;
	background: url(../images/nav_bgrnd.gif) 0px -25px repeat-x;
	}	
	
#navigation ul li.nav_home a {
	width: 60px;
	}	
	
#navigation ul li.nav_personal a {
	width: 120px;
	}
	
#navigation ul li.nav_business a {
	width: 120px;
	}
	
#navigation ul li.nav_careers a {
	width: 64px;
	}
	
#navigation ul li.nav_profiles a {
	width: 100px;
	}	
	
#navigation ul li.nav_mediation a {
	width: 80px;
	}
	
#navigation ul li.nav_news a {
	width: 60px;
	}

#navigation ul li.nav_faqs a {
	width: 60px;
	}	
	
#navigation ul li.nav_contact a {
	margin-right: 0px;
	width: 80px;
	}						
		
	
	
#content {
	clear: both;
	width: 770px;
	background-color: #FFF;
	padding-top: 5px;
	}
	
#leftcolumn {
	display: none;
	}
	
#rightcolumn {
	display: inline;
	width: 770px;
	}
	
.intro {
	font-size: 90%;
	color: #E96505;	
	}

.homeimage {
	background: none;
	}
	
.copy {
	padding: 0 70px 0 35px;
	}
	
	
.psimage {
	background: none;
	width: 570px;
	padding: 5px 25px 25px 25px;
	}
	
.newsimage {
	background: none;

	}	
	
.careersimage {
	background: none;

	}
	
.mediationimage {
	background: none;
	}	
	
.faqimage {
	background: none;
	}
	
.contactimage {
	background: none;
	}	
	
.willsimage {
	background: none;
	}
	
.residentialimage {
	background: none;
	}	
	
.criminalimage {
	background: none;
	}	
	
.landlordimage {
	background: none;
	}	
	
.fundingimage {
	background: none;
	}	
	
.familyimage {
	background: none;
	}	
	
.employmentimage {
	background: none;
	}	
	
.contentiousimage {
	background: none;
	}	
	
.civlitimage {
	background: none;
	}		
	
.licensingimage {
	background: none;
	}	
	
.leisureimage {
	background: none;
	}	
	
.debtimage {
	background: none;
	}		
	
.compropimage {
	background: none;
	}		
	
.commercialimage {
	background: none;
	}		
	
.agrimage {
	background: none;
	}		
	
.psimage {
	background: none;
	}	
	
.bsimage {
	background: none;
	}		
	
.profilesimage {
	background: none;
	}			
															
#copyleft {
	width: 700px;
	}
	
#copyleftwide {
	width: 700px;
	}	
	
#copyleft ul {
	margin-bottom: 10px;
	}	
	
#copyleft ul li {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #666;
	list-style-type: disc;
	margin-left: 40px;
	}	
	
#copyright {
	display: none;
	}		
		
#copyright ul li {
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E96505;
	}
	
#copyright ul ul {
	margin-top: 5px;
	}	
	
#copyright li li {
	font-size: 0.8em;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E96505;
	margin-left: 15px;
	list-style-type: square;
	}
		
	
.logos {
	background: url(../images/accident_logos.jpg) top left no-repeat;
	height: 215px;
	width: 85px;
	}
	
.logos_family {
	background: url(../images/family_logos.gif) top left no-repeat;
	height: 30px;
	width: 85px;
	} 	
	
.logos_criminal {
	background: url(../images/criminal_logos.jpg) top left no-repeat;
	height: 141px;
	width: 85px;
	} 
	
.logos_leisure {
	background: url(../images/leisure-marine_logos.gif) top left no-repeat;
	height: 52px;
	width: 85px;
	}  	 	
	
#specialist {	
	background-color: #EBEBEB;
	width: 100%;
	font-size: 0.8em;
	color: #666;
	padding: 5px 0px;
	border-bottom: 3px solid #FFF; 
	}	
	
#specialist a {
	color: #666;
	}
	
#specialist a:hover {
	color: #E96505;
	}					
	
.name {
	float: left;
	margin-left: 10px !important;
	margin-left: 5px;
	}	
	
.area {
	float: right;
	margin-right: 10px !important;
	margin-right: 5px;
	}	
	
.link {
	padding-left: 16px;
	background: url(../images/linkarrow.gif) 0% 50% no-repeat;
	}	
				
	
#footer {
	display: none;
	}
	
#footer p {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}	
	
#footer p.footertag {
	display: block;
	width: 774px;
	height: 24px;
	text-align: center;
	background: url(../images/footertag.gif) top center no-repeat;
	}
	
#footerlinks {
	display: none;
	}
	
#footerlinks a, #footerlinks p {
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}	
	
#footerlinks a:hover {
	color: #666;
	}	
			
	
.boxhead {
	border: 1px solid #5D5A5A;
	width: 133px;
	background: #A7A6A6 url(../images/boxhead_bgrnd.gif) top left repeat-x;
	padding: 5px 5px 5px 10px;
	}	
	
.boxhead p {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	}	
	
#box {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #EFEFEF;
	margin-bottom: 5px;
	position: relative;
	}	
	
#box p {
	margin: 0;
	padding: 10px;
	color: #E96505;
	line-height: normal;
	}
	
#box p.border {
	border-bottom: 1px solid #FFF;
	}		
	
#box ul {
	font-size: 0.8em;
	}	
	
#box ul li {
	border-bottom: 1px solid #FFF;
	padding: 0;
	margin: 0;
	}	
	
#box ul li.last {
	border: none;
	}
	
#box ul li.lastactive {
	border: none;
	background-color: #C7C7C7;
	}	
	
#box ul li.active {
	background-color: #C7C7C7;
	}
		
#box ul li a {
	display: block;
	padding: 5px 10px;
	} 
	
#box ul li a:hover {
	text-decoration: none;
	background-color: #C7C7C7;
	}
	
.consultation {
	background: url(../images/consultation.gif) top center no-repeat;
	height: 90px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;	
	}	
	
.consultation#box p {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}
	
.consultation a {
	width: 100%;
	height: 90px;
	display: block;
	}	
	
	
.claim {
	background: url(../images/claim.gif) top center no-repeat;
	height: 88px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;		
	}
	
.claim#box p {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}		
	
.claim a {
	width: 100%;
	height: 88px;
	display: block;
	}	
	
.news {
	background: url(../images/news_bgrnd.gif) top center no-repeat;
	height: 95px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;		
	}
	
.track {
	background: url(../images/track_bgrnd.gif) bottom center no-repeat;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding-bottom: 40px;
	font-size: 90%;		
	}
	
.tracklink {
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 70%;
	color: FFF;
	}
	
.tracklink a {
	color: #FFF;
	}		
		
	
.newslink {
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 80px;
	height: 22px;
	}
	
.newslink span {
	margin: 0;
	padding: 0;
	text-indent: -999px;
	}	
	
.newslink a {
	display: block;
	margin: 0;
	padding: 0;
	width: 80px;
	} 	 		
	
	
/***** NEWS STYLES ****/

#newsitem {	
	width: 100%;
	font-size: 0.8em;
	background-color: #EBEBEB;
	color: #666;
	padding: 5px 0px;
	border-bottom: 3px solid #FFF; 
	}	
	
#newsitem a {
	color: #666;
	}
	
#newsitem a:hover {
	color: #E96505;
	}			
	
.newstitle {
	float: left;
	margin-left: 10px !important;
	margin-left: 5px;
	width: 270px;
	}	
	
.date {
	float: right;
	margin-right: 10px !important;
	margin-right: 5px;
	}
	
/*** END ***/	


/***** CAREERS STYLES ****/

#vacancyholder {	
	width: 100%;
	font-size: 0.8em;
	background-color: #EBEBEB;
	color: #666;
	padding: 5px 0px;
	border-bottom: 3px solid #FFF; 
	}		
	
#vacancyholder a {
	color: #666;
	}
	
#vacancyholder a:hover {
	color: #E96505;
	}		
	
.jobitem {
	float: left;
	margin-left: 10px !important;
	margin-left: 5px;
	width: 260px;
	}	
	
.area {
	float: right;
	margin-right: 10px !important;
	margin-right: 5px;
	}
	
.jobtitle {
	font-size: 1.0em;
	color: #E96505;
	margin: 0;
	padding: 0;
	}
	
.salary {
	font-size: 0.8em;
	color: #E96505;
	margin: 0 0 8px 0;
	padding: 0;
	}		
	
/*** END ***/		
	
						
	
.clear {
	clear: both;
	font-size: 1px;
	height: 1%;
	}		
	
.pdf {
	background: url(../images/ico_pdf.jpg) 0% 50% no-repeat;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	}
	
.q {
	float: left;
	width: 30px;
	font-weight: bold;
	}

.qtext {
	float:left;
	width: 530px;
	margin-bottom: 10px;
	}
	
.a {
	clear: left;
	float: left;
	width: 30px;
	font-weight: bold;
	
	}	
	
.atext {
	float: left;
	width: 530px;
	}	
	
.title {
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em; 
	color: #E96505; 
	padding-bottom: 10px; 
	padding-top: 5px;
	}
	
.top {
	float: left;
	display: block;
	width: 100%;
	margin-top: 10px;
	border-top: 1px dotted #E96505;
	border-bottom: 1px dotted #E96505;
	background-color: #EFEFEF;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 80%;
	clear: left;
	margin-bottom: 20px;
	}	
	
#track a {
	width: 148px;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	display: block;
	border: 1px solid #E96505;
	background: url(../images/nav_bgrnd.gif) 0px 0px repeat-x;
	text-decoration: none;
	color: #FFF;
	padding: 4px 0;
	margin-right: 1px;
	margin-bottom: 10px;
	}	
	
#track a:hover {
	background: url(../images/nav_bgrnd.gif) 0px -25px repeat-x;
	border: 1px solid #5D5A5A;
	}
	
	
.copy ul#sitemap li {
	list-style-type: disc;
	margin-left: 40px;
	font-size: 90%;
	}
	
.copy ul#sitemap li ul li {
	list-style-type: square;
	}	
	
	
#print {
	display: none;
	}	
	
#print a.print, #copyright a.print {
	display: none;

	} 
	
#leftprint {
	display: none;
	}			
	
#leftprint a.print {
	display: none;

	}
	
