*{margin:0;padding:0;border:none;background:none;}
/*@font-face {
  font-family: "Calibri";
  src: url("calibri.ttf");
}*/

body{
	background-color:#FFFFFF;
	background-image:url('../gfx/interface/body-BG.jpg');
	background-repeat:repeat-y;
	background-position:center;
	text-align:center;
}

.websiteContainer{
	margin:auto;
	width:1200px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;}

.websiteContainer .banner{text-align:right}
.websiteContainer .banner .logo{float:left;margin:0 0 0 10px;}

.websiteContainer .banner .searchareas{margin:10px 5px 5px; }
.websiteContainer .banner .searchareas br{line-height:0.2em;}
.websiteContainer .banner .searchareas form{padding:0;margin:0;}
.websiteContainer .banner .searchareas input{text-transform:uppercase;border:1px solid #d6d3cf;color:#b4b1ae;font-size:0.7em;width:120px;padding:2px;}
.websiteContainer .banner .searchareas input.Submit{background-color:#d2cfca;color:#FFFFFF;width:30px;border:none;}

#SearchAreaPeople{margin:10px 0px 0px;width:985px;}
#SearchAreaPeople br{line-height:0.2em;}
#SearchAreaPeople form{padding:0;margin:0;}
#SearchAreaPeople input{text-transform:uppercase;border:1px solid #003556;color:#003556;font-size:.7em;width:120px;padding:2px;}
#SearchAreaPeople input.Submit{background-color:#003556;color:#FFFFFF;width:30px;border:none;}


/*###################suckerfish##########################*/
.websiteContainer .banner .nav{
	height:23px;
	margin-top:11px;
	float:right;
}

.nav, .nav ul { /* all lists */
	padding: 0;
	margin: 0 5px 0 0;
	list-style: none;
	text-align:right;
	line-height: 1;
	background-color:#FFFFFF;
}

/*ie7 hack for son of suckerfish http://css-class.com/articles/explorer/sticky/index.htm */
.nav li:hover {
	position:static
} 

.nav ul li ul{
	background-color:#b6bd1c;
}

.nav a {
	display: block;
	width: auto;
	margin:2px 0px 2px 0px;
	padding:4px 8px 4px 8px;
	color:#877f76;
	text-decoration:none;
	font-weight:bold;
	font-size:0.8em
}

/* all list items */
.nav li { 
	float: left;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	width:auto;
}

.nav li ul li{
	background-color: #b6bd1c;
}
.nav li ul li a{
	font-size:0.8em;
	width:14em;
	color:#FFFFFF;
	padding:7px 3px;
}
.nav li ul li a:hover{
	padding-left:10px;
	background-color:#FFFFFF;
}

/* second-level lists */
.nav li ul { 
	border:solid 1px #b6bd1c;
	background-color:#b6bd1c;
	margin:0;
	position: absolute;
	text-align:left;
	padding-left:10px;
	z-index: 500000;
	background-color: #FFFFFF;
	width: 14em;
	left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
}

.nav ul li .HasChildren {
	background-image:url('/gfx/icon/more-content.gif'); 
	background-repeat:no-repeat; 
	background-position: center right;
}

.nav ul li .HasChildren ul li{
	padding-left:5px;
	background-color:#94c2bd;
}

.nav ul li .FirstMenuItem{
	margin-top: 0px;
}

.nav li ul li .FirstMenuItem{
	margin-top: 0px;
}

.nav li ul ul { /* third-and-above-level lists */
	margin: -1.7em 0 0 12em;
	padding-top:0px;
}

.nav li:hover ul ul, 
.nav li:hover ul ul ul, 
.nav li.sfhover ul ul, 
.nav li.sfhover ul ul ul {
	left: -999em;background-color:#b6bd1c;
	
}

/* lists nested under hovered list items */
.nav li:hover ul, 
.nav li li:hover ul, 
.nav li li li:hover ul, 
.nav li.sfhover ul, 
.nav li li.sfhover ul, 
.nav li li li.sfhover ul { 
	left: auto;
	background-color:#FFFFFF;color:#666666;
}

.nav li a:hover{
	color:#FFFFFF;
	background-color:#b6bd1c;
}

.nav li ul li a:hover{
	background-color:#FFFFFF;
	color:#b6bd1c;
}

.nav  li:hover ul, 
.nav li.sfhover ul{
	background-color:#b6bd1c;
}

/*###########################end suckerfish#####################*/

.websiteContainer .mainContent {
	/*clear: left;*/                                
}
.websiteContainer .mainContent{color:#58524b;font-family:"Calibri", Arial, Helvetica, sans-serif}
/*set extra padding for pages beyond the home page*/
.websiteContainer .nonHomeFormat{padding:10px;margin-left:200px;}
/*make left column for the content pages*/
.websiteContainer .leftColumn{float:left;width:190px;background-color:#E5E5E5;margin-left:0px;}
.websiteContainer .leftColumn ul{}
.websiteContainer .leftColumn ul li{list-style-type:none;border-bottom:1px solid #CCCCCC;padding:6px 3px}
.websiteContainer .leftColumn ul li a{text-transform:uppercase;font-size:0.8em;padding:2px;text-decoration:none;color:#003756;display:block;}
.websiteContainer .leftColumn ul li a:hover{background-color:#b8be1c;color:#FFFFFF}
.websiteContainer .leftColumn img{width:175px;padding:6px;margin:0;border:none;}
/*default text styles*/
.websiteContainer .mainContent h1{padding:10px 0;color:#877f76;font-size:1.8em;font-weight:100;}
.websiteContainer .mainContent h2{padding:10px 0;color:#877f76;font-size:1.6em;font-weight:100;}
.websiteContainer .mainContent h3{padding:10px 0;color:#003556;font-size:1.4em;font-weight:100;}
.websiteContainer .mainContent h4{padding:10px 0;color:#877f76;font-size:1.2em;font-weight:100;}
.websiteContainer .mainContent p{padding:10px 0;color:#877f76;font-size:1.0em;}
.websiteContainer .mainContent p.topOfPage{text-align:right;font-size:0.8em;padding:10px 0;width:985px;}
.websiteContainer .mainContent p.fullexplanation{font-size:1.5em;}

.websiteContainer .mainContent ul, 
.websiteContainer .mainContent ol
{
	font-size:1.0em;
	margin:0 3em 0 0;
	/*padding:0 0 0 2.5em; Jay says: are you sure you want EVERY ul to have a fat 2.5 em left padding?!*/
	
}
#Newletter ul{
	padding:0 0 0 2.5em;
}
.mainContent li{
	list-style-image:url("../gfx/interface/bullet1.gif"); 
	padding:0 0 0.8em 0;
	color:#877f76;
	list-style-position:inside;
}

.websiteContainer .mainContent .awardsImage{border:1px solid #E5E5E5;}
.padImgLeft{padding-right:10px;}
.websiteContainer dl{padding:12px;}
.websiteContainer dl dt{font-weight:bold;}
.websiteContainer dl dd{margin-left:25px;margin-bottom:15px;}

/*home page styles*/
.websiteContainer .mainContent .sitPerfectlyStill{margin:0;padding:0;border:none;}
/*IE6 PNG transparency support*/
.websiteContainer .mainContent img.sitPerfectlyStill{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);}
.websiteContainer .mainContent .homeContentContainer{margin:5px;}
.websiteContainer .mainContent .homeContentContainer .contentWidget{float:left;width:390px;}
.websiteContainer .mainContent .homeContentContainer .extraMargin{margin-left:6px;}
.websiteContainer .mainContent .homeContentContainer .goright{float:left;;width:327px;}
.websiteContainer .mainContent .homeContentContainer .contentWidget img{overflow:hidden;}

.websiteContainer .mainContent .homeContentContainer .contentWidget h2
{
	padding: 3px 0 0;
	font-weight: 100;
	font-size: 1.4em;
	color: #b8be19;
}


.websiteContainer .mainContent .homeContentContainer .contentWidget p{padding:3px 5px 0 3px;font-size:0.9em;text-align:justify; color:#003556;}

.websiteContainer .mainContent .homeContentContainer .contentWidget ul
{
	/* margin:10px 5px 5px 3px; Jay says: don't blat all ul tags */
}

.websiteContainer .mainContent .homeContentContainer .contentWidget li
{
	/* margin:10px 5px 5px 3px; Jay says: don't blat all li tags */
	/* font-size: 0.9em; */
}

.websiteContainer .mainContent .homeContentContainer .contentWidget .scrollingwidget{
	width:396px;
	/* height:219px; */
	margin-bottom:-5px;
	background-image:url(../gfx/interface/widgetBG.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	clear:both;
	color:#FFFFFF;
}
.websiteContainer .mainContent .homeContentContainer .contentWidget .scrollingwidget ul{margin:3px 5px 5px 3px;}
.websiteContainer .mainContent .homeContentContainer .contentWidget .scrollingwidget li{list-style-image:none;list-style-type:none;color:#FFFFFF;font-size:1em;font-weight:100;text-align:center;height:100px;}
.websiteContainer .mainContent .homeContentContainer .contentWidget .scrollingwidget h2{color:#dcdbd9;padding:5px 5px 2px;font-size:1.3em;text-transform:lowercase;}
.websiteContainer .mainContent .homeContentContainer .contentWidget .scrollingwidget h2 .smaller{font-size:0.7em;}
.websiteContainer .mainContent .homeContentContainer .contentWidget .scrollingwidget h2 .smaller a{text-decoration:none;color:#87a5b7;}
.websiteContainer .mainContent .homeContentContainer .contentWidget .scrollingwidget h2 .smaller a:hover{text-decoration:underline}

/*team listings*/
.websiteContainer .mainContent h2.Team{border-bottom:1px solid #CCCCCC;}
.websiteContainer .mainContent .Member{border-bottom:1px dotted #E5E5E5;margin:10px 0;}
.websiteContainer .mainContent .Member h2{}
.websiteContainer .mainContent .Member img{float:left;padding:5px;margin:5px 15px 5px 0;border:1px solid #E5E5E5;}
.websiteContainer .mainContent .Member p.Qualification{font-weight:bold; font-style:italic;}
.websiteContainer .mainContent .Member p.Description img.quotefloat{float:left;border:none;margin:-10px 0 0 0;padding:0 5px 5px 0;}

/*publications and news*/
.websiteContainer .mainContent .publicationsContainer{
	border-bottom:1px solid #E5E5E5;
	margin-bottom:10px;
	/*background-image: url(../gfx/interface/publicationsBG.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;*/
	position:relative;
	min-width:0;}
.publicationsContainer img{float:left;margin:0;padding:0 15px 0 0;}
.publicationsContainer h2{font-weight:100;padding:5px 0;}
.publicationsContainer h2 a{color:#003756;text-decoration:none;}
.publicationsContainer h2 a:hover{text-decoration:underline;}
.publicationsContainer p{margin-left:95px;}
.publicationsContainer p img.quotefloat{float:left;border:none;margin:-10px 0 0 0;padding:0 5px 5px 0;}
.publicationsContainer p a{float:right;margin-right:15px;color:#FFFFFF;background-color:#b8be1c;text-decoration:none;padding:0px 3px;-moz-border-radius:0.4em;-webtile-border-radius:0.4em;}
.publicationsContainer p a:hover{background-color:#003756;color:#FFFFFF;}

/*Practice Areas*/
.practiceSquare{
	float:left;
	width:480px;
	height:200px;
	overflow:hidden;
	margin:0 10px 10px 0;
	background-image:url(../gfx/interface/practiceBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
} 
.websiteContainer .mainContent .practiceSquare img{
	float:left;
	margin:5px 10px 20px 20px;
}
.websiteContainer .mainContent .practiceSquare h2{
	padding-right:50px;
	text-align:right;
}
.websiteContainer .mainContent .practiceSquare h2 a{color:#877f76;text-decoration:none;}
.websiteContainer .mainContent .practiceSquare p{
	margin-left:95px;
	padding:0 10px 0 0;
	}
.websiteContainer .mainContent .practiceSquare p a{color:#003756;text-decoration:none;}
.websiteContainer .mainContent .practiceSquare p a.hover:hover{text-decoration:underline;}

.websiteContainer a{color:#003756;text-decoration:none;}
.websiteContainer a.hover:hover{text-decoration:underline;}


/*Contact form*/
.websiteContainer .mainContent .ControlContainerUser{margin-bottom:10px}
.websiteContainer .mainContent form input{width:450px;border:1px solid #CCCCCC;padding:3px 5px;}
.websiteContainer .mainContent form select{width:250px;border:1px solid #CCCCCC;padding:3px 5px;}
.websiteContainer .mainContent form input.submit{margin-left:150px;width:200px;}
.websiteContainer .mainContent form label{width:150px;float:left;padding:0;margin:0;border-bottom:1px solid #E5E5E5;}
.websiteContainer .mainContent form textarea{
	border:1px solid #CCCCCC;width:450px;height:150px;padding:3px 5px;font-family:Arial, Helvetica, sans-serif;color:#666666;
		background-image:url('../gfx/interface/reg_form_background.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;}
/*event reply form*/
.websiteContainer .mainContent .eventResponse{}
.websiteContainer .mainContent .eventResponse form input{width:200px;margin-bottom:3px}
.websiteContainer .mainContent .eventResponse form input.submit{margin-left:0px;width:210px;background-color:#b6bd1c;color:#003756}
.websiteContainer .mainContent .eventResponse form select{width:210px;}

/*and lastly the footer*/
.websiteContainer .footer{clear:both;margin:5px;border-top:2px solid #cecbc8;}
.websiteContainer .footer{ _margin-top: 120px;} 
.websiteContainer .footer ul{text-align:center;margin-top:10px;}
.websiteContainer .footer ul li{display:inline;padding:2px;font-size:0.8em;}
.websiteContainer .footer ul li a{	color:#877f76;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
	text-transform:uppercase}
.websiteContainer .footer ul li a:hover{background-color:#877f76;color:#FFFFFF;}


.SearchResultHighlight font{
	background-color:#FFFF00;
}

.PageThroughButton{color:#003756;text-decoration:none;}
.PageThroughButton:hover{text-decoration:underline;}


/* = practise area backgrounds (yeah, by ID sucks a bit) = */

.practiseSquare {
	 background: white no-repeat 0 0;
}
/* Corporate and Commercial */ 
div#practice-area-1, 
.PracticeCategory-1 div.practiceSquare 
{
	background-image: url(../gfx/interface/practice_blueBG.jpg);
	
}

/* Financial */
div#practice-area-2,
.PracticeCategory-2 div.practiceSquare 
{
	background-image: url(../gfx/interface/practice_blueBG.jpg);
	
}

/* Industry */
div#practice-area-5,
.PracticeCategory-5 div.practiceSquare 
{
	background-image: url(../gfx/interface/practice_blueBG.jpg);
	
}

/* Insurance */ 
div#practice-area-4,
.PracticeCategory-4 div.practiceSquare 
{
	background-image: url(../gfx/interface/practice_blueBG.jpg);
	
}

/* Personal */
div#practice-area-6,
.PracticeCategory-6 div.practiceSquare 
{
}

/* Property */
div#practice-area-3,
.PracticeCategory-3 div.practiceSquare
{
	background-image: url(../gfx/interface/practice_greenBG.jpg);
	
}