html, body {
	font-family: verdana, arial, sans-serif;
	color: #4B4B4B;
	font-size: 11px;
	background: #f0f0f0;
}


* {
	padding: 0; 
	margin: 0;
}

p {
	padding: 14px 0 0 0;
	line-height: 14px;
}

img.bio {
	border: 1px solid #7D7E7D; 
	margin: 3px 10px 10px 0;
}
/****************format links***********************/

a:focus { 
outline: 0;
}

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


a:visited {
	text-decoration: none;
	color: #000051;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #000051;
	text-decoration: none;
}

a.navformat:link {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}

a.navformat:visited {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}

a.navformat:hover {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}

a.navformat:active {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}

a.footerlink:link {
	font-weight: normal;
	color: #4B4B4B;
}

a.footerlink:visited {
	font-weight: normal;
	color: #4B4B4B;
}

a.footerlink:active {
	font-weight: normal;
	color: #4B4B4B;
}

a.footerlink:hover {
	font-weight: normal;
	color: #4B4B4B;
}

a.sidenav:link {
	color: #000051;
	font-weight: bold;
	border-style: none;
}

a.sidenav:visited {
	color: #000051;
	font-weight: bold;
}

a.sidenav:hover {
	color: #000051;
	text-decoration: none;
	font-weight: bold;
}

a.sidenavsub:link {
	color: #000051;
	font-weight: normal;
	border-style: none;
}

a.sidenavsub:visited {
	color: #000051;
	font-weight: normal;
}

a.sidenavsub:hover {
	color: #000051;
	text-decoration: underline;
}

a.sidenavsubsub:link {
	color: #000051;
	font-weight: normal;
	border-style: none;
	padding-right: 10px;
	font-size: 9px;
}

a.sidenavsubsub:visited {
	color: #000051;
	font-weight: normal;
	padding-right: 10px;
	font-size: 9px
}

a.sidenavsubsub:hover {
	color: #000051;
	text-decoration: underline;
	padding-right: 10px;
	font-size: 9px
}

a.sidenav:hover img {	
	display: inline;
}

/****************format lists***********************/

ul.normal {
	padding-top: 14px;
}

ul.nestedlist2 {
	margin: 0 0 0 12px;
	list-style: square;
}

ul.nestedlist3 {
	margin-left: 24px;
	list-style: square;
}

li.footerlist {
	display: inline;
	list-style-type: none;
	padding: 0 5px 0 5px;
	margin: 0;
}

ul.footerlist {
	display: inline;
	color: #4B4B4B;
}

ul.sidenav {
	margin-right: 15px;
}

li.sidenav {
	text-align: right;
	display: block;
	list-style-type: none;
	font-weight: bold;
	margin: 15px 0 0 0;
}

li.sidenavsub {
	text-align: right;
	display: block;
	list-style-type: none;
	font-weight: normal;
	margin: 0;
	padding-top: 15px;
}

li.sidenavsubsub {
	text-align: right;
	display: block;
	list-style-type: none;
	font-weight: normal;
	margin: 0;
	padding-top: 15px;
	font-style: italic;
}

li.different {
	list-style-type: square;
	margin: 0 15px 15px 15px;
	display: list-item;
	color: #000051;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}

ul.nestedlist {
	margin-top: 12px;
}

ul.nestedlist2 {
	margin: 12px 0 0 15px;
	list-style-type: square;
}

ul.nobullet {
	list-style-type: none;
}

li.recognitionheader {
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;	

}

li.nobullet {
	list-style-type: none;
	font-size: 11px;
	font-weight: normal;	
}

/****************format headings***********************/

h1 {
	font-size: 11px;
	color: #000051;
	font-weight: bold;
	margin-top: 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000051;	
}

h3 {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #4B4B4B;
}

h5 {
	background: url('images/tableheadersm.gif') no-repeat;
	font-size: 14px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
	height: 45px;
	width: 240px;
}


h6 {
	background: url('images/tableheader.gif') no-repeat;
	font-size: 14px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
	height: 35px;
	width: 490px;
}

h7 {
	background: url('images/tableheadersm.gif') no-repeat;
	font-size: 14px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
	height: 35px;
	width: 240px;
}


/****************format main content***********************/

#container {
	width: 960px;
	margin: 0 auto 0 auto;
	background: url('images/backgroundshadow.gif') repeat-y;
	height: auto; overflow: auto
}

