html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size:62.5%;
}

strong {
	font-weight:bold;
	margin-bottom:10px;
	color:#677a85;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.hide {
	position:relative;
	text-indent:-999em;
}

.italic {font-style:italic;
}

body {
		background:#fff url(../img/gutter8.jpg) repeat;
/* 		background:#fff url(../img/bg.jpg) repeat-y;
background-image:url(../img/Zbgcenterbg.jpg);*/
  /*		background-color:#000000;
	background-color:#606d7a;*/
	/* font-family:"Arial, Helvetica, sans-serif;     */
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
}

/*body.overview {
	background:#fff url(../img/bg2.jpg) repeat-y;
}
*/

#outer { 
 width:990px;
 margin:auto;
}

.bg {
 background: url(../img/bg3centre.png) repeat-y;
}

.bg_overview {
 background: url(../img/bg5centre.png) repeat-y;
}

#wrapper {
	width:944px;
	margin:0px 0px 30px 46px ;
/*	height:400px;*/
}


.right {
	float:right;
	padding-right:12px;
}


/* Page Structure */

#header {height:259px;  }




/*
#header h1, #header .h1style {display:block; height:66px; background-image:url(../img/gutter8.jpg); background-repeat:repeat-x;  font-size:4em; color:#333333; font-weight:bold; text-transform:none; padding:8px 0px 9px 86px;}

#header h1, #header .h1style {display:block; height:66px; background-image:url(../img/gutter8.jpg); background-repeat:repeat-x;  font-size:4em; color:#EAEAEA; font-weight:bold; text-transform:none; padding:8px 0px 9px 86px;}
*/

#header h1, #header .h1style {display:block; height:66px; background-image:url(../img/titlebg4.png); background-repeat:no-repeat;  font-size:4em; color: #333333; font-weight:bold; text-transform:none; padding:8px 0px 9px 86px;}

#header h1 a:hover {color:#333333;}


#header h1 span, #header .h1style span {font-size:1.3em;}

#header .subtext {font-size:0.4em; font-style:italic; }

#headerleft {float:left; width:776px; border-bottom:1px solid #768193; height:260px; display:inline; background:#fff; }
#headerright {float:left; width:158px; padding:10px 5px 10px 5px; border-bottom:1px solid #768193; height:240px; text-align:center; position:relative; display:inline;}
#headerright p{margin-bottom:10px; font-weight:bold;}
#headerright p span {color:#ec008c}

#headerright a {
	text-decoration:none;
	color:#000000;
}
#headerright a:hover {
	color:#677a85;
}

/* Generic Styles */
#contentleft {margin-top:-40px; margin-left:4px;}
#contentleft h2 {color:#333333; margin-bottom:0px; font-weight:bold; font-size:2em; background:url(../img/h2bg.png) 0 0 no-repeat; padding:16px 0 8px 50px; margin-left:-50px;}
#contentleft h5 {color:#333333; margin-bottom:0px; font-weight:bold; font-size:1.8em; text-align:center;}
#contentleft h4 {color:#333333; margin-bottom:0px; font-weight:bold;}
#contentleft {font-size:1.2em; float:left; width:650px; padding:50px 20px 50px 90px; display:inline; }
#contentleft p {color:#333333; margin-bottom:10px; line-height:1.3em; }
#contentleft td a, a {text-decoration:none; color:#333333;}
#contentleft td a:hover, a:hover {color:#999; }
#contentleft p img {float:left; margin:0px 10px 10px -140px;}
#contentleft p img.inline {
	float:none;
	margin:0;
}
#contentleft img {padding-top:7px;}
#contentleft .navbullet {display:inline; margin:0px; float:right;}
#contentleft td { padding:0 15px 6px 0; color:#333333}
#contentleft ul { list-style:inside disc;  color:#333333; margin-bottom:10px; line-height:1.3em; }
#contentleft .sort {color:#ec008c; font-weight:bold;}
#contentleft .sort:hover {color:#999; }

#contentleft #clerkbig {width:630px; height:250px; text-align:center; float:left;}
#contentleft .clerksmall {width:315px; height:250px; text-align:center; float:left;}

#contentright {font-size:1.2em; float:left; width:141px; padding:20px 0 0 19px; display:inline;}
#contentright ul.stoppress li {/*background:url(../img/stoppress.png) no-repeat top center;*/ padding:10px 0 0; margin-bottom:10px; color:#333; text-align:center; line-height:1.3em;}
#contentright ul.stoppress li a {color:#ec008c; display:block; text-decoration:none; margin:10px 0 0;}
#contentright ul.stoppress li a:hover {color:#999; }
#contentright ul.events {margin-top:20px;}
#contentright ul.events li {background:url(../img/eventimage.png) no-repeat top center; padding:30px 0 0; margin-bottom:10px; color:#ec1c7f; text-align:center; }
#contentright ul.events li a {color:; text-decoration:none;}
#contentright ul.events li a:hover { color:#999999;}
.texthide {position:absolute; left:-999em;}
#contentright .tit {font-size:1.4em; font-weight:bold; color:#333333;  }

