/*

Common styles used throughout the site. These are primarily redefinitions of HTML tags.

*/

body { font-family: arial,verdana,sans-serif; font-size: 12px; color: #666; padding: 0; background-color: #fff; background-image: url(../images/common/bg_page.gif); background-repeat: no-repeat; background-position: top center; margin: 0; }
p { line-height: 22px; margin: 0 0 30px 0; }
img { display: block; border: 0; }
table { padding: 0; border: 0; border-collapse: collapse; }
td, th { font-size: 12px; vertical-align: top; padding: 0; border: 0; }
a { color: #069; text-decoration: none; }
a:focus, a:hover, a:active { outline: none; }
a:hover { color: #069; text-decoration: underline; }
ul, ol { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
form { padding: 0; margin: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }

h1 { font-size: 16px; line-height: 22px; font-weight: normal; color: #fff; padding: 0; margin: 0; }
h2 { font-size: 16px; line-height: 22px; font-weight: normal; color: #fff; padding: 0; margin: 0 0 5px 0; }
h2 a { background-image: url(../images/common/bg_arrows.gif); background-repeat: no-repeat; background-position: center right; padding: 0 20px 0 0; }
h3 { font-size: 16px; line-height: 22px; font-weight: normal; color: #333; padding: 0; margin: 0 0 16px 0; }
h4 { font-size: 12px; font-weight: bold; color: #f63; padding: 0; margin: 0 0 7px 0; }

h1 strong { display: block; font-weight: bold; color: #88b3da; }
p.center { text-align: center; }


/*

Primary layout styles

*/

#page { position: relative; width: 960px; margin-left: auto; margin-right: auto; }
#content { width: 960px; padding: 0 0 200px 0; }
#content.deep { padding: 0 0 350px 0; }
#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }




#header { width: 940px; padding: 21px 10px 25px 10px; }
#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #logo { float: left; }
#header #nav { float: right; }
#header #nav ul li { float: left; margin: 0 0 0 15px; }
#header #nav ul li.selected a { color: #f63; }

#footer { font-size: 10px; padding: 10px 0 20px 10px; }

#banner { height: 115px; padding: 25px 300px 0 10px; background-image: url(../images/banners/bg_default.gif); background-repeat: no-repeat; margin: 0 0 30px 0; }
#banner.home { background-image: url(../images/banners/bg_home.jpg); background-image: none; }
#banner.management { background-image: url(../images/banners/bg_management.jpg); background-image: none; }
#banner.knowledge { background-image: url(../images/banners/bg_knowledge.jpg); background-image: none; }
#banner.services { background-image: url(../images/banners/bg_services.jpg); background-image: none; }
#banner.approach { background-image: url(../images/banners/bg_approach.jpg); background-image: none; }
#banner.alliances { background-image: url(../images/banners/bg_alliances.jpg); background-image: none; }
#banner.careers { background-image: url(../images/banners/bg_careers.jpg); background-image: none; }
#banner.news { color: #000033; background-image: url(../images/banners/bg_news.jpg); background-image: none; }
#banner.contact { background-image: url(../images/banners/bg_contact.jpg); background-image: none; }
#banner.resourcing { padding: 25px 270px 0 10px; background-image: url(../images/banners/bg_careers.jpg); background-image: none; }




#columnMain { float: left; width: 640px; padding: 0 80px 0 10px; }
#columnMain.wide { width: 700px; padding: 0 20px 0 10px; }
#columnMain.narrow { width: 460px; padding: 0 20px 0 10px; }

#columnNav { float: left; width: 230px; padding: 0 0 0 10px; }
#columnNav ul li { font-size: 16px; margin: 0 0 25px 0; }
#columnNav ul li.selected a { color: #f63; }




#columnSide { float: left; width: 220px; }
#columnSide div.module { width: 198px; padding: 11px 11px 31px 11px; background-image: url(../images/common/bg_module.gif); background-repeat: no-repeat; margin: 0 0 10px 0;  }
#columnSide div.module p { line-height: 18px; }
#columnSide div.module div.img { text-align: center; }
#columnSide div.module div.img img { display: inline; }

#bioBlock table td { padding: 20px 0 0 0; border-top: 1px solid #dfdfdf; }
#bioBlock table td.photo { width: 240px; text-align: center; }
#bioBlock table td.photo img { display: inline; }

#allianceBlock table th { text-align: left; border-top: 1px solid #dfdfdf; }
#allianceBlock table th h4 { margin: 10px 0 10px 0; }
#allianceBlock table td { padding: 35px 0 35px 0; vertical-align: middle; border-top: 1px solid #dfdfdf; }
#allianceBlock table td p { margin: 0; }
#allianceBlock table td.logo { width: 380px; text-align: center; }
#allianceBlock table td.logo img { display: inline; }

#careerBlock { width: 100%; border-bottom: 1px solid #dfdfdf; }
#careerBlock table { width: 100%; }
#careerBlock table th { text-align: left; border-top: 1px solid #dfdfdf; }
#careerBlock table th h4 { margin: 8px 0 8px 0; }
#careerBlock table td { padding: 8px 0 8px 0; vertical-align: middle; border-top: 1px solid #dfdfdf; }

#contactBlock table { width: 100%; }
#contactBlock table td { width: 350px; padding: 20px 0 0 0; border-top: 1px solid #dfdfdf;}
#contactBlock table td p { line-height: 18px; }

#resourcingBlock table { width: 100%; }
#resourcingBlock table td { width: 350px; padding: 0px 0 0px 0; }
#resourcingBlock table td p { line-height: 18px; }


#knowledgeBlock { padding: 10px 0 0 0; border-top: 1px solid #dfdfdf; }

ul.listMain { margin: -10px 0 30px 0; }
ul.listMain li { line-height: 22px; padding: 0 0 0 8px; background-image: url(../images/common/bullet0.gif); background-repeat: no-repeat; background-position: 0px 9px; margin: 0 0 10px 0; }

p.resourceCopy { padding-top: 10px; }

ul.listResourcing { margin: 10px 0 22px 0; }
ul.listResourcing li { padding: 0 0 0 8px; background-image: url(../images/common/bullet0.gif); 
background-repeat: no-repeat; background-position: 0px 6px; margin: 0 0 10px 0; }