#header {
	width: 865px;
	height: 60px;
	margin: 5px 45px 40px 50px;
	_margin: 0 45px 10px 50px;
}

#logo {
	width: 305px;
	height: 45px;
	float: left;
	display: inline;
	margin: 30px 0 0 0;
}

/****format main nav****/
#nav {
	padding: 7px 0 7px 0;
	float: left;
	display: inline;
	margin: 0 0 0 35px;
}

a#nav1 {
	display: inline;
	float: left;
	width: 89px;
}

a#nav2 {
	display: inline;
	float: left;
	width: 103px;
}

a#nav3 {
	display: inline;
	float: left;
	width: 106px;
}

a#nav4 {
	display: inline;
	float: left;
	width: 127px;
}

a#nav5 {
	display: inline;
	float: left;
	width: 95px;
}

#content {
	width: 960px;
}

#leftcolmain {
	width: 305px;
	margin: 0 35px 0 50px;
	float: left;
	display: inline;
}

.tmain {background: url("images/dot.gif") 0 0 repeat-x;	width: 100%; float: left; display: inline;}
.bmain {background: url("images/dot.gif") 0 100% repeat-x}
.lmain {background: url("images/dot.gif") 0 0 repeat-y; }
.rmain {background: url("images/dot.gif") 100% 0 repeat-y; }
.blmain {background: url("images/bl1.gif") 0 100% no-repeat;}
.brmain {background: url("images/br.gif") 100% 100% no-repeat;}
.tlmain {background: url("images/tl.gif") 0 0 no-repeat}
.trmain {background: url("images/tr1.gif") 100% 0 no-repeat; padding: 15px} 

.tmain2 {background: url("images/dot.gif") 0 0 repeat-x;	width: 100%; float: left; display: inline;}
.bmain2 {background: url("images/dot.gif") 0 100% repeat-x}
.lmain2 {background: url("images/dot.gif") 0 0 repeat-y;  height: 225px; }
.rmain2 {background: url("images/dot.gif") 100% 0 repeat-y;  height: 225px; }
.blmain2 {background: url("images/bl1.gif") 0 100% no-repeat; height: 225px; }
.brmain2 {background: url("images/br.gif") 100% 100% no-repeat; height: 225px; }
.tlmain2 {background: url("images/tl.gif") 0 0 no-repeat; height: 225px; }
.trmain2 {background: url("images/tr1.gif") 100% 0 no-repeat; padding: 15px; height: 225px; } 

#rightcoltop {
	width: 520px;
	margin: 0 50px 20px 0;
	float: left;
	display: inline;
}

#rightcol {
	width: 520px;
	margin: 1px 50px 0 0;
	float: right;
	display: inline;
}

#rightcolleft {
	width: 150px;	
	margin: 0 15px 0 0;
	float: left;
	display: inline;
}

#rightcolcenter {
	width: 255px;	
	margin: 0 15px 0 0;
	float: left;
	display: inline;
}

#rightcolright {
	width: 85px;	
	float: right;
	display: inline;
	padding-top: 125px;

}

#footer {
	width: 935px;
	margin-top: 20px;
	padding: 17px 0 0 15px;
	float: left;
	background: url('images/footerbackground.gif') 0 0 no-repeat;
}

/**********************3 box style********************/
#leftcolinterior {
	width: 305px;
	margin: 0 35px 0 50px;
	float: left;
	background-color: #F7F7F7;
	display: inline;
}

#sidenav {
	width: 305px;
	position: relative;
	z-index: 1;
	min-height: 170px;
	height:auto !important;
  	height:170px;
}

