/* CSS Document */

/* Normalises margin, padding */
body, div, dl, dt, dd, ul, ol, li, hi, h2, h3, h4, h5, h6, pre, form, fieldset, legend,
input, p, blockquote, caption, th, td
{ margin: 0; padding: 0; }

/* Normalises heading font sizes */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Removes list-style for lists */
ul, ol
{
	list-style: none;
}

/* Normalises table borders */
table
{
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #000099;
}

/* Removes border from fieldset and img */
fieldset, img
{ border: 0; }

/* Centre-aligns text in caption and th */
caption, th
{ text-align: center; }

/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/left-bg.gif) repeat-y;
}

/* Start Positioning divs */
#maincontent {
	margin-left: 210px;
	width: 77%;
}
#leftcol {
	float: left;
	width: 189px;
}
#rightcol {
	float: right;
	width: 188px;
}
#footer {
	clear: both;
}
/* End Positioning divs */

/* Start Header */
#header {
	background: #2848c0;
	height: 105px;
}
#header #logo {
	float: left;
	padding: 10px;
}
#header #headimg {
	float: right;
}
/* End Header */

/* Start Top Navigation */
#topnav {
	clear: both;
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 0.5em;
	border-top: 1px solid #97f5ff;
	background: url(../images/topnav-bg.gif) repeat-x;
	padding-bottom: 1em;
}
#topnav #topmenu {			/* Start Right menu */
	float: right;
}
#topnav #topmenu li {			/* Displays navigation horizontally */
	display: inline;
}
#topnav #topcontact {			/* Start Left contact info*/
	margin-left: 1em;
}
#topnav #topcontact li {			/* Displays navigation horizontally */
	display: inline;
}
#topnav #topcontact a.alt:link, #topnav #topcontact a.alt:visited {			/* Start Left contact info*/
	border-left: 2px solid #cdd7ff;			/* Adds link separator */
	margin-left: .5em;
}
#topnav a:link, #topnav a:visited {
	color: #cdd7ff;
	border-right: 2px solid #cdd7ff;			/* Adds link separator */
	padding-right: .5em;
	padding-left: 0.5em;
}
#topnav a.alt:link, #topnav a.alt:visited {
	border-style: none;
}
#topnav a:hover, #topnav a:active {
	color: #97f5ff;
}
#homepage #topnav li #homelink, #peoplepage #topnav li #peoplelink,				/* Current page menu formatting */
#contactspage #topnav li #contactlink, #linkspage #topnav li #linkslink, #sitemappage #topnav li #sitemaplink {
	color: #97f5ff;
}
/* End Top Navigation */

/* Start Left Navigation */
#leftcol {
	background: #e8edff;
	font-size: 80%;
	font-weight: bold;
	color: #1c3286;
	border-right: 1px solid #9aafff;
	padding-top: 1em;
}
#leftcol h1 {
	font-size: 110%;
	text-align: center;
	color: #1c3286;
	margin-top: 2em;
}
#leftcol h1+ul {
	margin-top: -0.5em;
}
#leftcol li {
	margin-bottom: 1em;
}
#leftcol a:link, #leftcol a:visited {
	color: #1c3286;
	font-weight: bold;
	background: #cdd7ff;
	display: block;
	border-bottom: 1px solid #9aafff;
	text-decoration: none;
	border-top: 1px solid #9aafff;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
}
#leftcol a:hover, #leftcol a:active {
	color: #197c86;
	background: #cbfaff;
	border-top: 1px solid #24b1c0;
	border-bottom: 1px solid #24b1c0;
}
#leftcol #leftcontacts li {
	text-align: center;
	font-size: 90%;
	color: #333333;
}
#leftcol #leftcontacts a:link {
	background: none;
	border-style: none;
	text-decoration: underline;
	padding: 0px;
}


#resproppage #leftcol #resproplink, #comproppage #leftcol #comproplink,				/* Current page menu formatting */
#accidentpage #leftcol #accidentlink, #willspage #leftcol #willslink, #divorcepage #leftcol #divorcelink,
#disputespage #leftcol #disputeslink, #elawpage #leftcol #elawlink, #blawpage #leftcol #blawlink {
	color: #197c86;
	background: #cbfaff;
	border-top: 1px solid #24b1c0;
	border-bottom: 1px solid #24b1c0;
}
/* End Left Navigation */

