/* 
----------------------------------------------------------------------------- 
GLOBAL RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}
a:hover {text-decoration: underline;}




/* 
----------------------------------------------------------------------------- 
BASIC STYLES
-----------------------------------------------------------------------------*/
#header .logo h1 strong {
	display:none;
}
.allcaps {
	text-transform: uppercase;
}
p.readmore a, 
a.readmore,
div.readmore {
	background: url(../../images/icons/arrow_right.gif) no-repeat right center;
	font-weight: bold;
	display: block;
	padding-right: 13px;
	font-size: 10px;
}
div.readmore {
	cursor: pointer;
	text-align: right;
}
.introtext {
	color: #0860a8;
	line-height: 1.4em;
}
.imgright {
	background: #FFFFFF;
	padding: 3px;
	margin-bottom: 8px;
	margin-left: 10px;
	border: 1px solid #487AA4;
	float: right;
}

.imgleft {
	background: #FFFFFF;
	padding: 3px;
	margin-bottom: 8px;
	margin-left: 10px;
	border: 1px solid #487AA4;
	float: left;
}




/* 
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/
body {
	background: url(../../images/bg/bg.gif);
	margin: 0px;
	padding: 0px;
	font: 0.85em/1.3em Arial, Helvetica, sans-serif;
	color: #333333;
}
#container {
	background: url(../../images/bg/bg-container2.png) repeat-y;
	width: 944px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 21px 5px 19px;
}




/* 
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#header .util {
	position: absolute;
	top: 8px;
	text-align: right;
	width: 944px;
	font-size: 85%;
	color: #666666;
}
.logout {
	text-align: right;
	font-size: 85%;
	color: #666666;
	padding-top: 5px;
}
#header .util a {
	color: #0860a8;
}
#header .logo {
	float: left;
	width: 181px;
	background: url(../../images/logo.gif) no-repeat bottom;
}
#header .logo a {
	background: url(../../images/logo.gif) no-repeat bottom;
	display: block;
	height: 90px;
	width: 181px;
}


/* NAVIGATION STYLES */
#header .nav {
	background: url(../../images/nav/bg.gif) repeat-x;
	height: 90px;
	margin-left: 189px;
}
#header .nav #nav, #header .nav #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#header .nav #nav .mnuFirm {
	background: url(../../images/nav/nav-1.gif) repeat-x left 8px;
}
#header .nav #nav .mnuPractice {
	background: url(../../images/nav/nav-2.gif) repeat-x left 8px;
}
#header .nav #nav .mnuClients {
	background: url(../../images/nav/nav-3.gif) repeat-x left 8px;
}
#header .nav #nav .mnunavEnd {
	background: url(../../images/nav/nav-4.gif) repeat-x left 8px;
}
#header .nav #nav .mnuFirm a {
	background: url(../../images/nav/nav-1.gif) repeat-x left 8px;
	border-right: 1px solid #C6C6C6;
	width: 6em;
}
#header .nav #nav .mnuPractice a {
	background: url(../../images/nav/nav-2.gif) repeat-x left 8px;
	border-right: 1px solid #C6C6C6;
	width: 8em;
}
#header .nav #nav .mnuClients a {
	background: url(../../images/nav/nav-3.gif) repeat-x left 8px;
	border-right: 1px solid #C6C6C6;
	width: 13em;
}
#header .nav #nav .mnunavEnd a {
	background: url(../../images/nav/nav-4.gif) repeat-x left 8px;
	width: 6em;
}
#header .nav #nav a {
	display: block;
	width: auto;
	font-weight: bold;
	color: #51626F;
	font-size: 93%;
	height: 25px;
	margin: 0px;
	padding: 65px 0px 0px;
	text-align: center;
}
#header .nav #nav .on a {
	background-position: left bottom;
	padding: 57px 0px 0px;
	height: 33px;
}
#header .nav #nav ul a, #header .nav #nav .on ul a {
	display: block;
	width: 125px;
	font-weight: normal;
	color: #3081C5;
	font-size: 85%;
	height: auto;
	margin: 0px;
	border: none;
	background: #F9FAFC url(none);
	padding: 5px 15px;
	text-align: left;
}
#header .nav #nav .mnuFirm ul a, 
#header .nav #nav .mnuPractice ul a,
#header .nav #nav .mnuClients ul a,
#header .nav #nav .mnunavEnd ul a {
	border: none;
	background: url(none);
	width: 125px;
}
#header .nav #nav .mnuFirm ul a:hover, 
#header .nav #nav .mnuPractice ul a:hover,
#header .nav #nav .mnuClients ul a:hover,
#header .nav #nav .mnunavEnd ul a:hover {
	background: #C5D6E8 url(none);
	width: 125px;
}
#header .nav #nav li {
	float: left;
	width: auto;
}
#header .nav #nav ul li {
	float: none;
	width: 155px;
}
#header .nav #nav li ul {
	position: absolute;
	width: 155px;
	left: -999em;
	background: #F9FAFC;
	padding-bottom: 5px;
}
#header .nav #nav li:hover ul, #header .nav #nav li.sfhover ul { 
	left: auto;
}