#sidenavbottom {
	background: url('images/sidenavbottom.gif') 0 0 repeat-y;
	width: 305px;
	height: 100px;
	position: relative;
}

#sidenavbottom2 {
	background: url('images/sidenavbottom.gif') 0 55% repeat-y;
	width: 305px;
	height: 30px;
	position: relative;
}

img.highlight {
	position: absolute;
	left: 0px;
	z-index: -1;
	border: 0;
	margin-top: -5px;
	display: none;
}

img.highlightselected {
	position: absolute;
	left: 0px;
	z-index: -1;
	border: 0;
	margin-top: -5px;
}

#3boxcenter {
	width: 300px;
	float: left;
}

.t3boxcenter {background: url("images/dot.gif") 0 0 repeat-x; width: 300px; float: left}
.b3boxcenter {background: url("images/dot.gif") 0 100% repeat-x}
.l3boxcenter {background: url("images/dot.gif") 0 0 repeat-y;  min-height: 520px; height:auto !important}
.r3boxcenter {background: url("images/dot.gif") 100% 0 repeat-y;  min-height: 520px; height:auto !important}
.bl3boxcenter {background: url("images/bl1.gif") 0 100% no-repeat;  min-height: 520px; height:auto !important}
.br3boxcenter {background: url("images/br.gif") 100% 100% no-repeat;  min-height: 520px; height:auto !important}
.tl3boxcenter {background: url("images/tl.gif") 0 0 no-repeat}
.tr3boxcenter {background: url("images/tr1.gif") 100% 0 no-repeat; padding: 15px}


#3boxrightcol {
	width: 205px;
	float: right;
	margin-right: 50px;
}

#3boxrightcoltop {
	width: 175px;
}

.t3boxrightcoltop {background: url("images/dot.gif") 0 0 repeat-x; width: 205px; float: right;  margin: 0 50px 20px 0; display: inline;}
.b3boxrightcoltop {background: url("images/dot.gif") 0 100% repeat-x}
.l3boxrightcoltop {background: url("images/dot.gif") 0 0 repeat-y}
.r3boxrightcoltop {background: url("images/dot.gif") 100% 0 repeat-y}
.bl3boxrightcoltop {background: url("images/bl1.gif") 0 100% no-repeat}
.br3boxrightcoltop {background: url("images/br.gif") 100% 100% no-repeat}
.tl3boxrightcoltop {background: url("images/tl.gif") 0 0 no-repeat}
.tr3boxrightcoltop {background: url("images/tr1.gif") 100% 0 no-repeat; padding: 15px}

3boxrightcolbottom {
	width: 175px;	
}

.t3boxrightcolbottom {background: url("images/dot.gif") 0 0 repeat-x; width: 205px; float: right;  margin: 0 50px 0 0; display: inline;}
.b3boxrightcolbottom {background: url("images/dot.gif") 0 100% repeat-x}
.l3boxrightcolbottom {background: url("images/dot.gif") 0 0 repeat-y}
.r3boxrightcolbottom {background: url("images/dot.gif") 100% 0 repeat-y}
.bl3boxrightcolbottom {background: url("images/bl1.gif") 0 100% no-repeat}
.br3boxrightcolbottom {background: url("images/br.gif") 100% 100% no-repeat}
.tl3boxrightcolbottom {background: url("images/tl.gif") 0 0 no-repeat}
.tr3boxrightcolbottom {background: url("images/tr1.gif") 100% 0 no-repeat; padding: 15px}


/**********************1 box style***********************/
#1box {
	width: 520px;
}