/* Start Main Content */
#maincontent {
	font-size: 80%;
	line-height: 120%;
	padding-top: 1em;
	margin-right: 1em;
}
#maincontent h1 {
	font-size: 120%;
	background: url(../images/h1-bg.gif) no-repeat;
	height: 2em;
	padding-top: 0.35em;
	padding-left: 0.35em;
	color: #401986;
}
#maincontent h2 {
	font-weight: bold;
	color: #401986;
	font-size: 110%;
	margin-left: .5em;
}
#maincontent h2+p {
	margin-top: 1em;
	font-weight: bold;
}
#maincontent h3 {
	font-weight: bold;
	color: #401986;
	font-size: 100%;
	margin-left: .5em;
}
#maincontent p {
	margin-bottom: 1.25em;
	margin-left: 1em;
}
#maincontent ul {
	margin-left: 4em;
	list-style: disc;
}
#maincontent .mugshots {
	margin-left: 1em;
	margin-top: 1em;
}
#maincontent .mugshots li {			/* Contact photos */
	float: left;
	width: 98px;
	font-size: 80%;
	text-align: center;
	background: #fafafa;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #7e7e7e;
	border-bottom: 1px solid #7e7e7e;
	padding-top: 4px;
	margin-right: 1em;
	margin-bottom: 0.5em;
	line-height: 140%;
	padding-bottom: 0.4em;
	list-style: none;
}
#maincontent ul+ul {
	clear: left;
	margin-top: 1em;
}
#maincontent ul+p {
	margin-top: 1.25em;
}
#maincontent dl.submenu {
	float: left;
	width: 50%;
	font-size: 80%;
}
#maincontent dl.submenu dt {
	font-weight: bold;
}
#maincontent dl.submenu dd {
	margin-left: 1em;
	margin-right: 2em;
}
#maincontent address {
	font-style: normal;
	font-weight: bold;
	margin-left: 2em;
	margin-top: 0.5em;
	color: #1c3286;
	background: #e8edff;
	padding: 0.5em;
	width: 54%;
}
#maincontent .contact {
	font-style: normal;
	font-weight: bold;
	margin-left: 2em;
	margin-top: 0.5em;
	color: #1c3286;
	padding: 0.5em;
	width: 54%;
	background: #E8EDFF;
}
#maincontent .imageright {
	float: right;
	text-align: center;
	background: #fafafa;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #7e7e7e;
	border-bottom: 1px solid #7e7e7e;
	padding: 4px 4px 6px;
	margin-left: 0.75em;
	margin-top: 2px;
	font-size: 80%;
	color: #1c3286;
}
#maincontent .officeimage { /* office images on contact page */
	float: right;
	text-align: center;
	background: #fafafa;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #7e7e7e;
	border-bottom: 1px solid #7e7e7e;
	padding: 4px 4px 6px;
	margin-left: 0.75em;
	margin-top: 2px;
	margin-right: 3em;
	font-size: 80%;
	color: #1c3286;
}
#maincontent .contentright {
	float: right;
	font-size: 80%;
}
#maincontent .back {
	float: right;
	font-size: 80%;
}
#maincontent .links li { /* Useful Links list styles */
	font-weight: bold;
	list-style: none;
	margin-bottom: 1em;
}

