body { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; background-color: #FFFFFF; background-image: url(imgs/bar.gif); background-repeat: repeat-x; background-position: top; margin: 0; }

h1 { float: right; margin: 68px 0 0 0; width: 245px; height: 28px; text-indent: -9999px; display: inline; }
h1 a { display: block; width: 100%; height: 100%; text-decoration: none; background: transparent url(imgs/h1.gif) no-repeat; }
h2 { height: 15px; text-indent: -9999px; margin: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }
h3 { width: 492px; height: 22px; text-indent: -9999px; margin: 0 0 15px 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }
h6 { font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #666666; margin: 0; text-transform: uppercase; display: block; 
}
img { border: 0; }

div#content { width: 748px; margin: 0 auto; }

div#topRow { width: 748px; height: 111px; margin: 5px 0 0 0; border-bottom: 1px dotted #CCCCCC;  }
div#midRow { width: 748px; height: 279px; margin: 0; border-bottom: 1px dotted #CCCCCC; }
div#centreRow { width: 748px; margin: 0; border-bottom: 1px dotted #CCCCCC; }
div#lowerRow { width: 748px; height: 215px; margin: 0; border-bottom: 1px dotted #CCCCCC;  }
div#footer { width: 748px; margin: 10px 0 0 0; }

.sideColOne { width: 246px;  margin: 15px 0 0 0; display: inline; float: left; }
.centreCol { width: 236px; margin: 15px 10px 0 10px; display: inline; float: left; }
.sideColTwo { width: 246px; margin: 15px 0 0 0; display: inline; float: left; }
.moreLink { height: 15px; margin: 0 0 15px 0; display: inline; float: left; }

div#topRow ul#primary { list-style: none; margin: 53px 0 0 0; padding: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; float: left; width: 492px; }

div#topRow ul#primary li#home { width: 44px; height: 15px; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: block; }
div#topRow ul#primary li#about { width: 69px; height: 15px; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#primary li#work { width: 76px; height: 15px; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#primary li#clients { width: 87px; height: 15px; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#primary li#resources { width: 80px; height: 15px; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#primary li#contact { width: 92px; height: 15px; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }

div#topRow ul#primary li a { width: 100%; height: 100%; text-decoration: none; margin: 0; float: left; }
div#topRow ul#primary li#home a { background: url(imgs/menu/home.gif) no-repeat; margin: 0; }
div#topRow ul#primary li#about a { background: url(imgs/menu/about.gif) no-repeat; margin: 0; }
div#topRow ul#primary li#work a { background: url(imgs/menu/work.gif) no-repeat; margin: 0; }
div#topRow ul#primary li#clients a { background: url(imgs/menu/clients.gif) no-repeat; margin: 0; }
div#topRow ul#primary li#resources a { background: url(imgs/menu/resources.gif) no-repeat; margin: 0; }
div#topRow ul#primary li#contact a { background: url(imgs/menu/contact.gif) no-repeat; margin: 0; }

div#topRow ul#primary li#home a:hover { background: url(imgs/menu/home.gif) 0 -15px no-repeat; }
div#topRow ul#primary li#about a:hover { background: url(imgs/menu/about.gif) 0 -15px no-repeat; }
div#topRow ul#primary li#work a:hover { background: url(imgs/menu/work.gif) 0 -15px no-repeat; }
div#topRow ul#primary li#clients a:hover { background: url(imgs/menu/clients.gif) 0 -15px no-repeat; }
div#topRow ul#primary li#resources a:hover { background: url(imgs/menu/resources.gif) 0 -15px no-repeat; }
div#topRow ul#primary li#contact a:hover { background: url(imgs/menu/contact.gif) 0 -15px no-repeat; }

div#topRow h2#home { background: url(imgs/menu/home.gif) 0 -15px no-repeat; margin: 0 3px 0 0; width: 44px; display: block; }
div#topRow h2#about { background: url(imgs/menu/about.gif) 0 -15px no-repeat; float: left; margin: 0 3px 0 0; width: 69px; }
div#topRow h2#work { background: url(imgs/menu/work.gif) 0 -15px no-repeat; float: left; margin: 0 3px 0 0; width: 76px; }
div#topRow h2#clients { background: url(imgs/menu/clients.gif) 0 -15px no-repeat; float: left; margin: 0 3px 0 0; width: 87px; }
div#topRow h2#resources { background: url(imgs/menu/resources.gif) 0 -15px no-repeat; float: left; margin: 0 3px 0 0; width: 80px; }
div#topRow h2#contact { background: url(imgs/menu/contact.gif) 0 -15px no-repeat; float: left; margin: 0 3px 0 0; width: 92px; }

div#topRow ul#secondary { list-style: none; margin: 0; padding: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; float: left; width: 492px; }

div#topRow ul#secondary li#subAbout { width: 69px; height: 15px; background: url(imgs/submenu/about.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subTeam { width: 123px; height: 15px; background: url(imgs/submenu/team.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subTeam_selected { width: 123px; height: 15px; background: url(imgs/submenu/team.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subAlliances { width: 104px; height: 15px; background: url(imgs/submenu/alliances.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subJoin { width: 62px; height: 15px; background: url(imgs/submenu/join.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subWork { width: 76px; height: 15px; background: url(imgs/submenu/work.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subEngagement { width: 91px; height: 15px; background: url(imgs/submenu/engagement.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subDevelopment { width: 97px; height: 15px; background: url(imgs/submenu/development.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subInclusion { width: 73px; height: 15px; background: url(imgs/submenu/inclusion.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subAssessment { width: 87px; height: 15px; background: url(imgs/submenu/assessment.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subResources { width: 80px; height: 15px; background: url(imgs/submenu/resources.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subPublications { width: 95px; height: 15px; background: url(imgs/submenu/publications.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }
div#topRow ul#secondary li#subLinks { width: 43px; height: 15px; background: url(imgs/submenu/links.gif) 0 -15px no-repeat; margin: 0 3px 0 0; text-indent:-99999px; padding: 0; display: inline; float: left; }

div#topRow ul#secondary li a { width: 100%; height: 100%; text-decoration: none; margin: 0; float: left; }
div#topRow ul#secondary li#subAbout a { background: url(imgs/submenu/about.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subTeam a { background: url(imgs/submenu/team.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subTeam_selected a { background: url(imgs/submenu/team.gif) 0 -15px no-repeat; margin: 0; }
div#topRow ul#secondary li#subAlliances a { background: url(imgs/submenu/alliances.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subJoin a { background: url(imgs/submenu/join.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subWork a { background: url(imgs/submenu/work.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subEngagement a { background: url(imgs/submenu/engagement.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subDevelopment a { background: url(imgs/submenu/development.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subInclusion a { background: url(imgs/submenu/inclusion.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subAssessment a { background: url(imgs/submenu/assessment.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subResources a { background: url(imgs/submenu/resources.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subPublications a { background: url(imgs/submenu/publications.gif) no-repeat; margin: 0; }
div#topRow ul#secondary li#subLinks a { background: url(imgs/submenu/links.gif) no-repeat; margin: 0; }

div#topRow ul#secondary li#subAbout a:hover { background: url(imgs/submenu/about.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subTeam a:hover { background: url(imgs/submenu/team.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subTeam_selected a:hover { background: url(imgs/submenu/team.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subAlliances a:hover { background: url(imgs/submenu/alliances.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subJoin a:hover { background: url(imgs/submenu/join.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subWork a:hover { background: url(imgs/submenu/work.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subEngagement a:hover { background: url(imgs/submenu/engagement.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subDevelopment a:hover { background: url(imgs/submenu/development.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subInclusion a:hover { background: url(imgs/submenu/inclusion.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subAssessment a:hover { background: url(imgs/submenu/assessment.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subResources a:hover { background: url(imgs/submenu/resources.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subPublications a:hover { background: url(imgs/submenu/publications.gif) 0 -15px no-repeat; }
div#topRow ul#secondary li#subLinks a:hover { background: url(imgs/submenu/links.gif) 0 -15px no-repeat; }


.sideColOne h5#negatives { width: 236px; height: 10px; text-indent: -9999px; margin: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; background: url(imgs/home/h5_negatives.gif) 0 no-repeat; }
.sideColOne h5#partnership { width: 236px; height: 10px; text-indent: -9999px; margin: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; background: url(imgs/home/h5_partnership.gif) 0 no-repeat; }
.sideColOne h5#news { width: 236px; height: 10px; text-indent: -9999px; margin: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; background: url(imgs/home/h5_news.gif) 0 no-repeat; }
.sideColOne p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0; height: 100px; }

