/* Start of global page classes */
* {
    margin:0px;
    padding:0px;
}
html {
	height:100%;
}
body {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	height:100%;
	background:#FFF;
}
textarea {
	font-size:1.1em;
	background-color:#FFF;
}
a:link {
color:#DF432A;
text-decoration:underline;
}
a:visited {
color:#C3513F;
text-decoration:underline;
}
a:hover, a:active {
color:#AB230D;
color:#CC0000;
text-decoration:underline;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#272783;
	font-size:1.7em;
	margin-bottom:15px;
}
h2,.heading {
	font-family:Arial, Helvetica, sans-serif;
	color:#AC9545;
	font-size:1.5em;
	margin-bottom:10px;
	font-weight:bold;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#F46104;
	font-size:1.6em;
	font-weight:bold;
	padding-left:1px;
	margin-bottom:5px;
}
p {
	margin-bottom:13px;
}
.dotted1 {
	background:url(../images/dotted-bg-1.gif) repeat-x 0px 10px;
	position:relative;
	margin:20px 0px;
	padding:0px;
	height:20px;
	
}

.dotted2 {
	background:url(../images/dotted-bg-1.gif) repeat-x 0px 3px;
	position:relative;
	margin:7px 0px 10px 0px;
	padding:0px;
	height:5px;
}



/* End of global page classes */



/* This is the pages "white" area that is centered in the middle of the page. */
#outer {
	background-color: #FFF;
	margin:auto;
	position:relative;
	font-size:1.1em;
	width:100%;
}



/* This is the area that appears between the top navigation and footer. */
#maincontent {
	padding:25px;
	float:none;
	position:relative;
	display:block;
}



/* These are the banner classes */
#banner {
	width:100%;
	height:98px;
	position:relative;
	padding-top:0px;
	top:0px;
}
.bnrlogo {
	position:absolute;
	background:url("/images/bnr-logo.gif") no-repeat 0px 0px;
	top:10px;
	left:15px;
	border:0px;
	width:241px;
	height:56px;
}
.bnrlogo img {
	border:0px;
}
.bnrbyline {
	color:#7C92B3;
	position:absolute;
	right:10px;
	top:10px;
	text-align:right;
}
.bnrbyline a:link, .bnrbyline a:visited, .bnrbyline a:active {
	color:#7C92B3;
	text-decoration:none;
}
.bnrbyline a:hover {
	text-decoration:underline;
}
/* End of banner classes */




/* Navigation bar classes */
#navbar {
	position:absolute;
	width:100%;
	height:27px;
	color:#FFF;										/* mod text colour */
	font-size:1em;
	top:71px;
	left:0px;
	display:inline;
	background:#4F6484;
}


/* Primary nav elements */
ul.navlevel0 {
	list-style:none;
	margin-left:4px;
	padding:0px;
	/* these cancel our the stryling of the ul element. */
	margin:0px;
	padding:0px;
}
ul.navlevel0 li {
	font-weight:normal;
	display:inline;
	position:relative;
	top:0px;

	/* these cancel our the stryling of the ul li element. */
	position:relative;
	background:none;
	margin-top:0px;
	padding-left:0px;
	z-index:0;
	text-transform:capitalize;
	float:left;   /* Removing this float fixes the prob with the dropdown widths in Firefox. Keeping this float fixes the closeangle image and the differing distances of the dropdown nav from the top of the page for IE and firefox. Very anoying!! Catch 22!!!! */	
}
ul.navlevel0 a:link, ul.navlevel0 a:visited {
	padding:7px 7px 7px 7px; /*Padding of the individual nav items*/
	color:#FFF;
	text-decoration:none;
	line-height:27px;  /*Important - I.E. needs this for the nav items to look right. Stoopid bug. */	
	border-right:1px solid #6B7F9C;
}
ul.navlevel0 a:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#9D392A;
}


