/* CSS Document */

/*****************************************************************
 GENERAL STYLES
******************************************************************/
html {height:101%} 
* {margin:0; padding:0} 
body { font: 12px Arial; color:#3a372f; background:#3a372f; padding:10px 0 20px 0;}
img { border:0;}
a { font-weight:bold;color:#5b7893;text-decoration:none; }
a:hover { color:#9eb3c2; text-decoration:underline;}
div.leftmargin {padding-left:10px;}
div.rightmargin {padding-right:10px;}
div.bothmargin {padding:0 10px;}
form,p,table,td,tr,h1,h2,ul,li {margin:0; padding:0; }
h1 {font: bold 18px/22px Arial; color:#5b7893; }
h2 {font: bold 14px/17px Arial; color:#284057; }
h3 {font: bold 12px Arial; color:#284057; }
h4 {font: bold 12px Arial; color:#284057; }
h5 {font: bold 11px Arial; }
p {padding-bottom:5px;}
p.bold {font-weight:bold;}
span.bold {font-weight:bold;}
#container {font-family: Arial, Helvetica, sans-serif; background-color:#FFFFFF; padding:32px 10px 10px 10px; text-align:left; width:770px;}

/*****************************************************************
 HEADER LAYOUT
******************************************************************/
div.logo { float:left; }
div.tagLine { float:right; }

/*****************************************************************
 1. UTILITIES links and search function
******************************************************************/
#utilities { background-image:url(/images/nav/1031/bg_topbar.gif); background-repeat:no-repeat; width:790px; height:30px; }
#utilities div.links { float:left; width:570px; text-align:left;}
#utilities div.search {padding:6px 0 0 570px; }
#utilities div.search input.box {width:145px; vertical-align:top;}
#utilities div.search input.arrow { vertical-align:bottom;}
* html #utilities div.search input.arrow { padding-bottom:2px;}/*Win IE only bug*/
/*****************************************************************
 2. DROPDOWN navigation and BREADCRUMB trail
******************************************************************/
#dropnav { height:30px;}
#dropnavHome { height:40px;}
#breadcrumb { font-size:14px; color:#9eb3c2; background-color:#cdd8e0; border-top:1px solid #9eb3c2; border-left:1px solid #9eb3c2; padding:10px; margin:5px 0; width:749px;}
#breadcrumb a { font-weight:normal; color:#415c75;}
#breadcrumb a.bold { font-weight:bold;}
/*****************************************************************
 3. LEFT-HAND NAVIGATION list styles: ul.section, ul.section li.on, ul.section ul.sub
******************************************************************/
#colNav { font-weight:bold; color:#e4edf2; background-color:#5b7893; padding:10px 0; margin:0px; }
#colNav ul.section a {font-size:12px; color:#e4edf2; }
#colNav ul.section a:hover {color:#FFFFFF;}
#colNav ul.section {margin:0; list-style:none; width:185px;}
#colNav ul.section li.on { color:#e4edf2; background-color:#284057; padding:5px 5px 5px 28px;}
#colNav ul.section li {background-image: url(/images/nav/bg_arrow.gif); background-repeat: no-repeat; padding:5px 5px 5px 28px;}
#colNav ul.section ul.sub { background-color:#284057; background-image:none; list-style:none; padding:0px; margin:2px 0 0 0; }
#colNav ul.section ul.sub li { font-size:11px; color:#9eb3c2; padding:2px; background-image:none; }
#colNav ul.section ul.sub a { font: normal 11px/13px Arial; color:#e4edf2;}
#colNav ul.section ul.sub a:hover {color:#FFFFFF;}
/*****************************************************************
 4. PAGE FOOTER: a, .ltblue
******************************************************************/
#footerT { font: bold 11px Arial; color:#415c75; background-color:#9eb3c2; padding:8px 10px 9px 10px; }
#footerT a { color:#284057;}
#footerT div.footerTl { float:left;}
#footerT div.footerTr { color:#FFF; margin-left:500px; text-align:right;}
#footerT .ltblue { color:#cad6de;}


/*****************************************************************
 COLMAIN MAIN (class): MAIN CONTENT STYLES
******************************************************************/
.Main img.top { padding:0 0 10px 0;}
.Main h1 { border-bottom:1px solid  #cac7be; padding-bottom:10px;  margin-bottom:10px;}
.Main h1.top {border-top:5px solid #5b7893; padding-top:5px;}
.Main h2 { padding:0 0 10px 0;}
.Main h2.divider { border-top:5px solid #cac7be; border-bottom:1px solid #cac7be; padding:10px 0; margin-bottom:10px; } /*page subtitle with dividers*/
.Main h2.dividertop {font: bold 14px/17px Arial; color:#5b7893; border-top:5px solid #5b7893; border-bottom:1px solid #cac7be; padding:10px 0; margin-bottom:10px;}
.Main h3 { margin:15px 0 10px 0; }
.Main h3.top { margin:5px 0 10px 0;}
.Main h4 { margin:15px 0 0 0; } /*same as h3 but no bottom margin*/
.Main h4.top { margin:5px 0 0 0;}
.Main ul { list-style:none; padding-bottom:10px; }
.Main ul li {background-image: url(/images/icons/bullet_square.gif); background-repeat: no-repeat; padding-left:15px; }
.Main ol { list-style-position: inside; }
.Main ul a { color:#5b7893;}
.Main p.newshead { font-weight:bold; color:#284057; margin:10px 0 0 0;}
.Main h2.year { padding:10px 0 0 0;margin:0px;} /*News Archive*/
.Main h2.yeartop { padding:2px 0 0 0;margin:0px;} /*News Archive*/
.Main a.news {font-weight:normal;} /*News Article link descriptions*/
.Main span.language { font-weight:normal; font-style:italic; color:#5b7893;}  /*Italicized language note*/
.Main h2 span.jobtitle { font-weight:normal;} /*Consultant Profiles - job title*/
.Main span.location { font-weight:bold; color:#284057; text-transform:uppercase;} /*location and time for articles,press*/
.Main span.date { font-weight:bold; color:#284057; }
.Main p.contact { font:bold 12px Arial; color:#3a372f; margin:10px 0 5px 0;}/*Contact page, email and links*/


/*****************************************************************
 MODULAR CONTENT ELEMENTS - main content area
 1. DIAGRAM BOX (class): diagram area with thumbnail and link
******************************************************************/
.diagram { height:100px;}
.diagram h1,h4 {font: bold italic 12px/15px Arial; color:#3a372f; }
.diagram p {font-style: italic; padding-bottom:0px;}
.diagram img { margin-right:10px; }
.diagram a { background:url(/images/icons/diagram.gif) no-repeat left; padding-left: 14px;}
/*****************************************************************
 2. TOPIC BOX (class): light blue box used to highlight a topic of jump to another page
******************************************************************/
.topic { border-top:5px solid #5b7893; padding:5px 0 0 0; }
.topic div { font-size:14px; color:#284057; background-color:#e4edf2; padding:10px 7px 10px 10px; }
.topic h1 { font: bold 14px Arial; color:#284057; padding-bottom:5px; }
.topic h2 { font: bold 14px Arial; color:#284057; padding-bottom:5px; }
.topic h2.region { color:#5b7893;padding-top:5px;}
.topic td.contact {font-size:11px;}
.topic td.contact div {font-size:11px;}
.topic select { margin-top:5px; width:300px; }
.topic h3 { margin:5px 0;}
.topic p,td { font-size:12px;} 
.topic div.more { font: bold 12px Arial; border-top:1px solid #9eb3c2; padding:5px 0 0 0; margin-top:5px;}
/*****************************************************************
 4. LINKBOX (id): light grey box with text and link next
******************************************************************/
#linkbox { font-weight:bold; background-color:#f3f2ed; padding:10px 7px 10px 10px; margin-top:10px;}
#linkbox a.arrow { background:url(/images/icons/arrow.gif) no-repeat right; padding-right: 14px;}
/*****************************************************************
 5. PAGE LINK THROUGH BOXES (class): backtotop >> , more news >>
******************************************************************/
div.backtotop { font-weight:bold; padding:8px 0;}
div.backtotopL {  font-weight:bold; border-top:1px solid #cac7be; padding:8px 0; margin-top:5px;}
div.morenews{ font: bold 12px Arial; border-top:1px solid #cac7be; padding:5px 0; margin-top:10px;}



/*****************************************************************
  MODULAR ELEMENTS - RIGHT-HAND COLUMN
  1. RIGHT: POINT OF VIEW
******************************************************************/
/* 4 different rule colors - one for each section: S:strategic, E:expertise, O:our firm, C: careers*/
#pov { background-color:#FFFFFF; padding:5px 0 10px 0;}
.povS { border-top:5px solid #e79e61;}
.povE { border-top:5px solid #ed5425;}
.povO { border-top:5px solid #deba64;}
.povC { border-top:5px solid #cccc99;}
.nopad#pov  { padding:5px 0 0 0; }
#pov div { background-color:#cac7be; padding:10px 7px 2px 10px; }
#pov img { margin-bottom:5px;}
#pov p.quote { font: italic 14px/20px Arial; color:#3a372f; border-top:1px solid #9c9991; padding:5px 0 0px 0; }
#pov p.quoteBy { font: bold 11px/14px Arial; color:#6e6b63; padding:10px 0; } 
/*POV: Consultant Profiles*/
#pov img.line { border-top:1px solid #9c9991; padding:5px 0 0 0; }
#pov p.profile { padding:0; }
/*****************************************************************
  2. RIGHT: RELATED CONTENT
******************************************************************/
/* 6 different rule colors - S:strategic, E:expertise, O:our firm, C: careers, U: utility, A: article*/
#rel { background-color:#FFFFFF; }
.relS { border-top:5px solid #d77527;}
.relE { border-top:5px solid #b64436;}
.relO { border-top:5px solid #cc9933;}
.relC { border-top:5px solid #999966;}
.relU { border-top:5px solid #5b7893;}
.relA { border-top:5px solid #9eb3c2;}
#rel div { font:12px/15px Arial; color:#6e6b63; background-color:#e7e4db; padding:10px 7px 10px 10px; margin-top:5px; }
#rel img { margin-bottom:5px;}
#rel h1 {font:bold 12px Arial; border-top:1px solid #9c9991; padding:5px 0 5px 0; }
#rel h1.mediaContact { padding:5px 0 0 0;}
#rel h2 { font:bold 12px Arial; padding:5px 0 2px 0; }
#rel p { padding-bottom:5px;}
#rel a { font: bold 12px/15px Arial; color:#5b7893; padding-top:5px;}
#rel ul.pdf { line-height:20px; color:#5b7893; list-style:none; margin-bottom:10px;} /*PDF links*/
#rel ul.pdf li { background-image: url(/images/icons/bullet_pdf.gif); background-repeat: no-repeat; padding-left:18px;}
#rel ul.search { line-height:20px; list-style:none; padding-bottom:10px; } /*Popular search topics links*/
#rel ul.search li {background-image: url(/images/icons/bullet_square.gif); background-repeat: no-repeat; padding-left:15px; }
#rel ul.search a { font-weight:bold; color:#5b7893;}
#rel input.text {width:165px;}
#rel input { margin-bottom:5px; }



/*****************************************************************
 PAGES WITH SPECIAL FORMATTING in addition to MAIN CONTENT
 1. PRESS AND ARTICLES
******************************************************************/
/*Top Box - PR/Article Name, and bottom box - PR/article footer*/
.pressbox { border-top:5px solid #5b7893; padding:0; }
.press {border-top:5px solid #FFF; padding:10px 7px 10px 10px; }
.article { padding-left:0;}
.press h2 { padding-bottom:5px; }
.press h1 { font: bold 16px/20px Arial; color:#5b7893; padding:5px 0; }
.press h3 { padding-bottom:5px;  }
.press p.writtenBy { font-weight:bold; padding-top:2px;}
/*Press,Article contents - additional formatting for .Main content area*/
.pressMain {border-top:1px solid #cac7be; padding-top:10px; padding-right:2px; margin-top:10px;}
.pressMain p { font: 12px/15px Arial; margin-bottom:15px;}
.pressMain em { font: 12px/15px Arial; font-style: italic; margin-bottom:15px;}
/*****************************************************************
 2. OFFICES 
******************************************************************/
#offices { border-top:5px solid #cac7be; margin-top:10px; padding-top:10px;}
#offices h2 { color:#5b7893;}
#offices h3 { padding:20px 0 12px 0; }
#offices td {font: 11px/15px Arial; }
/*****************************************************************
 3. SITE MAP
******************************************************************/
#sitemap {border-top:1px solid #cac7be; padding-top:10px; margin-top:10px;}
#sitemap h2,h2 a { color:#5b7893; padding-bottom:10px;}
#sitemap ul {list-style:none; }
#sitemap li a { font:bold 12px/20px Arial; color:#5b7893;}
#sitemap ul ul {margin-left:10px;}
#sitemap ul ul li a { font: normal 11px/15px Arial; color:#5b7893;}
/*****************************************************************
 4. SEARCH RESULTS
******************************************************************/
#search h2 { font: normal 14px Arial; color:#3a372f; margin:10px 0;}
#search h2 span.term { color:#5b7893;}
#search h5 { font: bold 11px Arial; color:#6e6b63; }
#search table { vertical-align:top;}
#search td.rank { font:bold 12px Arial; color:#9c9991; text-align:right; }
#search td.date { font: 12px Arial; color:#9c9991;}
#search td a { font-weight:bold;}
/*5b. SEARCH RESULTS BOX (class): light grey box w/ search results navigation*/
.resultsbox { font:bold 12px Arial; color:#6e6b63; background-color:#f3f2ed; padding:10px 7px 10px 10px; margin-top:10px;}
.resultsbox div.resultsl { float:left;}
.resultsbox div.resultsr { margin-left:150px; text-align:right;}
/*****************************************************************
 5. FORMS
******************************************************************/
#formbasic table {margin-bottom:10px;} /*added in round 2*/
#formbasic td {padding-top:10px;}
#formbasic input.text {width:168px;}
#formbasic select.register,select.how { width:168px; margin-bottom:10px;}
#formbasic select.office { width:168px; }
#formbasic td.button {border-top:1px solid #9eb3c2;border-bottom:1px solid #9eb3c2;padding-bottom:10px;}


/*****************************************************************
  PAGES WITH THEIR OWN SETS OF STYLES
  1. HOMEPAGE STYLES
******************************************************************/
/*feature box: img.feature, h1, h1 a ,a.more*/
#homeF { background-color:#FFFFFF; border-top:5px solid #9eb3c2; padding:5px 0 10px 0;}
#homeF div { font: 12px/18px Arial; background-color:#5b7893; padding:10px 7px 5px 10px; color:#FFFFFF; }
#homeF img.photo { margin-top:50px;}
#homeF img {margin-bottom:5px;}
#homeF h2 {border-top:1px solid #9eb3c2; padding:5px 0 0 0;}
#homeF h2 a { color:#FFFFFF;}
#homeF a.more { font: bold 11px/14px Arial; color:#cdd8e0; background:url(/images/icons/arrow_home_feature.gif) no-repeat right; padding-right: 14px;} 
/*careers box: h1, h1 a, a.more*/
#homeC { background-color:#FFFFFF; border-top:5px solid #d77527; padding:5px 0 0 0; }
#homeC div { font: 12px/18px Arial; color:#FFFFFF; background-color:#9c9991; padding:10px 7px 10px 10px;}
#homeC img {margin-bottom:5px;}
#homeC h2 {border-top:1px solid #cac7be; padding:5px 0 0px 0;}
#homeC h2 a { color:#FFFFFF;}
#homeC a.more { font: bold 11px/14px Arial; color:#e7e4db; background:url(/images/icons/arrow_home_careers.gif) no-repeat right; padding-right: 14px;} 
/*****************************************************************
  2. SECTION LANDINGPAGE STYLES
******************************************************************/
/*section feature box: img.photo*/
#sectF { background-color:#FFFFFF; padding:5px 0 0 0;}
.sectS { border-top:5px solid #e79e61;}
.sectE { border-top:5px solid #ed5425;}
.sectO { border-top:5px solid #deba64;}
.sectC { border-top:5px solid #cccc99;}
#sectF div { font: 14px/20px Arial; color:#FFFFFF; background-color:#9c9991; padding:10px; }
#sectF img.photo {margin-left:10px; margin-bottom:10px;}
/*section topics: h1, h2, a.more, .linkbox, .linkbox .a*/
#sectT {margin-right:10px;}
#sectT h5 {font-size:11px; color:#9eb3c2; text-transform: uppercase; border-top:1px solid #9c9991; padding:10px 0 5px 0; width:380px; margin-top:5px;}
#sectT h2 { font: bold 16px Arial; color:#5b7893; padding-bottom:5px;}
#sectT a.more { font: bold 12px Arial; color:#5b7893; background:url(/images/icons/arrow.gif) no-repeat right; padding-right: 14px;} 
#sectT #linkbox { background-color:#e4edf2; }
/*****************************************************************
  3. POPUP WINDOW FOR DIAGRAM
******************************************************************/
#popup {width:540px;}
#popup div.title { font: bold 12px Arial; color:#e7e4db; background-color:#6e6b63; padding:5px 10px;}
#popup div.graphic { padding:10px 10px 0 10px;}
#popup div.copyright { font: bold 11px; Arial; color:#9c9991; padding:10px; text-align:right;}