/* Menu Styles */
#logo img {position:absolute; z-index:2}
#logo {position:absolute; margin-left:-50px; margin-top:-35px;}
#logo ul {background:url(../img/ulbg.png); position:absolute; left:80px; top:80px; z-index:1;}
#logo li {background:url(../img/libg.png) no-repeat 11px center}
#logo ul li a { display:block; width:151px; border:1px solid #000; height:10px; color:#fff; text-decoration:none; text-transform:uppercase; padding:7px 0 7px 30px;}
#logo ul li:hover {background:url(../img/liover.png) 0 -3px;}

/* Footer */
#footer {color:#1e2a5c; font-size:0.8em; overflow:hidden; width:100%; position:relative; float:left; clear:left;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footerleft {float:left; width:765px; padding:25px 0 10px 5px; position:absolute; bottom:0px; width:765px;;}
#footerright {float:right; width:155px; padding:10px 4px 50px 16px; text-align:center;}
#footerright a {color:#1e2a5c; text-decoration:none; position:absolute; bottom:25px; right:14px;}
#footerright img.ujack {margin:0 0 -10px 5px;}
.valid img {margin:10px 10px 10px 0;}
#footer .right {float:right; padding-right:20px;}

/* Barrister Search Styles */
#barristersearchleft, #barristersearchright {font-size:1.5em;}
#barristersearchleft li a {color:#000; text-decoration:none;}
#barristersearchleft {float:left; width:120px; margin:0 10px; display:inline;}
#barristersearchright {float:left; width:630px;}

#headerleft #barristersearchleft li, #headerleft #barristersearchright li {background:url(../img/fieldbgleftinactive.png) left top no-repeat; padding:8px 10px; height:18px; margin-bottom:5px; position:relative; }

#headerleft #barristersearchright li {width:282px;}

#headerleft #barristersearchleft li.active, #headerleft #barristersearchright li.active {background:url(../img/fieldbgleft.png) no-repeat;  color:#fff;}
#headerleft #barristersearchleft li.active a {color:#fff;} 
#headerleft li.active select {background:#ec0083; color:#fff;}

#barristersearchright ul {float:left; width:300px; margin-right:10px; }

#barristersearchright select {font-size:.6em; } /* font-stretch:condensed; */

#headerleft span.fauxheading {margin:14px 10px; display:block; font-weight:bold;}
.rightedge {background:url(../img/fieldbgrightinactive.png) right; display:block; width:14px; height:34px; position:absolute; right:0px; top:0px;}
li.active .rightedge {background:url(../img/fieldbgright.png);}
#headerleft form {position:relative;}
#submitbarristersearch {position:absolute; right:20px; top:-39px; background:url(../img/submitbtn4.png) no-repeat; width:131px; height:34px; border:0; text-indent:-999em; cursor:pointer;}
#headerright form {position:absolute; bottom:17px; left:0px;}
#headerright form fieldset {background:url(../img/fieldbgleftinactive.png) left top no-repeat; height:34px; margin-bottom:5px; position:relative; width:150px; left:10px;}
#headerright form input#criteria, #headerright form input#query {position:absolute; left:12px; width:95px; top:10px; padding:0px; font-size:11px;}
#headerright form input#searchsubmit {position:absolute; right:0px; top:0px;; background:url(../img/submitbtn2.png) no-repeat; width:35px; height:34px; border:0; text-indent:-999em; cursor:pointer;}
#headerright form input {background:#ecb5d6; border:1px solid #abadb3;}
#headerleft select {background:#ecb5d6; border:1px solid #abadb3; width:165px; display:inline;}
#headerleft label {width:95px; float:left; display:inline;}
#headerright .tit {font-size:1.4em; font-weight:bold;}

