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;*/}
/*----------------------------------structural layout------------------------------*/
#wrapper{width:1000px; margin:0; padding:0;}
#content-wrap {width:1000px; margin:0; padding:0; float:left;}
/*----------header----------*/
#header{width:1000px; margin:0; padding:0;  float:left;}

#logo {width:117px; float:left; 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 {display:none;}


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

/*---flash slot: homepage---*/
#flash-slot{display:none;}

/*---flash slot: detail pages---*/
#flash-detail{display:none;}

/*---caption: homepage--*/
#caption{color:#fff; width:231px; float:left; margin:20px 0 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 {display:none; }

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


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

/*--------------------------------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 span {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 {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;}

/*---------homepage modules------*/
a.teaser-1{display:block; width:221px; height:100px; background:url(../images/teaser-1.jpg) no-repeat top;}
a:hover.teaser-1{display:block; width:221px; height:100px; background:url(../images/teaser-1.jpg) no-repeat top;}

a.teaser-2{display:block; width:221px; height:100px; background:url(../images/teaser-2.jpg) no-repeat top;}
a:hover.teaser-2{display:block; width:221px; height:100px; background:url(../images/teaser-2.jpg) no-repeat top;}

a.teaser-3{display:block; width:221px; height:100px; background:url(../images/teaser-3.jpg) no-repeat top;}
a:hover.teaser-3{display:block; width:221px; height:100px; background:url(../images/teaser-3.jpg) no-repeat top;}

a.teaser-4{display:block; width:221px; height:100px; background:url(../images/teaser-3.jpg) no-repeat top;}
a:hover.teaser-4{display:block; width:221px; height:100px; background:url(../images/teaser-3.jpg) no-repeat top;}


/*--------------------------------rollover modules on Our stories landing page------------------*/
.teaser-box {display:none;}
.teaser-box a {display:block; width:221px; height:97px; float:left; margin:10px 0 0 10px; border:1px solid #fff; text-decoration:none;}
.teaser-box a span {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 {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;}

/*---------our stories modules------*/
a.box-1 {display:block; width:221px; height:97px; background:url(../images/woman_grey.jpg) no-repeat top;}
a:hover.box-1   {display:block; width:221px; height:97px; background:url(../images/woman_on.jpg) no-repeat top;}

a.box-2 {display:block; width:221px; height:97px; background:url(../images/girl_gray.jpg) no-repeat top;}
a:hover.box-2   {display:block; width:221px; height:97px; background:url(../images/girl_gray.jpg) no-repeat top;}

a.box-3{display:block; width:221px; height:97x; background:url(../images/construction_gray.jpg) no-repeat top;}
a:hover.box-3{display:block; width:221px; height:97x; background:url(../images/construction_gray.jpg) no-repeat top;}

a.box-4{display:block; width:221px; height:97x; background:url(../images/construction_gray.jpg) no-repeat top;}
{display:block; width:221px; height:97px; background:url(../images/group_gray.jpg) no-repeat top;}
a:hover.box-4{display:block; width:221px; height:97x; background:url(../images/construction_gray.jpg) no-repeat top;}
{display:block; width:221px; height:97px; background:url(../images/group_gray.jpg) no-repeat top;}


/*-------------------------------------------left column : subnav--------------------------------------------*/
#left-col{display:none;}
/*--------------------------------------mainContent----------------------------------------------------------*/
#mainContent{width:734px; float:left; margin-top:40px; padding:0 0 40px 0; color:#909090; }

/*--landing module--*/
.landing-module { background:red; width:365px; 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:151px; font-weight:normal;}
.landing-module h2 a{ display:block; 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:151px; float:left; padding-left:10px;}
.landing-module .text p {width:151px; float:left; padding:0 0 14px 0; margin:0;}

/*------------------------------landing teaser--------------------------------*/
.landing-teaser {position:relative; width:289px; 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 {margin:0 0 23px 14px; padding:0; color:#000; font-size:1em; font-weight:normal; text-transform:uppercase;}
.landing-teaser .text {width:163px; clear:both; padding-left:15px;}
.landing-teaser-image {width:203px; position:absolute; top:35px; right:-100px; float:right;}

.landing-teaser ul {width:163px; margin:0; padding:0; list-style-type:none;}
.landing-teaser ul li {width:163px; margin:0; padding:0 0 15px 0; }
.landing-teaser ul li a {display:block; width:163px; margin:0; padding:0; text-decoration:none; background:url(../images/black_arrow.gif) no-repeat 42% 80% ; padding-right:12px; color:#1e6fca;}
.landing-teaser ul li a:hover {display:block; width:163px; margin:0; padding:0; text-decoration:underline; background:url(../images/black_arrow.gif) no-repeat  42% 80%; padding-right:12px; color:#1e6fca;}

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

#filter-container {width:663px; float:left;  margin-bottom:230px; 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;}

#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;}


/*-------------------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 22px 0;}
#text p{width:376px; float:left; padding: 0 0 20px 0; margin:0;}
#text a {color:#1e6fca;}



/*------------------------------------------secondaryContent-----------------------------------------------------*/
#secondaryContent {width:236px; float:left; margin:0; 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 */}
.module h3 {margin:7px 0 0 11px; padding:0; float:left; color:#1e6fca; font-size:1em; text-transform:uppercase;}
.module  h3 a{background:url(../images/black_arrow.gif) no-repeat top right; padding-right:12px; text-decoration:none; color:#007dc3;}
.module  h3 a:hover{background:url(../images/black_arrow.gif) no-repeat top right; padding-right:12px; text-decoration:underline; color:#007dc3;}



/*-------------------------------------------------footer--------------------------------------------------------*/
#footer{width:960px; height:64px; margin:0; padding:0 0 0 40px; float:left; color:#fff;  font-size:0.8em; 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;}


#footer-left {width:756px; float:left; }
#footer-left p{ margin:30px 0 0 0; padding:0;}
#footer-left ul{float:left; margin: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;}

/*-------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;}