.t1box {background: url("images/dot.gif") 0 0 repeat-x; width: 520px; float: left;  margin: 0 50px 0 0; display: inline;}
.b1box {background: url("images/dot.gif") 0 100% repeat-x}
.l1box {background: url("images/dot.gif") 0 0 repeat-y; min-height: 495px; height:auto !important;
  height:495px;
}
.r1box{background: url("images/dot.gif") 100% 0 repeat-y; min-height: 495px; height:auto !important;
  height:495px;
}
.bl1box {background: url("images/bl1.gif") 0 100% no-repeat; min-height: 495px; height:auto !important;
  height:495px;
}
.br1box {background: url("images/br.gif") 100% 100% no-repeat; min-height: 495px; height:auto !important;
  height:495px;
}
.tl1box {background: url("images/tl.gif") 0 0 no-repeat}
.tr1box {background: url("images/tr1.gif") 100% 0 no-repeat; padding: 15px}

/*1 box v2, taller box for Our Team pages*/
.t1box2 {background: url("images/dot.gif") 0 0 repeat-x; width: 520px; float: left;  margin: 0 50px 0 0; display: inline;}
.b1box2 {background: url("images/dot.gif") 0 100% repeat-x}
.l1box2 {background: url("images/dot.gif") 0 0 repeat-y; min-height: 570px; height:auto !important; height:570px;}
.r1box2 {background: url("images/dot.gif") 100% 0 repeat-y; min-height: 570px; height:auto !important; height:570px;}
.bl1box2 {background: url("images/bl1.gif") 0 100% no-repeat; min-height: 570px; height:auto !important; height:570px;}
.br1box2 {background: url("images/br.gif") 100% 100% no-repeat; min-height: 570px; height:auto !important; height:570px;}
.tl1box2 {background: url("images/tl.gif") 0 0 no-repeat}
.tr1box2 {background: url("images/tr1.gif") 100% 0 no-repeat; padding: 15px}


/*1 box v3, tallest box for Signature Searches pages*/
.t1box3 {background: url("images/dot.gif") 0 0 repeat-x; width: 520px; float: left;  margin: 0 50px 0 0; display: inline;}
.b1box3 {background: url("images/dot.gif") 0 100% repeat-x}
.l1box3 {background: url("images/dot.gif") 0 0 repeat-y; min-height: 680px; height:auto !important; height:680px;}
.r1box3 {background: url("images/dot.gif") 100% 0 repeat-y; min-height: 680px; height:auto !important; height:680px;}
.bl1box3 {background: url("images/bl1.gif") 0 100% no-repeat; min-height: 680px; height:auto !important; height:680px;}
.br1box3 {background: url("images/br.gif") 100% 100% no-repeat; min-height: 680px; height:auto !important; height:680px;}
.tl1box3 {background: url("images/tl.gif") 0 0 no-repeat}
.tr1box3 {background: url("images/tr1.gif") 100% 0 no-repeat; padding: 15px}


/******************************practice areas columns*******************/
#col1 {
	width: 240px;
	float: left;
}

#col2 {
	width: 240px;
	float: right;
}

/*****************Table formatting for Recognition.**********************/
table.recognition {
	width: 225px;
	border: solid 1px #ccc;
}

td.recognition3 {
	border: solid 1px #ccc;
	background-color: #000051;
	color: #fff;
	font-weight: bold;
}

td.recognition1 {
	border: solid 1px #ccc;
	color: #4B4B4B;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}

td.recognition2 {
	border: solid 1px #ccc;
	color: #4B4B4B;
	padding: 2px 5px 2px 5px;
}

td.highlight1 {
	background-color: #FFFFCC;
	color: #4B4B4B;
	border: solid 1px #ccc;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}

table.recognition_wide {
	width: 475px;
}

td.recognition_wide1 {
	width: 125px;
	vertical-align: top;
	padding: 10px 10px 10px 0;
	font-weight: bold;
}

td.recognition_wide2 {
	width: 350px;
	vertical-align: top;
	padding: 10px 10px 5px 0;
}


/*************************formatting search lists***************************/

td {
	vertical-align: top;
	padding: 10px 10px 10px 5px;
	border: solid 1px #f0f0f0;	
}

table {
	border-collapse: collapse;
	border: solid 1px #f0f0f0;
}

th.sortable {
	color: #000051;
	background: #f0f0f0;
	padding: 10px 0 10px 15px;
	text-align: left;
}

th {
	background: #f0f0f0 url('images/dblarrow.gif') no-repeat 0 50%;
	padding: 10px 0 10px 15px;
	text-align: left;
}


tr.alt {
	background: #F9FCFF;
}

th.forwardSort {
	background:#f0f0f0 url('images/downarr.gif') no-repeat 0 50%;
}

th.reverseSort {
	background:#f0f0f0 url('images/uparr.gif') no-repeat 0 50%;
}

table.pareas{
	width: 236px;
	margin-left: 2px;
	border: 0;
}

td.pareas {
	border: 0;
	padding: 1px;
}


#bigbox {
	width: 860px;
	margin-left: 50px;
}

table.survey {
	width: 830px;
	
}

td.noborder {
	border: 0;
}

textarea.textbox {
	width: 800px;
	height: 100px;
}

#bigbox2 {
	width: 860px;
	min-height: 600px;
	padding: 50px;
}

