/*========================================== Title: em-assist.com CSS Author: Matt DeClaire, Loud Dog Corp. Url: http://em-assist.com Created: 3 July 2008 ==========================================*/ /*========================================== CSS Reset from http://meyerweb.com ==========================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } /* remember to define focus styles! */ body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*========================================== Site Defaults ==========================================*/ body { font-size: 62.5%; } /* makes 1em = 10px */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } a { color: #00539B; } a:visited { color: #00294F; } a:hover { color: #cc0000; } a.learnMore, a.learnMore:visited, a.learnMore:hover { background: url(/images/learnMoreArrowGreen.gif) no-repeat right 3px; padding-right: 11px; font: bold 1.2em Arial; color: #2A7D2C; text-decoration: none; } a.learnMoreInner, a.learnMoreInner:visited, a.learnMoreInner:hover { background: url(/images/learnMoreArrowBlue.gif) no-repeat right 3px; padding-right: 11px; font: bold 1.2em Arial; color: #00539B; text-decoration: none; white-space: nowrap; } a.readMoreHomePage, a.readMoreHomePage:visited, a.readMoreHomePage:hover { color: #2A7D2C; display: block; } a.readMore { color: #00539B; display: block; } a.readMore:visited { color: #00294F; } a.readMore:hover { color: #cc0000; } strong { font-weight: bold; } .printOnly { display: none; } .clear { clear: both; } .generalCopyright { font: 1.1em "Lucida Grande", "Lucida Sans Unicode"; color: #999; text-decoration: none; } table.environmental th a, table.environmental th a:visited, table.environmental th a:hover, table.training th a, table.training th a:visited, table.training th a:hover, tr.subtitle a, tr.subtitle a:visited, tr.subtitle a:hover { color: #FFF; text-decoration: none; } /*========================================== Layout ==========================================*/ body { background: url(/images/backgrounds/body.jpg) repeat-x left top #FFF; } #container { position: relative; margin: 0 auto; width: 965px; } #content { position: relative; padding: 0 31px; height: 1%; background: url(/images/backgrounds/content.jpg) repeat-y left top; } #contentFooter { clear: both; height: 30px; } #footer { padding: 50px 0 10px; background: url(/images/backgrounds/footer.jpg) no-repeat left top; text-align: right; } #footer { font: 1.1em "Lucida Grande", "Lucida Sans Unicode"; color: #CCC; } #footer span, #footer a, #footer a:visited, #footer a:hover { color: #999; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .copyright { padding-right: 8px; } /*========================================== Column Layout ==========================================*/ #basic-3-column #col1 { float: left; margin-right: 27px; width: 172px; } #basic-3-column #col2 { float: left; margin-right: 50px; width: 405px; } #basic-3-column #col3 { float: left; width: /*249px*/ 229px; } #basic-2-column #col1 { float: left; margin-right: 27px; width: 172px; } #basic-2-column #col2 { float: left; width: 492px; } #basic-2-column #col2.awards { float: left; width: 530px; } #even-3-column #col1 { float: left; margin-right: 27px; width: 172px; } #even-3-column #col2 { float: left; margin-right: 50px; width: 325px; } #even-3-column #col3 { float: left; width: /*321px*/ 300px; } #alt-2-column #col1 { float: left; margin-right: 56px; width: 261px; } #alt-2-column #col2 { float: left; width: 586px; } #alt-2-column #col2 .subCol { float: left; width: 288px; } #alt-2-column #col2 .first { margin-right: 9px; } #basic-1-column #col2 { margin-left: 199px; width: 405px; } /* Column 1 */ #col1 h2 { margin: 25px 0; font: bold 1.2em "Lucida Grande", "Lucida Sans Unicode"; color: #333; } #col1 li { padding: 6px 0; background: url(/images/borders/morse.gif) repeat-x left bottom; } #col1 li li { margin-left: 10px; padding: 0 0 6px 7px; background: url(/images/bullets/greySquareArrow.gif) no-repeat left top; } #col1 ul ul { display: none; margin-top: 5px; } #col1 li.open ul { display: block; } #col1 li h2 { margin: -6px 0 0; font: 1.4em "Lucida Grande", "Lucida Sans Unicode"; color: #333; } #col1 li a, #col1 li a:visited, #col1 li a:hover { font: 1.2em "Lucida Grande", "Lucida Sans Unicode"; color: #666; text-decoration: none; } #col1 li li a, #col1 li li a:visited, #col1 li li a:hover { font-size: 1.1em; color: #999; } #col1 li a.on, #col1 li a.on:visited, #col1 li a.on:hover { color: #000; } #col1 li a:hover, #col1 li li a:hover { color: #060; } /* Column 2 */ #col2 h1, #col3 h1 { margin-bottom: 20px; font: 1.6em "Lucida Grande", "Lucida Sans Unicode"; color: #00539B; line-height: 1.375em; } #col2 h1 span { display: block; font-weight: normal; font-size: .80em; } #col2 h1 span span { display: block; font-size: 1em; } #col2 h1 span a { display: block; font-family: Arial; font-size: 1em; } #col2 .h1Smaller { margin-top: -2px; margin-bottom: 20px; font: 1.1em "Lucida Grande", "Lucida Sans Unicode"; color: #00539B; } #col2 cite { font-family: Arial, Verdana, sans-serif; font-style: italic; font-weight: normal; font-size: 1.4em; line-height: 1.2em; color:#00539B; text-align: right; padding: 0 10px 20px 0; display: block; } #col2 h2 { margin: 30px 0 10px; font: bold 1.3em "Lucida Grande", "Lucida Sans Unicode"; color: #333; } #col2 .h2Smaller { margin-top: 10px; margin-bottom: 10px; font: bold 1.1em "Lucida Grande", "Lucida Sans Unicode"; color: #333; } #col2.environmentalServices h2, #col2.trainingSolutions h2, #col2.softwareProducts h2 { color: #cc0000; } #col2 p { margin-bottom: 20px; font: 1.2em Arial; color: #333; line-height: 1.5em; } #col2 ul { margin: 0 0 10px 12px; } #col2 ul li { font: 1.2em Arial; color: #333; line-height: 1.4em; padding: 0 0 9px 9px; background: url(/images/bullets/greySquareArrow.gif) no-repeat 0 1px; } #col2 ul li strong { color: #CC0033; } #col2 ul li li { font-size: 1em; line-height: 1em; } #col2 ul li ul { margin: 10px 0 0 12px; } #col2 .section { padding: 0 0 20px 0; background: url(/images/borders/morse.gif) repeat-x left bottom; } #col2 .sectionAlt { background: url(/images/borders/morse.gif) repeat-x left top; padding-top: 46px; margin-bottom: -8px; } #col2 .sectionAlt2 { background: url(/images/borders/morse.gif) repeat-x left top; padding-top: 30px; } #col2.awards .section { padding-bottom: 40px; } /* Column 3 */ #col3 { margin-top: -15px; padding-left: 20px; background: url(/images/borders/verticalRule.gif) repeat-y 0 0; } #col3 .section { padding: 15px 30px 1px 3px; background: url(/images/borders/morse.gif) repeat-x left bottom; } #col3 .section.differentPadding { padding-right: 0px; padding-bottom: 15px;} #col2 .section.lastSection, #col3 .section.lastSection { padding-bottom: 0; background: none; } #col2 .section.lastSection h1 { margin: 20px 0; padding-bottom: 20px; } #col3 .featured h1 { margin-bottom: 6px; color: #333; } #col3 h2 { margin-bottom: 10px; font: bold 1.3em "Lucida Grande", "Lucida Sans Unicode"; color: #333; } #col3 p { margin-bottom: 15px; font: 1.2em Arial; color: #333; line-height: 1.5em; } #col3 .section h2 { margin-top: 0; } /* Contact Info */ .contactInfo { padding-left: 32px; background: url(/images/bullets/contact.jpg) no-repeat left 1px; } .contactInfo span.name { font-weight: bold; } .contactInfoNoBackground { } .contactInfoNoBackground p { padding-left:30px; /*position: relative; left: 11px; top: 0px; width:150px;*/ } .contactInfoNoBackground img { float: left; left: 0; position: relative; top: 0; } .contactInfoNoBackground span.name { font-weight: bold; } a.paper, a.paper:visited, a.paper:hover { display: block; margin: 10px 0; padding-left: 32px; background: url(/images/bullets/page.jpg) no-repeat left top; font: 1.2em "Lucida Grande", "Lucida Sans Unicode"; color: #333; text-decoration: none; } a.paper:hover { color: #cc0000; } a.clients, a.clients:visited, a.clients:hover { margin-top: 40px; } a.nextProject, a.nextProject:visited, a.nextProject:hover { margin: 10px 0; padding-right: 11px; color: #00539B; background: url(/images/nextProjectArrow.gif) no-repeat right 2px; text-decoration: none; } /* Special Styles */ #alt-2-column #col2 h2 { margin-bottom: 10px; font: 1.4em "Lucida Grande", "Lucida Sans Unicode"; color: #C03; } #alt-2-column #col2 p { font: 1.1em "Lucida Grande", "Lucida Sans Unicode"; color: #333; line-height: 1.36em; } #clientMap, #clientMap:visited, #clientMap:hover { display: block; width: 233px; padding-top: 180px; background: url(/images/map.gif) no-repeat left top; text-align: center; font: 1.2em Arial; } .thumbnails { margin-bottom: 30px; } .thumbnails img { margin-right: 20px; } h1 sup { font-size: .50em; position: relative; bottom: 5px; } .featured p.quote { color: #555; } #col2 p.quote { margin-left: 5px; color: #555; } p.quote span { color: #333; font-weight: bold; display: block; } /*========================================== Header ==========================================*/ #header { position: relative; padding: 0 3px; height: 87px; background: url(/images/backgrounds/header.jpg) no-repeat left top; } #logo { position: absolute; top: 40px; left: 31px; } #nav { position: absolute; bottom: 14px; right: 31px; } #nav li { float: left; padding-left: 25px; } #nav a, #nav a:visited, #nav a:hover { display: block; height: 15px; background: url(/images/nav.gif) no-repeat left top; } #nav #nav-home { background-position: 0 0; width: 45px; } #nav #nav-services { background-position: -66px 0; width: 58px; } #nav #nav-clients { background-position: -147px 0; width: 50px; } #nav #nav-contracting { background-position: -219px 0; width: 165px; } #nav #nav-careers { background-position: -402px 0; width: 55px; } #nav #nav-about { background-position: -474px 0; width: 59px; } #nav #nav-home:hover { background-position: 0 -15px; width: 45px; } #nav #nav-services:hover { background-position: -66px -15px; width: 58px; } #nav #nav-clients:hover { background-position: -147px -15px; width: 50px; } #nav #nav-contracting:hover { background-position: -219px -15px; width: 165px; } #nav #nav-careers:hover { background-position: -402px -15px; width: 55px; } #nav #nav-about:hover { background-position: -474px -15px; width: 59px; } #nav .on #nav-home { background-position: 0 -30px; width: 45px; } #nav .on #nav-services { background-position: -66px -30px; width: 58px; } #nav .on #nav-clients { background-position: -147px -30px; width: 50px; } #nav .on #nav-contracting { background-position: -219px -30px; width: 165px; } #nav .on #nav-careers { background-position: -402px -30px; width: 55px; } #nav .on #nav-about { background-position: -474px -30px; width: 59px; } /* #nav #nav-home { background-position: 0 0; width: 45px; } #nav #nav-services { background-position: -66px 0; width: 58px; } #nav #nav-products { background-position: -145px 0; width: 58px; } #nav #nav-clients { background-position: -224px 0; width: 50px; } #nav #nav-contracting { background-position: -295px 0; width: 165px; } #nav #nav-careers { background-position: -481px 0; width: 55px; } #nav #nav-about { background-position: -557px 0; width: 59px; } #nav #nav-home:hover { background-position: 0 -15px; width: 45px; } #nav #nav-services:hover { background-position: -66px -15px; width: 58px; } #nav #nav-products:hover { background-position: -145px -15px; width: 58px; } #nav #nav-clients:hover { background-position: -224px -15px; width: 50px; } #nav #nav-contracting:hover { background-position: -295px -15px; width: 165px; } #nav #nav-careers:hover { background-position: -481px -15px; width: 55px; } #nav #nav-about:hover { background-position: -557px -15px; width: 59px; } #nav .on #nav-home { background-position: 0 -30px; width: 45px; } #nav .on #nav-services { background-position: -66px -30px; width: 58px; } #nav .on #nav-products { background-position: -145px -30px; width: 58px; } #nav .on #nav-clients { background-position: -224px -30px; width: 50px; } #nav .on #nav-contracting { background-position: -295px -30px; width: 165px; } #nav .on #nav-careers { background-position: -481px -30px; width: 55px; } #nav .on #nav-about { background-position: -557px -30px; width: 59px; } */ #topNav { position: absolute; top: 20px; right: 26px; font: 1.1em "Lucida Grande", "Lucida Sans Unicode"; color: #CCC; } #topNav a, #topNav a:visited, #topNav a:hover { padding: 0 5px; color: #999; text-decoration: none; } #topNav a:hover { text-decoration: underline; } /*========================================== Homepage ==========================================*/ #featuredContent { position: relative; float: left; } #featuredContent td { width: 265px; padding: 0 25px 0 30px; border-right: 1px solid #F0F0E9; font-size: 83.4%; line-height: 160%; } #featuredContent td.featured { padding-bottom: 5px; } #featuredContent .first { padding-left: 0; } .featured h1, .featured h2 { font-family: "Lucida Grande", "Lucida Sans Unicode"; color: #333; } .featured h1 { margin-bottom: 5px; font-size: 1.6em; } #col3 .featured h1 { color: #333; } .featured h2 { margin-bottom: 15px; font-size: 1.4em; } .featured img { float: left; margin-right: 14px; } .featured p { font: 1.2em Arial; color: #333; line-height: 1.33; margin-bottom: 13px; } .featured .label { margin-bottom: 12px; width: 106px; height: 13px; background: url(/images/featured/labels.gif) no-repeat left top; } #featuredEmployee .label { background-position: 0 -13px; } #servicesTable { float: left; width: 263px; padding-left: 27px; } #printServicesTable { width: 263px; overflow: hidden; } #servicesTable table { border-collapse: collapse; } #servicesTable th { height: 29px; } #servicesTable a { display: block; width: 132px; } #servicesTable th, #services-environmental-services, #services-compliance-management, #services-information-management, #services-conservation-and-planning, #services-restoration, #services-training-solutions, #services-learning-management-systems, #services-custom-elearning-courseware, #services-instructor-led-training { background: url(/images/servicesTable.jpg) no-repeat 0 0; } #services-environmental-services { height: 44px; background-position: 0 -29px; } #services-compliance-management { height: 44px; background-position: 0 -73px; } #services-information-management { height: 44px; background-position: 0 -117px; } #services-conservation-and-planning { height: 44px; background-position: 0 -161px; } #services-restoration { height: 47px; background-position: 0 -205px; } #services-training-solutions { height: 44px; background-position: -131px -29px; } #services-learning-management-systems { height: 59px; background-position: -131px -73px; } #services-custom-elearning-courseware { height: 59px; background-position: -131px -132px; } #services-instructor-led-training { height: 61px; background-position: -131px -191px; } #services-environmental-services:hover { height: 44px; background-position: -263px -29px; } #services-compliance-management:hover { height: 44px; background-position: -263px -73px; } #services-information-management:hover { height: 44px; background-position: -263px -117px; } #services-conservation-and-planning:hover { height: 44px; background-position: -263px -161px; } #services-restoration:hover { height: 47px; background-position: -263px -205px; } #services-training-solutions:hover { height: 44px; background-position: -394px -29px; } #services-learning-management-systems:hover { height: 59px; background-position: -394px -73px; } #services-custom-elearning-courseware:hover { height: 59px; background-position: -394px -132px; } #services-instructor-led-training:hover { height: 61px; background-position: -394px -191px; } /*========================================== Banners ==========================================*/ #banner { position: relative; margin-bottom: 45px; height: 118px; } #banner.homepage { margin-bottom: 30px; height: 315px; } #banner .title { position: absolute; top: 68px; left: 118px; font: 2.4em Verdana; color: #FFF; } /*========================================== Tables ==========================================*/ table { font: 1.2em Arial; color: #333; line-height: 1.5em; } #col2 table p, #col2 table li { font: 1em Arial; line-height: 1.33em; } table.leadershipList { margin-bottom: 20px; } table.leadershipList td { padding-bottom: 5px; } /*========================================== Bios - About/Leadership ==========================================*/ .bio { margin: 20px 0 ; padding: 25px 0 0 0; background: url(/images/borders/morse.gif) repeat-x left top; } .bio.firstBoard { margin: 50px 0; background: transparent; border-top: 1px solid #ccc; } .bio h3, #col3 h3, .bio h4 { margin-bottom: 5px; font-family: Arial; font-size: 1.2em; font-weight: bold; color: #333; } .bio h3 a { color: #333; text-decoration: none; } #col3 h3 { line-height: 1.4em; margin: 0; } /*========================================== Commitment to Quality ==========================================*/ #commitmentToQuality { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #B3AA7E; } #commitmentToQuality h1 { margin: 0 0 18px 0; padding: 8px 0 0 0; font-family: Arial; font-size: 1.2em; font-weight: bold; color: #CC0033; border-top: 1px solid #B3AA7E; } .newsItem { padding: 0 0 0 30px; background: url(/images/bullets/page.jpg) no-repeat left top; } .newsItem p span { font-style: italic; } /*========================================== v-Card for Contact ==========================================*/ .vcard { padding-bottom: 20px; font-family: Arial; font-size: 1.3em; line-height: 1.5em; color: #333; } .vcard a { display: block; } a.directions { padding-top: 8px; } .org { font-weight: bold; } .left, .right { padding-top: 30px; } .left { float: left; } .right { float: right; } /*========================================== Awards ==========================================*/ .awardsPhotos { } .awardsPhotos .left, .awardsPhotos .right { padding-top: 0; padding-bottom: 30px; } .awardsPhotos .left h3, .awardsPhotos .right h3 { margin-top: 10px; padding-bottom: 15px; font-family: "Lucida Grande", "Lucida Sans Unicode"; font-size: 1.3em; color: #666; text-align: center; } table.awardsTable td { vertical-align: top; } table.awardsTable.general td { padding: 8px 0 5px 0; } table.awardsTable.general td { background:transparent url(/images/borders/morse.gif) repeat-x left bottom; } table.awardsTable td h3 { font-weight: bold; padding: 5px 0 0 20px; } .section h2 { margin-top: 35px; } #col3 p.employmentDisclaimer { font: 1.1em Arial; color: #999; line-height: 1.2em; } #benefitsBalance { margin-bottom: 15px; width: 100%; } #benefitsBalance th { font-weight: bold; color: #C03; } #benefitsBalance th { padding: 0 0 5px 15px; } #benefitsBalance td { width: 50%; padding: 10px 0 10px 15px; } #benefitsBalance .first { padding-left: 0; padding-right: 15px; } #benefitsBalance td { border: 1px solid #B3AA7E; border-width: 1px 0; } #benefitsBalance td.first { border-right: 1px solid #F0F0E9; } #benefitsBalance ul { margin-left: 0; margin-bottom: 10px; } #benefitsBalance ul li { background-position: 0 -1px; } #benefitsBalance p { margin-bottom: 15px; } #benefitsBalance p.listTitle { margin-bottom: 10px; } #col2 p.vacationNote { color: #999; } /*========================================== contractVehicles ==========================================*/ #col2 ul.contractVehicles { position: relative; right: 20px; } #col2 ul.contractVehicles li, #col2 ul.contractVehicles li a, #col2 ul.contractVehicles li a:visited, #col2 ul.contractVehicles li a:hover { color: #c03; text-decoration: none; font-weight: bold; } #col2 ul.contractVehicles li span { font-weight: normal; color: #333; } #col2 ul.contractVehicles li a:hover { text-decoration: underline; } #col2 ul.contractVehicles li { background: transparent; } #col2 ul.contractVehicles li ul { position: relative; top: -10px; } #col2 ul.contractVehicles li ul li { background: url(/images/bullets/greySquareArrow.gif) no-repeat 0 -1px; font-size: 1em; } /*========================================== Table NAICS Codes ==========================================*/ table.NAICSCodes { margin-bottom: 20px; border-bottom: 1px solid #B3AA7E; width: 100%; } table.NAICSCodes .col1 { width: 80px; } table.NAICSCodes thead th { padding: 0 0 8px 0; font: 1.1em Arial; color: #CC0033; line-height: 1.2em; font-weight: bold; border-bottom: 1px solid #B3AA7E; } table.NAICSCodes thead th span { font-weight: normal; color: #333; } table.NAICSCodes td { padding: 5px 0 5px 0; text-align: center; background: url(/images/borders/tdBorder.gif) repeat-x left bottom; } table.NAICSCodes td.title { padding: 0 0 0 10px; border-left: 1px solid #F0F0E9; text-align: left; } table.NAICSCodes tr.last td { background: transparent; } /*========================================== Tables - Environmental Services / Training Solutions ==========================================*/ table.environmental, table.training { width: 426px; font-family: "Lucida Grande", "Lucida Sans Unicode"; } table.environmental colgroup, table.training colgroup { width: 213px; } table.environmental td { background: #DBE8C4 url(/images/backgrounds/tdGreenGradient.jpg) repeat-x left bottom; } table.training td { background: #Dfe5f3 url(/images/backgrounds/tdBlueGradient.jpg) repeat-x left bottom; } table.environmental td, table.environmental thead th, table.training td, table.training thead th { padding: 4px 0 6px 0; border: 1px solid #fff; border-width: 1px 1px 0 0; } table.environmental thead th, table.training thead th { font-size: 1.1em; color: #fff; text-align: center; } table.environmental thead th.titleHeader { background: #004319 url(/images/backgrounds/th-headertop-green.jpg) no-repeat left top; } table.training thead th.titleHeader { background: #004B82 url(/images/backgrounds/th-headertop-blue.jpg) no-repeat left top; } table.environmental thead th.subtitleHeader { background: #2B812D url(/images/backgrounds/th-subhead-green.jpg) repeat-x left top; } table.training thead th.subtitleHeader { background: #5684B0 url(/images/backgrounds/th-subhead-blue.jpg) repeat-x left top; } table.environmental tr.subtitle td, table.training tr.subtitle td { padding: 4px 0 6px 0; font-size: 1.0em; text-align: center; } table.environmental tr.subtitle td { background: #A1B885 url(/images/backgrounds/td-subtitle-green.jpg) repeat-x left top; } table.training tr.subtitle td { background: #7fa6d2 url(/images/backgrounds/td-subtitle-blue.jpg) repeat-x left top; position: relative; } table.environmental td, table.environmental td a, table.environmental td a:visited { color: #174613; } table.training td, table.training td a, table.training td a:visited { color: #00539B; } #col2 table.environmental td ul, #col2 table.training td ul { margin-top: 13px; } #col2 table.environmental td ul.center, #col2 table.training td ul.center { margin-left: 120px; margin-right: 0; position: relative; } #col2 table.environmental td ul li, #col2 table.training td ul li { margin-left: 12px; margin-right: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode"; font-size: 1.0em; padding: 0 0 6px 10px; text-align: left; } #col2 table.environmental td ul li { color: #174613; background: url(/images/bullets/greenSquareArrow.gif) no-repeat 0pt 4px; } #col2 table.training td ul li { color: #00539B; background: url(/images/bullets/blueSquareArrow.gif) no-repeat 0pt 4px; } #col2 table.training td ul.subtitleList li { background: url(/images/bullets/blueSquareArrow-subtitleList-blue.gif) no-repeat 0pt 4px; } /*========================================== Featured employees ==========================================*/ .featuredEmployeePic, .featuredEmployeeThumb { float: left; margin: 0 20px 15px 0; } .featuredEmployeeThumb { padding: 2px; } .employee { padding: 5px 2px 11px; } .employee img { border: 1px solid #FFF; } .employee.selected img { border-color: #CCC; } /*========================================== Featured courses ==========================================*/ .courseListImage { padding: 0px 20px 0px 0px; vertical-align: middle; } .courseListLink { text-decoration: underline; } .courseListLocation { font-style: italic; } .noBorder { padding: 3px 3px 3px 3px; } .thinBorder { border: 1px solid #C0C0C0; padding: 2px 2px 2px 2px; } /*========================================== Lightbox ==========================================*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 73px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /*===============================================*/ /* Collapsible Panel Government Contracting */ /*===============================================*/ .cpGovContHeader { cursor: pointer; /*margin-top: -12px;*/ /*margin-bottom: -8px;*/ } .cpGovContBody { height: 0px; overflow: hidden; margin-left: 30px; /*margin-bottom: 32px;*/ } /*.cpGovContBodyLast { height: 0px; overflow: hidden; margin-left: 30px; -- margin-bottom: 12px; -- }*/