/* Seconday dropdown nav */
ul.navlevel1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:none;
	border-top: 0px;
	position:absolute;
	top:29px;
	left:-1px;
	width:140px;
	z-index:20;

}
ul.navlevel1 li, ul.navlevel2 li, ul.navlevel3 li {
	position:relative;
	width:210px; /* Adding this width here, fixes the "dropdown element width" problem with Firefox. */	
	text-transform:none;	
}
ul.navlevel1 li a:link, ul.navlevel1 li a:visited, ul.navlevel2 li a:link, ul.navlevel2 li a:visited, ul.navlevel3 li a:link, ul.navlevel3 li a:visited {
	display: block;
	text-decoration: none;
	color: #666;
	background-color: #EAEAE5;
	padding: 5px 5px 5px 10px;
	border: 1px solid #FFF;
	border-top: 0px;
	line-height:15px;  /*Important - I.E. needs this for the nav items to look right. Stoopid bug. */	
	z-index:20;
}
ul.navlevel1 li a:hover, ul.navlevel2 li a:hover {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #9D392A;
	padding: 5px 5px 5px 10px;
	border: 1px solid #FFF;
	border-top: 0px;
	z-index:20;
}
ul.navlevel3 li a:hover {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #A9AE91;
	padding: 5px 5px 5px 10px;
	border: 1px solid #ccc;
	border-top: 0px;
	font-weight:normal;
	z-index:20;
}
ul.navlevel0 li:hover ul.navlevel1, ul.navlevel0 li.over ul.navlevel1, ul.navlevel1 li:hover ul.navlevel2, ul.navlevel1 li.over ul.navlevel2, ul.navlevel2 li:hover ul.navlevel3, ul.navlevel2 li.over ul.navlevel3 { 
	display: block; 
	z-index:20;
}

/* Fix IE. This is known as the Holly Hack - Hide from IE Mac \*/
* html ul.navlevel1 li { float: left; }
* html ul.navlevel1 li a { height: 1%; }

* html ul.navlevel2 li { float: left; }
* html ul.navlevel2 li a { height: 1%; }

* html ul.navlevel3 li { float: left; }
* html ul.navlevel3 li a { height: 1%; }

/* End of holly hack */


ul.navlevel2, ul.navlevel3 {
	position:absolute;
	top:-10px;
	left:139px;
	width:140px;
	z-index:20;
	display:none;
}

.mainad {
	width:100%;
	display:block;
	background:url("/images/promo.jpg") no-repeat top right #060601;
	text-align:left;
}
.mainpromocommunity {
	background:url("/images/promo-community.jpg") no-repeat top right #060601;
}
.mainpromoareasoflaw {
	background:url("/images/promo-areas.jpg") no-repeat top right #060601;
}
.mainpromomedia {
	background:url("/images/promo-media-1.jpg") no-repeat top right #060601;
}
.mainpromocareers {
	background:url("/images/promo-careers.jpg") no-repeat top right #060601;
}
.mainpromoportstaff {
	background:url("/images/promo-staff2.jpg") no-repeat top right #060601;
}
.mainpromooffices {
	background:url("/images/promo-offices2.jpg") no-repeat top right #060601;
}
.mainpromoofficesbw {
	background:url("/images/promo-offices3.jpg") no-repeat top right #060601;
}
.mainpromosocial {
	background:url("/images/promo-social.jpg") no-repeat top right #060601;
}

/* Footer classes */
#footer {
	width:100%;
	height:48px;
	color:#8C8C8C;
	font-size:0.8em;
	position:relative;
	clear:both;
	background:#E5E5E5;
	border-top:1px solid #BFBFBF;
}
#footer ul {

	/* these cancel our the stryling of the ul element. */
	margin:0px 0px 0px 10px;
	list-style:none;
	padding:0px;
}
#footer li {
	
	/* these cancel our the stryling of the ul li element. */
	position:relative;
	background:none;
	margin-top:0px;
	padding-left:0px;
	z-index:0;	
	
	display:inline;
	position:relative;
	top:14px;
}
#footer a:link, #footer a:visited {
	padding:4px 10px 7px 10px;
	color:#A0A0A0;
	text-decoration:none;
}
#footer a:hover {
	color:#333;
	text-decoration:underline;
}
.copyrightnotice {
	position:absolute;
	left:20px;
	top:30px;
	text-transform:none;
}
#footer span.copyrightnotice a:link, #footer span.copyrightnotice a:visited, #footer span.copyrightnotice a:hover, #footer span.copyrightnotice a:active	 {
	padding:0px;
	margin:0px;
}
/* end of footer classes */