/* Barristers Page */
.leftinfo {float:left; width:131px; text-align:center; margin-right:10px;}
#contentleft .leftinfo p {line-height:1.1em;}
.leftinfo img.profile {margin-bottom:20px;}
ul.barristerresults {float:left; width:149px; text-align:center; background:url(../img/border.png) left repeat-y; padding:0 10px;}
#contentleft ul.barristerresults { list-style:none;}
ul.barristerresults li {margin-bottom:5px;}
ul.barristerresults li a {color:#677a85; text-decoration:none; font-size:0.8em;}
ul.barristerresults li.active a {color:#000; font-size:1em;}
ul.barristerresults li a:hover {color:#125687; }
a.moreinfo {display:block; padding:0 0 50px; background:url(../img/moreinfo.png) bottom center no-repeat;line-height:1.2em; color:#677a85; text-decoration:none;}

/* Barristers Overview */

#overviewleft {float:left; width:190px; text-align:center; font-size:1.2em; padding:20px 0;}
#overviewleft img.profile {margin-bottom:20px;}
#overviewcenter {float:left; width:515px; left repeat-y; padding:20px 10px 50px 55px; font-size:1.4em;}
#overviewcenter h2, #overviewcenter h3 {color:#5c707c; margin-bottom:10px; font-weight:bold;}
#overviewcenter h3 {padding-top:15px;}
#overviewcenter h2 {FONT-SIZE:2EM; margin-bottom:0px; background:url(../img/h2bg.png) 0 0 no-repeat; height:33px; padding:12px 0 8px 50px; margin-left:-50px;}
#overviewcenter p {margin-bottom:10px; font-size:0.9em; line-height:1.1em;}
#overviewcenter ul li {list-style:outside disc; margin-left:40px; font-size:0.9em; line-height:1.1em; }
a.pdf {display:block; padding-top:50px; background:url(../img/pdf.png) top center no-repeat; margin:20px 0; width:150px; margin-left:21px}
#overviewcenter em {font-style:italic;}
a.pdfsmall {display:block; padding-top:20px;  background:url(../img/pdfsmall.png) top center no-repeat; margin:10px 0; width:150px; margin-left:21px}

.magenta {color:#ec008c;}

#overviewleft H4 {color:#666666; font-size:1em; font-weight:bold;}
#overviewleft li {margin-bottom:8px;}
#overviewleft a {color:#125687; text-decoration:none;}
#overviewleft a:hover {color:#677a85; text-decoration:none;}
#overviewleft .email {font-size:.75em;}
#overviewleft li.active a {color:#ec008c;}
#contentright ul.barristers li a {color:#5c707c; text-decoration:none; font-size:0.8em;}
#contentright ul.barristers li a:hover {color:#125687;}
#contentright ul.barristers li.active a {color:#fff;}
#contentright ul.barristers li.active {background:url(../img/barristersulbg.png);}
#contentright ul.barristers li {padding:4px 0px; text-align:center;}
span.articles {color:#5c707c; font-size:1.2em; margin-bottom:20px; display:block;}

#overviewleft #barrister_zoom { display:none; }
p.zoom_detail { font-weight:bold; font-size:1.5em; margin:5px 0 0 0; }

/* Careers */

#careersleft {float:left; width:170px; font-size:1.2em; padding:40px 10px;}
#careersleft li {margin-bottom:8px; background:url(../img/libg2.png) top left no-repeat; padding-left:20px;}
#careersleft a {color:#125687; text-decoration:none; line-height:1.1em;}
#careersleft a:hover {color:#677a85; text-decoration:none;}
#careersleft li.active a {color:#ec008c;}

#careerscenter {float:left; width:515px; padding:20px 10px 50px 55px; font-size:1.4em;}
#careerscenter h2, #careerscenter h3, #careerscenter h4 {color:#333333; margin-bottom:0px; font-weight:bold;}
#careerscenter h2 {font-size:2em; background:url(../img/h2bg.png) 0 0 no-repeat; padding:12px 0 8px 50px; margin-left:-50px;}
#careerscenter h4 {text-decoration:underline; margin-bottom:10px; font-size:1.1em;}
#careerscenter p, #careerscenter ul li, #careerscenter ol li  {color:#333333; margin-bottom:10px; font-size:.85em; line-height:1.3em;}
#careerscenter ul li, #careerscenter ol li ul li {list-style:outside disc; margin-left:40px; }
#careerscenter ol li {margin-left:40px; list-style:decimal; margin-top:5px; margin-bottom:5px; }
#careerscenter ol li ul li, #careerscenter ol li ol li {font-size:1em}
#careerscenter img {float:right; padding:0 15px 10px 10px;}

/* Clerks */


#contentleft .clerk {
	width:310px;
	margin:0 10px 10px 0;
	float:left;
}

#contentleft .clerk img {
	float:left;
	margin-right:3px;
}

#contentleft .clerk div {
	float:left;
	width:120px;
	height:100px;
}

/* Search results */
#searchheader {height:90px; width:776px;}
#searchheader h1, #searchheader .h1style {background: url(../img/titlebg4.png) no-repeat top; display:block; height:66px; font-size:4em; font-weight:bold; color:#333333; text-transform:uppercase; padding:24px 0  0px 86px;}
#searchheader h1 span, #searchheader .h1style span {font-size:1.3em;}

#searchleft { float:left; width:750px; margin-right:4px; padding:10px; }
#searchright { float:left; width:151px; text-align:center; position:relative; top:-83px; padding:2px; }
#searchright p{margin-bottom:10px; font-weight:bold;}
#searchright p span {color:#ec008c}

#searchright a {
	text-decoration:none;
	color:#000000;
}
#searchright a:hover {
	color:#677a85;
}

#searchleft #result_report {
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
}

#searchleft #results {
	font-size:1.2em;
}

#searchleft #results a.title { 
	font-weight:bold;
}

#searchleft #results .url {
	font-style:italic;
}