#header .nav #nav li ul li ul {
	display: none;
}




/* 
----------------------------------------------------------------------------- 
HOMEPAGE BANNER
-----------------------------------------------------------------------------*/
#big {
	margin-top: 10px;
}




/* 
----------------------------------------------------------------------------- 
HOMEPAGE CONTENT
-----------------------------------------------------------------------------*/
#content {
	background: url(../../images/bg/bg-content.gif) repeat-y;
}
#content p, #content ul, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #footer p {
	margin-bottom: 1em;
}
#content a, #content2 a, #footer a {
	color: #0860a8;
}
#content ul li {
	background: url(../../images/icons/arrow-green.gif) no-repeat left 3px;
	padding-top: 0px;
	padding-bottom: 25px;
	padding-left: 20px;
}
#content h3 {
	font-size: 16px;
	color: #FC5F05;
	text-transform: none;
}
#content .left {
	float: left;
	width: 319px;
}
#content .middle {
	margin-left: 321px;
	margin-right: 252px;
}
#content .right {
	float: right;
	width: 250px;
}
#content .left div, #content .middle div, #content .right div {
	padding: 20px;
}
#content .left .spotlight {
	font-size: 90%;
	border-bottom: 1px solid #C6C6C6;
	background: #F5F4F4;
}
#content .left .spotlight h3 {
	margin-bottom: 0.5em;
	font-size: 17px;
}
#content .left .spotlight h4 {
	font-size: 14px;
	font-weight: bold;
	color: #79A907;
}

/* One of these 4 classes are selected at random by a php script on the home page. */
#content .middle .statement1 {
	color: #FFFFFF;
	background: #4185a9;
}
#content .middle .statement2 {
	color: #FFFFFF;
	background: #806C67;
}
#content .middle .statement3 {
	color: #FFFFFF;
	background: #484b4e;
}
#content .middle .statement4 {
	color: #FFFFFF;
	background: #905419;
}

#content .middle p {
	margin: 0px;
	padding: 0px;
}
#content .middle h2 {
	font-size: 170%;
	margin-bottom: 0.5em;
}




/* 
----------------------------------------------------------------------------- 
INTERNAL CONTENT
-----------------------------------------------------------------------------*/
#content2 {
	margin-top: 10px;
}
#content2 p, #content2 ul, #content2 h1, #content2 h2, #content2 h3, #content2 h4, #content2 h5, #content2 h6 {
	margin-bottom: 1em;
}
#content2 ul li {
	background: url(../../images/icons/arrow-green.gif) no-repeat left 3px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 20px;
}
#content2 ul.client-list li {
	margin-bottom: 1em;
}
#content2 ul ul li {
	background: url(../../images/icons/arrow-blue.gif) no-repeat left 5px;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-left: 10px;
}
#content2 h1 {
	font-size: 26px;
	color: #3D5056;
	margin-bottom:.5em;
}
#content2 h2 {
	font-size: 19px;
	color: #79A907;
	font-weight: bold;
	padding-top: 15px;
}
#content2 h3 {
	font-size: 17px;
	font-weight: bold;
	color: #000000;
}
#content2 .news h3, #content2 .spotlight h3 {
	margin-bottom: 0.5em;
	font-size: 17px;
	font-weight: normal;
	color: #FC5F05;
	text-transform: uppercase;
}
#content2 .spotlight h4 {
	font-size: 14px;
	font-weight: bold;
	color: #79A907;
}
#content2 h4 {
	font-size: 15px;
	color: #FC5F05;
	text-transform: none;
	border-bottom: 1px solid #C9D4D1;
}