/* Misc classes */
.bottomsection {
	clear:both;
}
.tablemaincontent {
	width:100%;
	border-collapse:collapse;
}
table.tablemaincontent td {
	vertical-align:top;
}
table.tablemaincontent td.leftsection {
	padding:20px;
	width:200px;
	background:#D8C688;
	color:#FFF;
}
table.tablemaincontent td.middlesection {
	padding:20px;
}
table.tablemaincontent td.middlesection2 {
	padding:20px 40px 40px 40px;
}
table.tablemaincontent td.rightsection {
	padding:20px;
	width:200px;
	background:#D8C688;	
	color:#FFF;
}
table.tablemaincontent td.rightsection2 {
	padding:20px;
	width:250px;
	background:#D8C688;	
	color:#FFF;
}
table.tablemaincontent td.rightsection2 h3 {
	margin-bottom:20px;
}
table.tablemaincontent td.rightsection2 img {
	border:1px solid #666;
	margin-bottom:20px;
}

table.tablemaincontent td.map {
background-color:#EEE;
border-left:1px solid #CCC;
}
table.tablemaincontent td.map img {
	padding:2px;
	border:1px solid #666;
	background-color:#FFF;
}


.newsitem {
	margin-bottom:20px;
}
.newssummaryitem {
	margin-bottom:0px;
}

.newssummaryitem img {
	border:0px;
	border-left:4px solid #CC0000;
	float:left;
	margin:0px 10px 5px 0px;
}

.margins1b {
	margin-bottom:20px;
}
.margins1t {
	margin-top:20px;
}


/* Standard bulleted lists */
.list1 {
	display:block;
	list-style-type:none;
	margin-bottom:20px;
	position:relative;
}
.list1 li {
	background:url(/images/bullet9.gif) no-repeat -1px 0px;
	margin-top:10px;
	padding-left:20px;
	z-index:1;
	position:relative;
	list-style:none;
}
.list1 li li{ 
	margin-left:20px;
}
.list1 ul{margin-bottom:20px;}
.list2 {
	display:block;
	list-style-type:none;
	margin-bottom:20px;
}
.list2 li {
	background:url(/images/bullet10.gif) no-repeat -1px 0px;
	margin-top:10px;
	padding-left:20px;
	z-index:1;
}
.list2 li.phone {
	background:url(../images/icon-phone.gif) no-repeat 0px 2px;
}
.list2 li.calendar {
	background:url(../images/icon-calendar.gif) no-repeat 2px 0px;
}
.list2 li.envelope {
	background:url(../images/icon-envelope.gif) no-repeat 2px 3px;
}
.list2 li.arrow {
	background:url(../images/icon-arrow.gif) no-repeat 2px 1px;
}
.list3 {
	display:block;
	list-style-type:none;
	margin-bottom:20px;
}
.list3 li {
	background:none;
	margin-top:20px;
	padding-left:0px;
	z-index:1;
}
.list4, .list5, .list6, .list7, .list8 {
	display:block;
	list-style-type:none;
	margin-bottom:20px;
}
.list4 li {
	background:none;
	margin-top:20px;
	padding-left:23px;
	padding-top:6px;
	z-index:1;
	background:url(/images/icon-tick.gif) no-repeat 0px 0px;
}
.list5 li {
	padding-left:27px;
	background:url(/images/icon-tick2.gif) no-repeat 0px 0px;
}
.list6 li {
	padding-left:27px;
	background:url(/images/icon-tick3.gif) no-repeat 0px 0px;
}
.list7 li {
	padding-left:27px;
	background:url(/images/icon-tick4.gif) no-repeat 0px 0px;
}
.list8 li {
	padding-left:27px;
	background:url(/images/icon-tick5.gif) no-repeat 0px 0px;
}


/* These styles are visible in the WYSIWYG editor */

/* These are styles for the CMS layouts which are specific for this template. */
/* Layout 2 */
.layout2 {
	width:100%;
	border:0px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	vertical-align:top;
}
.layout2section1 {
	width:47%;
	padding-right:20px;
	vertical-align:top;
}
.layout2section2 {
	width:47%;
	border-left:1px solid #CCC;
	padding:0px 0px 0px 20px;
	vertical-align:top;
}
.layout2section3 {
}
.layout2section4 {
}


.layout9 {
	width:100%;
	border:0px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	vertical-align:top;
}
.layout9section1 {
	vertical-align:top;
	padding:0px 20px 0px 0px;
	border-right:1px solid #CCC;
}
.layout9section2 {
	vertical-align:top;
	padding:0px 20px 0px 20px;	
}
.layout9section3 {
	vertical-align:top;
	padding:0px 0px 0px 20px;	
	border-left:1px solid #CCC;
	width:27%;
}
.layout9section4 {
	vertical-align:top;
}
hr {
height:1px;
background-color:#CFCFCF;
color:#CFCFCF;
border:none;
}