.centreCol h5 { width: 236px; height: 10px; text-indent: -9999px; margin: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; background: url(imgs/home/h5_solutions.gif) 0 no-repeat; }
.centreCol p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0; height: 100px; }

.sideColTwo h5 { width: 236px; height: 10px; text-indent: -9999px; margin: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; background: url(imgs/home/h5_clients.gif) 0 no-repeat; }
.sideColTwo p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0; height: 100px; }

div#lowerRow ul { padding: 0; margin: 25px 0 0 0; list-style-type: none; height: 85px; }
div#lowerRow ul li { background: transparent url(imgs/bullet.gif) 0 no-repeat; padding: 0 0 0 10px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; }
div#lowerRow img { margin: 0 0 6px 0; }

div#lowerRow a, a:visited { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #EE8A2A; line-height: 15px; text-decoration: none; }
div#lowerRow a:hover { text-decoration: underline; }

div#footer p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #C2C2C2; line-height: 15px; margin: 0; height: 100px; float: left; }
div#footer a, a:visited { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #C2C2C2; line-height: 15px; margin: 0; text-decoration: none; }
div#footer a:hover { color: #EE8A2A; text-decoration: underline; }
.grey {color: #666666}
.orange {color: #EE8A2A}
.emailLink { float: right; margin: 0; }

div#midRow a, a:visited { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #EE8A2A; line-height: 15px; text-decoration: none; }
div#midRow a:hover { text-decoration: underline; }

div#promoOne { float: left; margin: 0; padding: 0px 0 0 0; height: 279px; width: 748px; background: url(imgs/home/bgrnd1.jpg) 0 no-repeat; }
div#promoTwo { float: left; margin: 0; padding: 0px 0 0 0; height: 279px; width: 748px; background: url(imgs/home/bgrnd2.jpg) 0 no-repeat; }
div#promoThree { float: left; margin: 0; padding: 0px 0 0 0; height: 279px; width: 748px; background: url(imgs/home/bgrnd3.jpg) 0 no-repeat; }
div#promoFour { float: left; margin: 0; padding: 0px 0 0 0; height: 279px; width: 748px; background: url(imgs/home/bgrnd4.jpg) 0 no-repeat; }
div#promoFive { float: left; margin: 0; padding: 0px 0 0 0; height: 279px; width: 748px; background: url(imgs/home/bgrnd5.jpg) 0 no-repeat; }
div#promoSix { float: left; margin: 0; padding: 0px 0 0 0; height: 279px; width: 748px; background: url(imgs/home/bgrnd6.jpg) 0 no-repeat; }

div#promoOne h3 { height: 10px; text-indent: -9999px; margin: 75px 0 0 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }
div#promoTwo h3 { height: 10px; text-indent: -9999px; margin: 75px 0 0 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }
div#promoThree h3 { height: 10px; text-indent: -9999px; margin: 75px 0 0 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }
div#promoFour h3 { height: 10px; text-indent: -9999px; margin: 75px 0 0 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }
div#promoFive h3 { height: 10px; text-indent: -9999px; margin: 75px 0 0 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }
div#promoSix h3 { height: 10px; text-indent: -9999px; margin: 75px 0 0 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }

div#promoOne p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0;  width: 246px; }
div#promoTwo p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0;  width: 246px; }
div#promoThree p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0;  width: 246px; }
div#promoFour p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0;  width: 246px; }
div#promoFive p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0;  width: 246px; }
div#promoSix p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0;  width: 246px; }

div#pageContent { width: 482px; margin: 15px 0 15px 0; display: inline; float: left; }
div#pageContent a, a:visited { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #EE8A2A; line-height: 15px; text-decoration: none; }
div#pageContent a:hover { text-decoration: underline; }

div#rightCol { width: 246px; margin: 15px 0; display: inline; float: right; }
div#rightCol a, a:visited { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #EE8A2A; line-height: 15px; text-decoration: none; }
div#rightCol a:hover { text-decoration: underline; }

div#pageContent p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 0 0 10px 0; }
div#pageContent ul { width: 482px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0; padding: 0; margin: 0 0 10px 0; list-style-type: none; }
div#pageContent ul li { background: transparent url(imgs/bullet.gif) 0 5px no-repeat; padding: 0 0 0 10px; }

div#rightCol h5 { width: 241px; height: 20px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; background-image: url(imgs/profile-menu/title_bgrnd.gif); background-repeat: repeat-x; margin: 10px 0 0 0; padding: 7px 0 0 5px; }
div#rightCol ul { width: 246px; padding: 0; margin: 0; list-style-type: none; }
div#rightCol ul ul li { background: transparent url(imgs/profile-menu/bullet.gif) 5px 9px no-repeat; padding: 8px 0 8px 25px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; border-bottom: 1px solid #CCCCCC; margin: 0; }
div#rightCol li a, a:visited { font-weight: normal; color: #666666; text-decoration: none; }
div#rightCol li a:hover { font-weight: normal; color: #EE8A2A; text-decoration: underline; }
div#rightCol h5.menuoption { background: transparent url(imgs/profile-menu/title_bgrnd_close.gif) no-repeat right bottom; }
div#rightCol h5.menuoption.open { background: transparent url(imgs/profile-menu/title_bgrnd_open.gif) no-repeat right bottom; }

div#rightCol ul.static li { background: transparent url(imgs/profile-menu/bullet.gif) 5px 9px no-repeat; padding: 8px 0 8px 25px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; border-bottom: 1px solid #CCCCCC; margin: 0; }


/*div#rightCol ul ul{display:none;}
div#rightCol ul li.active ul{display:block;}
*/
div#rightCol ul ul li.active a { font-weight:bold; }

div#profilePic { width: 220px; float: left; display: inline; margin: 15px 10px 0 0; }
div#profileText h5 { width: 242px; height: 25px; text-indent: -9999px; margin: 0; font: 2px Verdana, Arial, sans-serif; line-height: 0px; }
div#profileText { width: 242px; float: right; display: inline; margin: 16px 10px 0 0; }
div#profileText p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 0 0 10px 0; }div#pageContent p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 0 0 10px 0; }
div#profileText ul { width: 242px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; margin: 10px 0 0 0; padding: 0; margin: 0 0 10px 0; list-style-type: none; }
div#profileText ul li { background: transparent url(imgs/bullet.gif) 0 5px no-repeat; padding: 0 0 0 10px; }
