body {margin:0; padding:0; color:#505050; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
a {outline:none;}
.offscreen {position:absolute; top:-2000px; left:-2000px;}
.clear { clear:both; }
/*----------------------------------structural layout------------------------------*/
#wrapper{width:1000px; margin:0 auto; padding:0;}
#content-wrap {width:1000px; margin:0 0 30px 0; padding:0; float:left; border:1px solid #ADAFB1;}
/*----------header----------*/
#header{width:1000px; margin:0 0 10px 0; padding:0; float:left;}

#logo {width:117px; float:left; margin-left:40px; padding-top:23px; display:inline;}
#logo a img {border:none;}
#slogan {float:right; width:157px; padding-top:74px; margin-right:38px; display:inline;}
#header-nav {width:1000px; float:left; margin-top:30px; padding-top:15px; }

#nav {width:338px; float:left; padding-left:40px; /*font-size:1em;*/ font-size:1.1em;}
#nav ul{width:378px; float:left; margin:0; padding:0; list-style-type:none;}
#nav ul li{width:auto; float:left; margin:0; padding:0 15px 0 0;}
#nav ul li a{width:auto; float:left; margin:0;  color:#505050; text-decoration:none;}
#nav ul li a:hover{width:auto; float:left; margin:0;  color:#007dc3; text-decoration:none;}
#nav .active {color:#007dc3;}

#header-nav form {float:right; width:165px; margin:0 36px 0 0; padding:0; display:inline;}
#header-nav form p{margin:0; padding:0;}
#searchform fieldset {width:165px; float:left; margin:0; padding:0; border:none;}
#searchform input {width:142px; float:left; margin:0; padding:1px 0 0 1px; /*font-size:1em;*/ font-size:1.1em; height:14px; color:#adafb1; border:1px solid #adafb1; background:#f8f7f7;}
#searchform #searchbtn {width:17px; height:17px; border:none; padding:0;}


/*-----------------------------------------------BANNER SECTION----------------------------------------------------------*/
#banner {width:1000px; height:346px; margin:0; padding:0; float:left;}

#storyBanner {width:1000px; height:355px; margin:0; padding:0; float:left;}


/*-----banner themes----------*/
.home{background:url(../images/home_banner.jpg) no-repeat top left; }
.purple{background:url(../images/purple.jpg) no-repeat top left; }
.purple2 {background:url(../images/purple2.jpg) no-repeat top left; }
.green{background:url(../images/green-1.jpg) no-repeat top left; }
.green-2{background:url(../images/storiesHeader.jpg) no-repeat top left;}
.green-3{background:url(../images/blue-texture.jpg) no-repeat bottom left; height: 360px !important; }
.green-4{background:url(../images/green-4.jpg) no-repeat top left; }
.orange{background:url(../images/orange.jpg) no-repeat top left; }
.orange-2{background:url(../images/what-we-do.jpg) no-repeat top left; }
.csr_at_dla{background:url(../images/csr-at-dla-piper_title.jpg) no-repeat top left; }
.about{background:url(../images/about_title.jpg) no-repeat top left; }
.communitites{background:url(../images/communitites_title.jpg) no-repeat top left; }
.governance{background:url(../images/governance_title.jpg) no-repeat top left; }
.new-perimeter{background:url(../images/new-perimeter_title.jpg) no-repeat top left; }
.our-approach{background:url(../images/our-approach_title.jpg) no-repeat top left; }
.pro-bono{background:url(../images/pro-bono_title.jpg) no-repeat top left; }
.stakeholders{background:url(../images/stakeholders_title.jpg) no-repeat top left; }
.sustainability{background:url(../images/sustainability_title.jpg) no-repeat top left; }


/*---flash slot: homepage---*/
/* OLD SETTING FOR IMAGE - Frank Miinogue #flash-slot{color:#fff; width:336px; float:right; margin-right:44px; } */

#flash-slot{color:#fff; width:998px; float:left; margin-right:0px; }

#flash-slot img {margin:75px 0 0 0; padding:0;  }
#flash-slot a img {border:1px solid #fff; }

/*---flash slot: detail pages---*/
#flash-detail{color:#fff; width:336px; float:right; margin-right:44px; }
#flash-detail img {margin:75px 0 0 0; padding:0;  }
#flash-detail a img {border:none; }

/*---caption: homepage--*/
#caption{color:#fff; width:231px; float:right; margin:20px 260px 0 0; clear:both;}
#caption h2{color:#fff; font-size:1.1em; padding:0 0 5px 0; margin:0;}
#caption a {display:block; background:url(../images/arrow.gif) no-repeat 100% 90%; color:#fff; text-decoration:none; padding:0;}

/*---navigation link : detail page with flash--*/
#nav-bar {width:1000px; margin:32px 0 0 0; padding:0; float:left;  font-size:1.2em; text-align:center; }
#nav-bar a{margin:0 0 0 0; padding:0 20px 0 0;  color:#fff; background:url(../images/navigation_arrow.gif) no-repeat 100% 30%; width:auto; text-decoration:none;}

/*--introduction: non-flash detail pages---*/
#introduction{margin:192px 87px 0 0; width:650px; float:right; color:#fff; font-weight:bold; font-size:1.4em; line-height:1.4em;}


/*-----------------------------------------------CONTENT SECTION----------------------------------------------------------*/
#content{width:968px; margin:0; padding:0 0 0 32px; float:left; color:#fff; display:inline;}

/*--------------------------------rollover modules on Homepage page------------------*/
.teaser-links {background:url(../images/blue-bg.gif) no-repeat top left; width:968px; height:117px;  padding-top:10px;}
.teaser-links a {display:block; width:221px; height:100px; float:left; margin:10px 0 0 10px; border:1px solid #fff; text-decoration:none;}
.teaser-links a img {border:none;}
.teaser-links a span {position:absolute; z-index:100; display:block; background:url(../images/arrow.gif) no-repeat center right; color:#fff; padding:0 10px 0 10px; margin-top:80px; text-decoration:none; font-weight:bold; width:auto; float:left; cursor:hand;}
.teaser-links a:hover span {position:absolute; z-index:100; display:block; background:url(../images/arrow.gif) no-repeat center right; color:#fff; padding:0 10px 0 10px; margin-top:80px; text-decoration:none; font-weight:bold; width:auto; float:left; cursor:hand;}

/*--------------------------------rollover modules on Our stories landing page------------------*/
.teaser-box {width:968px; height:117px;  padding-top:189px; margin:0 auto;}
.teaser-box a {display:block; width:221px; height:97px; float:left; margin:10px 0 0 10px; text-decoration:none;}
.teaser-box a img {border:1px solid #fff;}
.teaser-box a span {position:absolute; z-index:100; display:block; background:url(../images/arrow.gif) no-repeat center right; color:#fff; padding:0 10px 0 10px; margin-top:80px; text-decoration:none; font-weight:bold; width:auto; float:left; cursor:hand;}
.teaser-box a:hover span {position:absolute; z-index:100; display:block; background:url(../images/arrow.gif) no-repeat center right; color:#fff; padding:0 10px 0 10px; margin-top:80px; text-decoration:none; font-weight:bold; width:auto; float:left; cursor:hand;}

/*-------------------------------------------left column : subnav--------------------------------------------*/
#left-col{width:144px; float:left; margin-top:40px;}
#left-text{width:203px; float:left; margin-top:40px; padding:0 0 0 40px;}
#left-text p {width:203px; padding:0; margin:0 0 0 0;}
#left-text h2 {font-size:1.1em; padding:0 0 15px 0; margin:0;}
/*--subnav--*/
#subnav{width:144px; float:left;}
#subnav ul {width:144px; margin:0; padding:0; list-style-type:none; /*font-size:1em;*/ font-size:1.1em;}
#subnav ul li {width:144px; margin:0; padding:0 0 8px 0;}
#subnav ul li a { display:block; margin:0 0 0 0; padding:0 0 0 20px; color:#1e6fca; text-decoration:none; background:url(../images/arrow.png) no-repeat 3px 5px;}
#subnav ul li a:hover{ display:block; margin:0 0 0 0; padding:0 0 0 20px; text-decoration:underline; background:background:url(../images/arrow.png) no-repeat 3px 5px;}

#subnav ul ul{ margin:0; *margin:4px 0 -8px 0; padding:0 0 0 20px; list-style-type:none;}
#subnav ul ul li  {font-size:0.9em; margin:0; padding:0 0 8px 0;}
#subnav ul ul li a {display:block; margin:0 0 0 0; padding:0 0 0 15px; color:#1e6fca; text-decoration:none; background:url(../images/dash.gif) no-repeat 0 3px;}
#subnav ul ul li a:hover {display:block; margin:0 0 0 0; padding:0 0 0 15px; color:#1e6fca; text-decoration:underline; background:url(../images/dash.gif) no-repeat 0 3px;}

#subnav ul li a.activated {background:url(../images/black_down_arrow.jpg) no-repeat 0 3px; color:#000;}
#subnav ul li a:hover.activated {background:url(../images/black_down_arrow.jpg) no-repeat 0 3px; color:#000;}

#subnav ul li ul li a.activated {background:url(../images/on_dash.gif) no-repeat 0 3px; color:#000;}
#subnav ul li ul li a:hover.activated {background:url(../images/on_dash.gif) no-repeat 0 3px; color:#000;}

/*--------------------------------------mainContent----------------------------------------------------------*/
#mainContent{width:714px; float:left; margin-top:40px; padding:0 0 40px 89px; color:#909090; }
#mainContent-2{width:714px; float:left; margin-top:40px; padding:0 0 40px 23px; color:#909090; }
/*--landing module--*/
.landing-module {width:347px; float:left;  height: expression( this.scrollHeight < 147 ? "147px" : "auto" ); /* sets min-height for IE */ min-height: 147px; /* sets min-height value for all standards-compliant browsers */}
.landing-module h2 {margin:0 0 2px 0; padding:0; float:left; color:#1e6fca; font-size:1.1em; width:131px; font-weight:normal;}
.landing-module h2 a{background:url(../images/black_arrow.gif) no-repeat 100% 45%; padding-right:12px; text-decoration:none; color:#007dc3; }
.landing-module h2 a:hover{background:url(../images/black_arrow.gif) no-repeat 100% 45%; padding-right:12px; text-decoration:underline; color:#007dc3;}
.image-wrap {width:142px;float:left;}
.image-wrap img {border:1px solid #919390; }
.landing-module .text {width:166px; float:left; padding-left:15px;}
.landing-module .text p {width:151px; float:left; padding:0 0 14px 0; margin:0; line-height:1.4;}

/*------------------------------landing teaser--------------------------------*/
.landing-teaser {position:relative; width:578px; clear: both; float:left; border:1px solid #e2e2e2; height: expression( this.scrollHeight < 145 ? "145px" : "auto" ); /* sets min-height for IE */ min-height: 141px; /* sets min-height value for all standards-compliant browsers */ padding-top:21px; }
.landing-teaser h3 {font-size:1.1em; margin:0; padding:0 0 15px 0; color:#909090; line-height:1.7;}
.landing-teaser .cmhtml-section {width:163px; float: left; padding-left:15px; margin-right: 60px;}
.landing-teaser-image {width:203px; position:absolute; top:35px; right:-100px; float:right; z-index:1;}

.landing-teaser ul {width:164px; margin:0; padding:0; list-style-type:none;}
.landing-teaser ul li {width:164px; margin:0; padding:0 0 15px 0; }
.landing-teaser ul li a { margin:0; padding:0; text-decoration:none; color:#1e6fca;}
.landing-teaser ul li a:hover {text-decoration:underline; }
.landing-teaser ul li span.bullet { background:url(../images/black_arrow.gif) no-repeat 100% 50%; padding-right: 10px; color: #fff; }

/*----------------------------landing filter list-----------------------*/

#filter-container {width:561px; float:left;  margin-bottom:130px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.filter-module {width:221px; float:left; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.filter-module h2 {margin:0; padding:8px 0 8px 8px; color:#656565; background:#fffff7; font-size:1.2em; font-weight:normal;  float:left; width:212px; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; }
.filter-module .last{border-right:none;}

.filter-module-long {width:340px; float:left; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.filter-module-long h2 {margin:0; padding:8px 0 8px 8px; color:#656565; background:#fffff7; font-size:1.2em; font-weight:normal;  float:left; width:331px; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; }
.filter-module-long #story {width:340px; float:left; height:200px; overflow-y: scroll; overflow-x: hidden; }
#filter-container .filter-module-long ul li {margin:0; padding:0 4px 0 0; width:300px;}

#service, #location, #story {width:221px; float:left; height:200px; overflow-y: scroll; overflow-x: hidden; }
#filter-container ul {margin:0; padding:15px 0 0 0; list-style-type:none; float:left; }
#filter-container ul li {margin:0; padding:0 4px 0 0; width:200px;}
#filter-container ul li a{display:block; margin:0; padding:3px 0 3px 20px; color:#1e6fca; text-decoration:none; background:url(../images/filter_arrow.gif) no-repeat top left;}
#filter-container ul li a:hover{display:block; margin:0; padding:3px 0 3px 20px; color:#1e6fca; text-decoration:none; background:url(../images/filter_on.gif) #0073ce no-repeat top left; color:#fff;}
#filter-container ul li a.active{ background:url(../images/filter_on.gif) #0073ce no-repeat top left; color:#fff;}

#filter-container .nostories {padding-left:20px;}

/*-------------------detail page text------------------------------*/
#text {width:376px; float:left; color:#909090; line-height:1.7;}
#text h2 {font-size:1.1em; margin:0; padding:0 0 15px 0;}
#text p{width:376px; float:left; padding: 0 0 20px 0; margin:0;}
#text a {color:#1e6fca;}
#text ul {margin:0 0 0 15px; padding:0; /*list-style-type:none;*/clear: both;  }
#text ul li{margin:0 0 5px 0; padding:0 0 0 5px; /*display:block;*/  display: list-item; list-style-image: url(../images/gray_arrow.gif); }
#text ul li a {padding:0 0 0 15px; background:url(../images/filter_arrow.gif) no-repeat center left;}
#text ul li ul{margin:0 0 0 10px; padding:0 0 0 0; list-style-type:none;}

/*------------------------------------------awards page-----------------------------------------------------*/
#text_awards { width:376px; float:left; color:#909090; line-height:1.7; }
#text_awards li a {color:#1E6FCA;}
#text_awards h2 { font-size:1.1em; margin:0; padding:0 0 0 0; }
#text_awards h3 { font-size:1em; margin:0; padding:0 0 5px 0; }
#text_awards p { width:376px; padding: 0 0 20px 0; margin:0; }
#text_awards ul { margin:0; padding:0; }
#text_awards li { list-style-image: url(../images/gray_arrow.gif); margin: 0 0 15px 0; }

/*------------------------------------------partners page-----------------------------------------------------*/
#text_partners { width:714px; float:left; color:#909090; line-height:1.7; }
#text_partners h2 { font-size:1.1em; margin:0; padding:0 0 15px 0; }
#text_partners h3 { font-size:1em; margin:0; padding:0 0 0 0; }
#text_partners p { width:376px; padding: 0 0 20px 0; margin:0; }
#text_partners ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; border-bottom: 1px solid #ccc; clear: left; display: block; height: 50px; width:75%; }
#text_partners li { float: left; display: block; }
/*#text_partners li a {color:#007dc3;}*/
#text_partners ul.headings { font-weight: bold; height: 25px; }
.country { width: 35%; }
.city { width: 25%; }
.person { width: 40%; }
#text_partners .city p { background: url(../images/gray_arrow.gif) no-repeat 0 7px; padding: 0 0 25px 15px; }

/*------------------------------------------secondaryContent-----------------------------------------------------*/
#secondaryContent {width:236px; float:right; margin-right:40px; display:inline;}

/*---module---*/
.module {border:1px solid #909090; width:230px; float:left; clear:both; margin-bottom:20px; height: expression( this.scrollHeight < 109 ? "109px" : "auto" ); /* sets min-height for IE */ min-height: 109px; /* sets min-height value for all standards-compliant browsers */ padding-bottom: 10px; }

.module h3 { margin:7px 0 0 11px; padding:0 0 3px 0; float:left; color:#007dc3; font-size:1em; text-transform:uppercase; _display:inline;}
.module h3 a{ text-decoration:none; }
.module h3 a:hover{ text-decoration:underline; }

.module p { margin:0 6px 5px 11px; padding:0; clear:both; }
.module p a { text-decoration:none; background:url(../images/arrow2.png) no-repeat top left; padding-left:12px; color: #909090; display:block; }
#secondaryContent .module p a {color:#1e6fca;}
.module p a:hover{ text-decoration:underline; }
.module a { color:#007dc3;}
.module h3.video-links {margin-bottom:-3px;}

.module h3.video-links span {padding-right:5px;  background:url(../images/play-btn.jpg) right center no-repeat; *background:url(../images/play-btn.jpg) right -1px no-repeat; height:13px;  width:13px; display:inline-block; }

/*-------------------------------------------------footer--------------------------------------------------------*/
#footer{width:960px; height:64px; margin:0; padding:0 0 0 40px; float:left; color:#fff;  font-size:1em; clear:both;}

/*------footer themes-----*/
.home-footer {background:url(../images/home_footer.gif) no-repeat top left; width:960px; }
.purple-footer {background:url(../images/purple_footer.gif) no-repeat top left; width:960px;}
.green-footer {background:url(../images/green_footer.gif) no-repeat top left; width:960px;}
.blue-footer {background:url(../images/blue_footer.gif) no-repeat top left; width:960px;}
.orange-footer {background:url(../images/orange_footer.gif) no-repeat top left; width:960px;}
.orange-2-footer {background:url(../images/orange_footer.gif) no-repeat top left; width:960px;}
.csr_at_dla-footer {background:url(../images/purple_footer.gif) no-repeat top left; width:960px;}
.stakeholders-footer {background:url(../images/purple_footer.gif) no-repeat top left; width:960px;}
.governance-footer {background:url(../images/purple_footer.gif) no-repeat top left; width:960px;}
.about-footer {background:url(../images/purple_footer.gif) no-repeat top left; width:960px;}
.sustainability-footer {background:url(../images/orange_footer.gif) no-repeat top left; width:960px;}
.pro-bono-footer {background:url(../images/orange_footer.gif) no-repeat top left; width:960px;}
.communitites-footer {background:url(../images/orange_footer.gif) no-repeat top left; width:960px;}
.new-perimeter-footer {background:url(../images/orange_footer.gif) no-repeat top left; width:960px;}

#footer-left {width:756px; float:left; }
#footer-left p{ margin:30px 0 0 0; padding:0;}
#footer-left ul{float:left; margin:3px 0 0 0; padding:0; list-style-type:none;}
#footer-left ul li{width:auto; float:left; margin:0; padding:0 5px 0 0;}
#footer-left ul li a{width:auto; float:left; margin:0;  color:#fff; text-decoration:none;}
#footer-left ul li a:hover{width:auto; float:left; margin:0;  color:#fff; text-decoration:underline;}

#footer-right {width:154px; float:right; margin:30px 0 0 0; }
#footer-right ul{float:right; margin:0; padding:0; list-style-type:none; width:154px;}
#footer-right ul li{width:auto; float:left; margin:0; padding:0 5px 0 0;}
#footer-right ul li a{width:auto; float:left; margin:0;  color:#fff; text-decoration:none;}
#footer-right ul li a:hover{width:auto; float:left; margin:0;  color:#fff; text-decoration:underline;}



#text ul.outline { border: 1px solid #ccc; margin: -10px 0 20px 0; padding: 10px; background: url(../images/gray_grad.jpg) no-repeat top left ;  }
#text ul.outline li.heading { list-style-image: url(../images/gray_arrow.gif); display: list-item; margin-left: 10px; padding-left: 0; } 
#text ul.outline li { list-style: none; padding-left: 10px; }
.heading { font-weight: bold; }

/*-------added by Leonie Lindo 09/09/08-----*/
.searchMenu {float:left; clear:both; width:397px; margin-bottom:20px;}
.searchMenu p {margin:0; padding:0 0 10px 0; float:left; width:394px;}
.searchMenu ul{ margin:0; padding:0; list-style-type:none; float:left; display:block; margin-left:-8px;}
.searchMenu ul li{ margin:0; padding:0 0 0 8px; float:left; list-style-image:none;}
.searchMenu ul li a{ margin:0; padding:0; float:left; background:none; color:#1e6fca;}
.searchMenu ul li a.prev {background:url(../images/lt-gray_arrow.gif) left 3px no-repeat; padding-left:8px; }
.searchMenu ul li a.next {background:url(../images/gray_arrow.gif) right 3px no-repeat; padding-right:8px;}

#searchRes h4 {clear:both; font-size:1.1em; margin:0; padding:0;}

#text h2.h2-zero {margin:0!important; padding:0!important;}
#text p.paragraph-zero {margin:0!important; padding:0!important;}