#maintable {
	padding:0px;
	border:0px;
	height:400px;
}
#maintable td.leftside {
	background:url("/images/left-side-bg.jpg") repeat-y 0 0;
	vertical-align:top;
	width:30px;
	padding:0px;
}
#maintable td.rightside {
	background:url("/images/right-side-bg.jpg") repeat-y 0 0;
	vertical-align:top;
	width:30px;
	padding:0px;
}
#maintable td.middle {
	vertical-align:top;
	padding:10px 20px;
	width:769px;
}
.bullet1 {
	position:relative;
	background:url(../images/bullet2.gif) no-repeat 0px 4px;
	margin-top:10px;
	padding-left:9px;
}
.bullet2 {
	position:relative;
	background:url(/images/bullet4.gif) no-repeat 0px 4px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:11px;
	clear:both;
}
.bulletword {
background:url(/images/icon-word.gif) no-repeat 0 2px;
padding-left:23px;
display:block;
line-height:20px;
}

.bulletpdf {
background:url(/images/icon-pdf.gif) no-repeat 0px 2px;
padding-left:23px;
display:block;
line-height:20px;
	margin-top:10px;
}

#tableedge {
	border-collapse:collapse;
	margin:auto;
	margin-bottom:30px;
}
td.edgeleft {
	vertical-align:top;
	background:url("/images/edge-bg-left.gif") no-repeat 0 bottom;
}
td.edgeright {
	vertical-align:top;
	background:url("/images/edge-bg-right.gif") no-repeat 0 bottom;
}
.iconaudio {
	background:url("/images/icon-speaker.gif") no-repeat 0 0;
	padding-left:32px;
}
.iconvideo {
	background:url("/images/icon-film.gif") no-repeat 0 0;
	padding-left:32px;
}
table.month  {
	position:relative;
	margin:auto;
	margin-bottom:50px;
	border-collapse:collapse;
}
table.month .monthname {
	text-align:center;
	font-weight:bold;
	width:100%;
	vertical-align:middle;
	background-color:#EAEAEA;
	color:#666;
}
table.month .today {
	background-color:#FFFFCC;
}
table.month td {
	text-align:center;
	vertical-align:top;
	width:60px;
	height:50px;
	border:1px solid #CCC;
	padding:3px;
}
table.month .event {
	background-color:#FFFFCC;
}
table.month .dayname {
	color:#333;
	font-weight:bold;
}
table.month table.eventitem td {
	width:auto;
	padding:2px;
	height:10px;
	background-color:#FFE2C6;
	border:0px solid #CCC;
	font-size:0.8em;
}
img.imgleft {
	padding:2px;
	border:1px solid #CCC;
	float:left;
	margin:20px 20px 20px 0px;
}
img.imgright {
	padding:2px;
	border:1px solid #CCC;
	float:right;
	margin:20px 20px 20px 0px;
}
.clearit {
	clear:both;
}
.imgtype2 {
padding:2px;
border:1px solid #CCC;
}
.imgtype1 {
float:left;
margin-right:20px;
margin-bottom:20px;
margin-top:20px;
padding:2px;
border:1px solid #CCC;
}
table.tabletype1 {
	width:100%;
}
#leftlist, #rightlist {
	padding-right:20px;
}
#rightlist {
	width:50%;
}
#contactus span {
	position:relative;
	display:block;
	margin-bottom:5px;
}
#team {
	width:100%;
}
.photocolumn {
	width:100px;
}
#team img {
	margin:0px 20px 20px 0px;
	padding:2px;
	border:1px solid #999;

}
#team h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#A98947;
}
#team div.dotted2 {
	margin:30px 0px;
}
.logoimg {
	border:1px solid #CCC;
}
.staffmoreinfo {
	padding:70px 61px 20px 20px;
	border:1px solid #DDD;
	position:relative;
	left:11px;
	top:20px;
	margin-bottom:20px;
	background:url(/images/profile-bg.gif) no-repeat 15px 20px #FAFAFA;
}
.staffmoreinfo ul.list1 {
	position:relative;
	left:21px;
	margin-bottom:30px;
}
.paperclip {
	position:absolute;
		top:-25px;
		left:-20px;
		background:url(/images/paperclip.gif) no-repeat 0 0;
		width:60px;
		height:60px;
}
.borderimages img {
	border: 1px solid #666;
}