/* Start of News Articles styles */
#maincontent #newslist {	/* List of news articles - single column */
	margin-bottom: 1em;
}
#maincontent #newslist li {
	list-style: none;
	font-size: 90%;
	margin-bottom: 1.5em;
}
#maincontent #newslistleft {	/* List of news articles - left column */
	width: 48%;
	margin-bottom: 1em;
}
#maincontent #newslistleft li {
	list-style: none;
	font-size: 90%;
	margin-bottom: 1.5em;
}
#maincontent #newslistright {	/* List of news articles - right column */
	float: right;
	width: 48%;
	margin-bottom: 1em;
	margin-right: 1%;
}
#maincontent #newslistright h3 {
	color: #401986;
	margin-left: 1em;
	margin-top: .5em;
}
#maincontent #newslistright li {
	list-style: none;
	font-size: 90%;
	margin-bottom: 1em;
}
#maincontent .newsarticle {	/* News Articles holder div */
	border: 1px solid #197c86;
	font-size: 90%;
	padding: 1em 1.5em 0em 1em;
	background: #e9fdff;
	margin-bottom: 1em;
}
#maincontent .newsarticle h2 {
	font-size: 120%;
	color: #197c86;
}
#maincontent .newsarticle h3 {
	margin-left: .5em;
	margin-bottom: .5em;
	color: #197c86;
}
#maincontent .newsarticle .quote {
	font-style: italic;
}
#maincontent .newsarticle dt {
	margin-left: 1em;
	font-weight: bold;
}
#maincontent .newsarticle dd {
	margin-left: 1.75em;
	margin-bottom: 1em;
}
#maincontent .newsarticle ol {
	list-style: decimal;
	margin-left: 4em;
	margin-bottom: 1em;
}
#maincontent .newsarticle li {
	margin-top: .5em;
}
#maincontent .newsarticle .nobullet {
	list-style: none;
}
#maincontent #newsarticletop {
	clear: right;
}
/* End of News Articles styles */

/* Start of text only site map styles */
#maincontent ul.sitemap {
	list-style: none;
	font-size: 90%;
	font-weight: bold;
}
#maincontent ul.sitemap ul {
	font-size: 100%;
}
#maincontent ul.sitemap li {
	margin-bottom: .75em;
}
#maincontent ul.sitemap dl {
	margin-left: 2em;
	font-size: 90%;
}
#maincontent ul.sitemap dt {
	margin-top: .75em;
}
#maincontent ul.sitemap dd {
	margin-left: 1em;
	font-weight: normal;
}
/* End of text only site map styles */

/* Start location maps formatting */
#maincontent .locmap {
	border: 1px solid #bc97ff;
	text-align: center;
	font-size: 80%;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	margin-bottom: 2em;
}
#maincontent .locmap h2 {
	text-align: left;
	font-size: 140%;
}
#maincontent .locmap iframe {
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid #5b24c0;
	height: 350px;
	width: 425px;
}
/* End location maps formatting */


/* Start of main content link styles */
#maincontent a:link {
	color: #2848c0;
}
#maincontent a:visited {
	color: #5b24c0;
}
#maincontent a:hover, #maincontent a:active {
	color: #24b1c0;
}
#maincontent .top {
	text-align: right;
	font-size: 90%;
}
#maincontent .new {
	font-weight: bold;
	color: #5b24c0;
}
#maincontent #back {
	font-size: 80%;
	float: right;
	margin-right: 3em;
}


/* End of main content link styles */

/* End Main Content */

/* Start Right Column */
#rightcol {
	background: #e8edff;
	padding-bottom: 1em;
	border: 1px solid #2848C0;
	margin-left: 2em;
	margin-top: -1em;
	margin-bottom: 1em;
}
#rightcol h2 {
	font-size: 100%;
	text-align: center;
	color: #1c3286;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0px;
}
#rightcol h3 {
	font-size: 90%;
	text-align: center;
	color: #4019B2;
	margin-bottom: 1.5em;
	margin-left: 0px;
}
#rightcol p {
	font-size: 80%;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
}
#maincontent #rightcol ul {
	margin-left: .5em;
	margin-right: .5em;
}

#rightcol li {
	font-size: 90%;
	margin-bottom: 1.5em;
	list-style: none;
	font-weight: bold;
	margin-left: 0px;
}
#rightcol a:link {
	color: #2848c0;
}
#rightcol a:visited {
	color: #5b24c0;
}
#rightcol a:hover, #rightcol a:active {
	color: #24b1c0;
}
/* Start Right Column */

/* Start Footer */
#footer {
	background: #ddcbff;
	font-size: 70%;
	color: #5b24c0;
	text-align: center;
	margin-top: 2em;
	padding: .75em 4em 4em .75em;
	border-top: 1px solid #5b24c0;
}
#footer p {
	margin-bottom: .5em;
}
#footer a:link {
	color: #2848c0;
}
#footer a:visited {
	color: #5b24c0;
}
#footer a:hover, #footer a:active {
	color: #24b1c0;
}
/* End Footer */


/* Start other formatting */
.center {
	text-align: center;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}