/* LEFT COLUMN */
#content2 .left {
	float: left;
	width: 181px;
}
#content2 .left div {
	margin-bottom: 1.5em;
}
#content2 .left ul li {
	background: url(none);
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
#content2 .left ul ul {
	margin: 5px 0px 0px 20px;
	padding: 0px;
}
#content2 .left ul ul li {
	padding-top: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#content2 .left ul li a {
	font-size: 90%;
	color: #7F809E;
	border-left: 4px solid #FFFFFF;
	padding-left: 5px;
	display:block;
}
#content2 .left ul li.on a {
	color: #FFFFFF;
	border-left: 4px solid #7F809E;
	padding-left: 5px;
	background: #7F809E;
}
#content2 .left ul ul a {
	font-size: 80%;
	color: #7F809E;
	border-left: 4px solid #FFFFFF;
	padding-left: 5px;
	background: transparent;
}
#content2 .left ul li a:hover, #content2 .left ul ul a:hover {
	color: #79A907;
	border-left: 4px solid #6299D1;
	padding-left: 5px;
}
#content2 .left .component {
	color: #0860A8;
	padding-right: 10px;
	padding-left: 10px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.2em;
}
#content2 .left .component .quote strong {
	font-size: 16px;
	font-weight: normal;
}

/* RIGHT COLUMN */
#content2 .right {
	float: right;
	width: 755px;
}
#content2 .right .banner {
	margin-bottom: 20px;
}
#content2 .right .copy {
	float: left;
	width: 513px;
}
#content2 .right .sidebar {
	float: right;
	width: 211px;
}
#content2 .right .sidebar div {
	border: 1px solid #C9D4D1;
	padding: 1em;
	margin-bottom: 1.5em;
}
#content2 .right .sidebar .spotlight {
	background: #EFF4EE;
}
#content2 .right .spotlight {
	color: #7F809E;
}
#content2 .right .spotlight .name {
	font-size: 24px;
	margin-top: 10px;
}
#content2 .right .spotlight #flashcontent {
	margin-bottom: 1em;
}
#content2 .right .clients .introtext {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #D6D6D4;
}
#content2 .right .clients .client-list {
	float: left;
	padding-right: 3em;
}
#content2 .right .clients .client-list ul li {
	padding-right: 1em;
}
#content2 .sitemaptitle {
	font-size: 125%;
	font-weight: bold;
}





/* 
----------------------------------------------------------------------------- 
NEWSPAGE
-----------------------------------------------------------------------------*/
.newsTitle {
	cursor: pointer;
}
#newsControls {
	font-size: 10px;
	text-align: right;	
}
#newsControls #expand,
#newsControls #collapse {
	cursor: pointer;
}

#newsControls #expand.grayedOut,
#newsControls #collapse.grayedOut {
	color:#8AB6C3
}

 
/* 
----------------------------------------------------------------------------- 
CLIENT LOGIN PAGES
-----------------------------------------------------------------------------
*/
#accountTeamContact{
	border-bottom: 1px solid #D6D6D4;
	padding-bottom: 10px;
	}
	
.twocolumnTable_right{
	border-left: 1px solid #D6D6D4;
}
.twocolumnTable_right div.accountTeamContact,
.twocolumnTable_right h2 {
	margin-left: 30px;
}
.twocolumnTable_left ul,
.twocolumnTable_left h2 {
	margin-right: 30px;
}
.greenBorder{
	border-bottom: 8px solid #A4BD0F;
	}
.bannerTitle {
	width: 50%;
	border-bottom: 8px solid #A4BD0F;
}
.bannerTitle h1{
	margin-left: 10px;
}
#content2 .right .clients form#login {
	margin-right: 200px;
	margin-left: 200px;
}
#content2 .right fieldset {
	padding: 10px;
	border: 1px solid #999999;
	margin-bottom: 20px;
}
#content2 .right legend {
	background: #EEEEEE;
	padding: 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
}
#content2 .right label {
	font-size: 11px;
	font-weight: bold;
	margin-right: 10px;
}
#content2 .right .formfields {
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	width: 250px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 1px 2px;
}
#content2 .right button {
	color: #FFFFFF;
	background: #A3BD0B;
	border-style: none;
	font-weight: bold;
	padding: 5px 10px;
}	
	
	
	

/*
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer {
	background: url(../../images/bg/bg-footer.gif) repeat-x;
	text-align: center;
	padding-top: 25px;
	font-size: 85%;
}
#footer-gradient {
	background: url(../../images/bg/bg-footer-gradient.png) no-repeat;
	height: 12px;
	width: 983px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}



/* 
----------------------------------------------------------------------------- 
CLEARFIX
-----------------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}