img.positionelement {
	margin-left: -15px;
}

#assessmenttext {
	float: left;
	width: 250px;
}

#assessmentgraphic {
	float: right;	
	margin: 10px 20px 0 0 ;
	width: 220px;
}

p.nobreak {
	margin: 0;
	padding: 0;
	align: center;
	font-size: 14px;
}

#elements {
	background: url('images/elements.jpg') no-repeat;
	width: 480px;
	height: 200px;	
}

#actionsteps {
	background: url('images/searchprocess.jpg') no-repeat;	
	width: 500px;
	height: 500px;	
}

#assessmentleft {
	float: left;
	width: 230px;
}

#assessmentright {
	float: right;
	width: 230px;
}

#assessmentbottom {
	float: left;
	width: 500px;
}


/******************Hover pop-up************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
	position: relative;
	z-index: 0;
}

a.thumbnail:hover {
	text-decoration: none;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;	
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 10px;
left: -1000px;
margin: -230px 0 0 -80px;
visibility: hidden;
color: #000051;
text-decoration: none;
font-size: 10px;
font-weight: normal;
text-align: left;
width: 150px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.thumbnail2{
	position: relative;
	z-index: 0;
}

a.thumbnail2:hover {
	text-decoration: none;
}

.thumbnail2:hover{
	background-color: transparent;
	z-index: 50;	
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 10px;
left: -1000px;
margin: -230px 0 0 -80px;
visibility: hidden;
color: #000051;
text-decoration: none;
font-size: 10px;
font-weight: normal;
text-align: left;
width: 200px;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}



.thumbnail3{
	position: relative;
	z-index: 0;
}

a.thumbnail3:hover {
	text-decoration: none;
}

.thumbnail3:hover{
	background-color: transparent;
	z-index: 50;	
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 10px;
left: -1000px;
margin: -150px 0 0 -110px;
visibility: hidden;
color: #000051;
text-decoration: none;
font-size: 10px;
font-weight: normal;
text-align: right;
width: 100px;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}


.thumbnail4{
	position: relative;
	z-index: 0;
}

a.thumbnail4:hover {
	text-decoration: none;
}

.thumbnail4:hover{
	background-color: transparent;
	z-index: 50;	
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #f0f0f0;
padding: 10px;
left: -1000px;
margin: 30px 0 0 -80px;
visibility: hidden;
color: #000051;
text-decoration: none;
font-size: 12px;
font-weight: normal;
text-align: left;
width: 180px;
border: gray 1px dotted;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail4:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
/**End hover pop-up**/


/************** ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== ******************/
#menu {position:relative}

#menu ul {margin:10px -20px 0 0; padding:0; list-style:none; white-space:nowrap; text-align:right; padding:1px 1px 0 1px;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px; background: #fafafa;}

#menu a {display:block; line-height:28px; text-decoration:none; padding:0 20px 0 10px} 

#menu ul li:hover > ul {left:100%; margin-top:-28px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {text-decoration: underline} 
#menu li:hover > a {text-decoration:underline}
#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}