/* -------------------------------------------------------------- TABLE OF CONTENTS 1. Cross-browser Reset 2. Standard elements defaults - Default styles for standard HTML elements. See /style-guide.html for markup examples. 3. Style Library - Styles repeated through site but aren't structural elements. 4. Main Structure - Includes header, main navigation, main wrapper, footer, etc 5. Main Structure Alternative Styles - Styles for main structure elements that have different styles in different templates 6. Template Styles - Specific styles for the different templates 7. Page Specific Styles - If a page has unique styles not found anywhere else on the site they would go here STYLE SHEET COMMENT DEFINITIONS CF -- Denotes a style that is used as a clear fix PFD (Prevent float drop) -- Denotes a fix for ie6 to prevent layout from breaking with oversized content IE{.css} -- Denotes a css property that is used for a bug fix in IE7 and below. NOTE if .css is present check alternative style sheet IE6{.css} -- Denotes a css property that is used for a bug fix in IE6. NOTE if .css is present check alternative style sheet IE8.css -- Denotes a style that has an alternative version in the ie8.css style sheet HL (hasLayout) -- Denotes a hasLayout fix for IE DMB (Double margin bug) -- Denotes double margin fix for ie6 SL - Denotes that a element draws most of its styles from style library -------------------------------------------------------------- */ /* -------------------------------------------------------------- 1. Cross-browser reset -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } /* PC FF3 adds an outline to Flash objects */ a, object { outline: none; } /* -------------------------------------------------------------- 2. Standard elements defaults -------------------------------------------------------------- */ /* Headings -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; color: #A58C30; font-weight: bold; } h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.5em; color: #878F93; } h4 { font-size: 1.25em; } h5 { font-size: 1.25em; color: #878F93; } h6 { font-size: 1em; color: #3F4B52; } h1 a, h1 a:link, h2 a, h2 a:link, h3 a, h3 a:link, h4 a, h4 a:link, h5 a, h5 a:link, h6 a, h6 a:link { color: #1386BF; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #A58C30; } /* Text Elements -------------------------------------------------------------- */ body { color: #3F4B52; font: 62.5% arial, helvetica, sans-serif; } p { margin: 0 0 1em; line-height: 1.5; font-size: 1.167em; } .summary p { color: #878F93; font: italic normal 1.5em georgia, serif; } a { text-decoration: underline; } a,a:link { color: #1386BF; } a:visited { color: #7AB4BA; } /*original #ADC9CC */ a:hover, a:active, a:focus { color: #A58C30; } blockquote { margin: 0 0 1em 0; color: #878F93; font-family: georgia, serif; font-style: italic; } strong { font-weight: bold; color: #0F1E26; } em { font-style: italic; color: #6A7479; } address { font-style: normal; } cite { font-style: normal; color: #000000; text-transform: uppercase; } small { font-size: 0.833em; } /* Following six styles generally do not need to be edited */ sup, sub { line-height: 0; } dfn { font-style: italic; } del { color:#666; } pre { white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* HRs with background images -------------------------------------------------------------- */ div.hr { height: 3px; margin: 10px 0; background: #fff url() 0 0 repeat-x; } div.hr hr { display: none; } /* Lists -------------------------------------------------------------- */ li ul, li ol { margin: 0 1.5em; } ul, ol { margin: 0 1.5em 1.5em 1.5em; } ul ol li { background: none; padding-left: 0; } ul { list-style: none; margin-left: 0; } ul li { color: #3F4B52; background: url(../images/design/list-bullet.gif) 0 8px no-repeat; padding-left: 15px; line-height: 1.25; margin-bottom: 0.25em; font-size: 1.167em; } ul ul li { font-size: 1em; } ol li { color: #3F4B52; padding-left: 15px; line-height: 1.25; margin-bottom: 0.25em; font-size: 1.167em; } ol { list-style-type: decimal; } li { margin-bottom: 1em; line-height: 1.5; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; width:100%; border: 1px solid #D9D9D9; border-bottom: none; border-right: none; } th { background: #e5e5e5 url(../images/design/th-bg.gif) 0 0 repeat-x; font-weight: bold; border-right: 1px solid #D9D9D9; } th,td,caption { padding: 4px 10px 4px 5px; } td { border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; } tr.odd td { background: #FBFBFB; } tfoot { font-style: italic; } caption { background: #eee; text-align: center; } /* Forms ----------------------------------------------------------- */ fieldset { margin-bottom: 1.5em; padding: 1em 0; border-bottom: 1px dashed #617179; } fieldset.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } legend { font-weight: bold; } label { font: normal 1.083em arial, sans-serif; float: left; margin-right: 10px; width: 75px; text-align: right; } .required label { font-weight: bold; } .fieldArea { margin-bottom: 0.833em; } .fieldArea input, .fieldArea textarea { width: 165px; } .fieldArea textarea { height: 65px; font-family: inherit; font-size: inherit; } input.protect { display: none; } input.submit { cursor: pointer; border: 0; background: #917225 url(../images/design/submit.gif) 0 0 repeat-x; color: #FFFFFF; font: bold 0.917em verdana; padding: 4px 6px; text-transform: uppercase; } input.submit:hover { background: #bba83b url(../images/design/submit.gif) 0 0 repeat-x; } span.message { display: block; font-size: 0.917em; text-align: right; padding-top: 0.5em; } span.error { color: #DD0000; } div#errors { background: #FFF5E6 url(../images/forms/error.gif) 10px 0.5em no-repeat; border: 1px solid #FFEBCC; font: normal 0.846em arial; margin: 2em; padding: 0.5em 10px 0.5em 50px; } div#errors h4 { color: #DD0000; font-weight: bold; } div#errors ul { margin-bottom: 0; } div#errors p { margin-bottom: 0; color: #000000; margin-bottom: 0.5em; } div#errors li { margin-bottom: 0.5em; font-size: 1.084em; color: #000000; } /* -------------------------------------------------------------- 3. Style Library ----------------------------------------------------------- */ #breadCrumbs { list-style: none; margin: 0 0 1em 0; } #breadCrumbs li { display: inline; color: #A4AAAD; font-size: 0.833em; padding: 0; } #breadCrumbs a { color: #1386BF; } #breadCrumbs a:hover { color: #A58C30; } #breadCrumbs span { color: #3F4B52; } a.btn { color: #FFFFFF; padding: 2px 3px; background: #957827 url(../images/design/btn.gif) 0 0 repeat-x; font-size: 8px; font-family: verdana; text-decoration: none; text-transform: uppercase; } a.btn:hover { background: #bba83b url(../images/design/btn-hover.gif) 0 0 repeat-x; } img.imageFrame { background: url(../images/design/image-shadow.gif) 50% 100% no-repeat; padding-bottom: 10px; } #callouts { background: #FFFFFF; text-align: center; padding: 2em 0 0 10px; width: 183px; overflow: hidden; /* PFD */} #callouts p { margin-bottom: 0; } /* Pagination Styles ----------------------------------------------------------- */ .pagination { margin-bottom: 2em; clear: left; width: 100%; float: left; padding: 12px 0; position: relative; } .pagination .pageInfo { color: #999999; font-size: 0.917em; float: right; } /* CF */ .pagination .pageNumInput { width: 30px; border: 1px solid #ccc; background: #F2F2F2; font-size: 0.833em; color: #999; padding: 2px; margin: 0 5px;} .pagination .pageNumSubmit { padding: 0; /* ie7.css and ie6.css inherits */ font-size: 0; overflow: hidden; margin: 0 0 0 5px; position: relative; top: -3px; left: 5px; cursor: pointer; text-indent: -9999px; border: none; background: url(../images/design/pagination.gif) -60px 0 no-repeat; height: 15px; width: 20px; } .pagination .pageNumSubmit:hover { background-position: -60px -15px; } .pagination .first, .pagination .previous, .pagination .next, .pagination .last { background: url(../images/design/pagination.gif) 0 0 no-repeat; display: block; height: 15px; width: 15px; text-indent: -9999px; float: left; margin-right: 8px; } .pagination .first:hover { background-position: 0 -15px; } .pagination .previous { background-position: -15px 0;} .pagination .previous:hover { background-position: -15px -15px; } .pagination .next { background-position: -30px 0;} .pagination .next:hover { background-position: -30px -15px; } .pagination .last { background-position: -45px 0;} .pagination .last:hover { background-position: -45px -15px; } .pagination .disabled { display: none; } .pagination .paginator { float: left; } .pagination .paginator .page { margin-right: 5px; } .pagination .paginator .current { color: #999999; text-decoration: none; } .pagination .ellipse { float: left; margin-right: 5px; } /* Tooltip Styles ----------------------------------------------------------- */ #toolTip { position: absolute; background: #A58C30; color: #FFF; font-size: 1.2em; padding: 5px 8px; } /* Video Overlay Style ----------------------------------------------------------- */ #video-container-wrap { padding: 20px 20px 50px 20px; background: #000; z-index: 9999; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: none; } #video-container-wrap .close { background: url(../images/design/sprite.png) 0 0 no-repeat; height: 23px; width: 76px; position: absolute; bottom: 14px; right: 18px; cursor: pointer; } #video-container { height: 325px; width: 500px; } #video-container p { visibility: hidden; } /* Float Styles ----------------------------------------------------------- */ .floatLeft { float: left; } .floatRight { float: right; } .clearLeft { clear: left; } .clearRight { clear: right; } .clear { clear: both; } img.floatLeft { margin: 0 1.5em 0 0; } img.floatRight { margin: 0 0 1.5em 1.5em; } /* Easy Clearing Styles ----------------------------------------------------------- */ .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* CF, IE.css, IE6.css */ /* -------------------------------------------------------------- 4. Main Structure ----------------------------------------------------------- */ body { text-align: center; background: url(../images/design/body-bg.jpg) 0 0 repeat; } #page { background: url(../images/design/page-bg.jpg) 0 0 repeat-x; padding-top: 27px; text-align: left; font-size: 1.2em; /* 62.5% + 1.2em = 12px */ } /* Setup dan's fancy parallax */ /* Setup dan's fancy parallax */ #parallaxBack { background: url(../images/design/parallax-background.gif) 0 0 repeat-x;} #parallaxMid { background: url(../images/design/parallax-midground.gif) 0 0 repeat-x; } #parallaxFore { background: url(../images/design/parallax-foreground.gif) 0 0 repeat-x; } #wrapper { margin: 0 auto; width: 830px; background: url(../images/design/wrapper-bg.png) 50% 0 no-repeat; /* ie6.css */ padding: 14px 50px 0 50px; position: relative; /* ie6 */ } #header { background: #FFFFFF url(../images/design/header-bg.gif) 0 0 no-repeat; padding: 15px 0 0 45px; position: relative; } #logo { float: left; width: 400px; height: 34px; background: url(../images/design/logo.gif) 0 0 no-repeat; } #logo a { display: block; width: 400px; height: 34px; text-indent: -9999px; } #thirdPartyLogin { position: absolute; top: -41px; left: 45px; margin: 0; } #thirdPartyLogin li { background: none; display: inline; padding: 0; margin: 0; float: left; margin-right: 5px; } #thirdPartyLogin li a { padding: 0.25em 10px; display: block; color: #A4AAAD; background: #0F1E26; text-decoration: none; font-size: 0.75em; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #thirdPartyLogin li a:hover { text-decoration: underline; } #officeLocatorLink { position: absolute; top: -27px; right: 35px; color: #ffffff; text-transform: uppercase; text-decoration: none; font-weight: bold; background: url(../images/design/double-arrow.gif) 100% 0 no-repeat; padding-right: 15px; } #officeLocatorLink:hover { text-decoration: underline; } #mainMenu { margin: 0; list-style: none; float: right; margin-top: -15px; width: 364px; } #mainMenu li { float: left; padding: 0; background: none; border-left: 1px solid #DBDBDB; margin: 0; width: 90px; min-height: 4.583em; font-size: 1em; } #mainMenu a { display: block; color: #6A7479; font: bold 1em arial, sans-serif; text-transform: lowercase; text-decoration: none; padding: 1.5em 15px; } #mainMenu #about a, #mainMenu #contact a { padding-top: 2.5em; padding-bottom: 1.75em; text-align: center; } #mainMenu a:hover { background: url(../images/design/main-menu-hover.gif) 0 100% repeat-x; } #mainMenu a.active { background: url(../images/design/main-menu-active.gif) 50% 100% no-repeat; } #mainContent { background: #FFFFFF url(../images/design/main-content-bg.gif) 0 0 repeat-x; padding-top: 1.5em; } #mainContentInner { padding-bottom: 1.5em; min-height: 300px; } #localNav { float: left; width: 193px; margin-right: 10px; background: url(../images/design/local-nav-bg.gif) 0 0 repeat-y; } #localNav ul { margin: 0; list-style: none; } #localNav li { border-bottom: 1px solid #FFFFFF; margin: 0; padding: 0; background: none; font-size: 1em; } #localNav li a { color: #6A7479; display: block; font: bold 0.917em arial, sans-serif; text-transform: uppercase; text-decoration: none; padding: 0.5em 30px 0.5em 40px; } #localNav li a:hover, #localNav li a.active { background: #A58C30; color: #FFFFFF; } #localNav li.first-child a { background: url(../images/design/local-nav-li-first-child.gif) 0 0 no-repeat; } #localNav li.first-child a:hover, #localNav li.first-child a.active { background: #a58c30 url(../images/design/local-nav-li-first-hover.gif) 0 0 no-repeat; } #localNav li.last-child a { background: url(../images/design/local-nav-li-last-child.gif) 0 100% no-repeat; padding-bottom: 1em; } #localNav li.last-child a:hover, #localNav li.last-child a.active { background: #a58c30 url(../images/design/local-nav-li-last-hover.gif) 0 100% no-repeat; } #localNav li.lastHasChildren a.active { background-image: none; background: #a58c30; padding-bottom: 0.5em; } /* Second Level */ #localNav li ul { padding-top: 0; border-top: 1px solid #FFFFFF; } #localNav li ul li { border-bottom: 0; } #localNav li ul li.first-child a { background: none; background-color: #F3F4F4; } #localNav li ul li a { background: none !important; background: #F3F4F4 url(../images/design/grey-bullet.gif) 30px 10px no-repeat !important; color: #7E888C; text-tranform: uppercase; font-size: 0.833em; } #localNav li ul li a:hover { background: #F3F4F4 url(../images/design/yellow-bullet.gif) 30px 10px no-repeat !important; color: #A58C30; } #localNav li ul li a.active { font-weight: bold; color: #333333; background: #F3F4F4 url(../images/design/dark-grey-bullet.gif) 30px 10px no-repeat !important; } #localNav li.lastHasChildren ul { background: #F3F4F4 url(../images/design/local-nav-active-last-child.gif) 0 100% no-repeat; padding-bottom: 1em; } #footer { background: url(../images/design/footer-bg.gif) 0 0 no-repeat; margin-bottom: 4em; padding-top: 24px; } #footerInner { background: url(../images/design/footer-inner-bg.png) 50% 0 no-repeat; /* ie6.css */ padding: 0.5em 25px; } #footerInner p { color: #999999; font-size: 0.75em; float: left; margin-right: 20px; margin-bottom: 0.25em; } #footerInner p a { color: #999999; } #footerInner p a:hover { color: #A58C30; } #footerInner p#links { margin-right: 0; float: right; } #footerInner p#plauditCredit { width: 300px; } /* -------------------------------------------------------------- 5. Main Structure Alternative Styles ----------------------------------------------------------- */ body.caseStudies #mainContentInner { background: url(../images/design/main-content-inner-bg.gif) 0 0 repeat-y; } body.benefits #mainContent { padding-top: 0; } body.benefits #mainContentInner { background: url(../images/design/main-content-benefits-bg.gif) 0 0 repeat-y; } body.contact #mainContentInner { padding-bottom: 0; } body.one-column #mainContentInner { background: url(../images/design/spotted-bg.gif) 0 0 repeat-x; padding: 2em 40px; } body.home #mainContentInner { padding-bottom: 0; } body.three-column #mainContentInner { background: url(../images/design/main-content-inner-bg.gif) 0 0 repeat-y; } body.two-column #mainContentInner { background: url(../images/design/main-content-list-bg.gif) 0 0 repeat-y; padding-bottom: 0; } body.two-column #content { width: 581px; background: url(../images/design/content-list-bg.gif) 0 0 no-repeat; } body.one-column #content { background: none; padding: 0; width: auto; } /* -------------------------------------------------------------- 6. Template Styles ----------------------------------------------------------- */ /* Homepage Template ----------------------------------------------------------- */ #animation { float: left; width: 605px; height: 325px; position: relative; top: -18px; left: -16px; margin-bottom: -18px; /* ie6.css */ margin-right: -8px; } #animationInner { height: 325px; } #homeCallouts { float: left; width: 215px; } #homeCallouts p { margin-bottom: 0; } #newsTicker { clear: left; background: #c9cccd url(../images/design/news-ticker-bg.gif) 0 100% repeat-x; border-bottom: 1px solid #C1C1C1; padding: 5px 15px 4px 15px; } #newsTicker h3 { float: left; width: 100px; padding-left: 16px; font: bold 0.917em arial, sans-serf; color: #ffffff; position: relative; margin: 1px 0 0 0; } #newsTicker h3 .rss { position: absolute; display: block; height: 10px; width: 10px; top: 2px; left: 0; text-indent: -9999px; background: url(../images/design/rss-icon.gif) 0 0 no-repeat; } #newsTicker ul { float: left; width: 650px; margin: 0; padding: 0; line-height: 1; } #newsTicker li { background: none; padding: 0; margin: 0; line-height: 1; } #newsTicker li span { color: #575757; font-size: 0.833em; } #newsTicker li p { display: inline; font-size: 0.714em; margin-bottom: 0; } #newsTicker li p a { color: #6A7479; font-family: verdana; display: inline; } #newsTicker li p a:hover { color: #1386BF; } #newsTicker li a.more { font-weight: bold; font-size: 0.833em; color: #184C5C; } #homePageContent { background: url(../images/design/small-grey-gradient.gif) 0 0 repeat-x; padding: 1.5em 10px; } #intro { float: left; width: 534px; padding: 1.5em 15px; margin-right: 10px; background: url(../images/design/home-content-bg.gif) 0 0 no-repeat; } #intro a.learnMore { display: block; text-indent: -9999px; padding: 0; width: 53px; height: 12px; background: url(../images/design/btn-learn-more.gif) 0 0 no-repeat; margin-top: 1em; } #intro a.learnMore:hover { background-position: 0 -12px; } #calendar { float: left; width: 205px; padding: 1.5em 15px; background: url(../images/design/calendar-list-bg.gif) 0 0 no-repeat; } #calendar h4 { color: #6A7479; font: bold 0.917em arial, sans-serif; padding-bottom: 0.5em; text-transform: uppercase; border-bottom: 1px solid #D9D9D9; } #calendar h4 a.btn { float: right; display: block; text-indent: -9999px; padding: 0; width: 35px; height: 12px; background: url(../images/design/btn-see-all.gif) 0 0 no-repeat; } #calendar h4 a.btn:hover { background-position: 0 -12px; } #calendar ul { margin: 0; } #calendar li { background: none; padding: 0; float: left; width: 100%; margin-bottom: .5em; } #calendar li a { float: left; width: 110px; font: normal 0.833em verdana, sans-serif; } .home .separator { display: block; text-align: center; } .home .dates { float: left; width: 65px; margin-right: 10px; font-size: 0.833em; color: #575757; } /* General Template 1/2/3 Column ----------------------------------------------------------- */ #content { float: left; width: 337px; padding: 1.5em 26px 1.5em 20px; background: url(../images/design/content-general-bg.gif) 0 0 no-repeat; overflow: hidden; /* PFD */ } #sideBar { float: left; width: 224px; padding: 1em 10px; background: url(../images/design/sidebar-bg.gif) 0 0 no-repeat; overflow: hidden; /* PFD */ } #sideBar .description { display: none; } .listing { clear: both; background: url(../images/design/small-grey-gradient.gif) 0 0 repeat-x; margin: 0 -26px 0 -19px; padding: 1.5em 20px 0.5em 20px; } .thumbnail { padding-left: 165px; } .thumbnail img { float: left; margin-left: -145px; display: inline; /* IE6 DMB */ border: 1px solid #DBDDDE; } .overlay {display:none; z-index: 10000;} /* -------------------------------------------------------------- 7. Page Specific Styles ----------------------------------------------------------- */ /* Case Studies Page / Testimonial Page ----------------------------------------------------------- */ #caseStudies { padding: 1.5em 0; width: 627px; float: left; background: url(../images/design/content-list-bg.gif) 0 0 no-repeat; } #caseStudiesHeader { background: url(../images/section-headers/case-studies.jpg) 100% 1px no-repeat; margin-top: -1.5em; height: 155px; overflow: hidden; padding: 0 210px 0 20px; } #caseStudiesHeader #breadCrumbs { margin: 1em 0 0.25em 0; } /* SL */ #caseStudiesContent { padding-left: 1px; } #studies { float: left; width: 381px; border-right: 1px solid #EEEFF0; overflow: hidden; /* PFD */ } #studies .listing { margin: 0; padding-left: 115px; padding-right: 25px; } #studies .listing img { border: 0; margin-left: -100px; } #studies h2 { font-size: 1.25em; } #videoTestimonials { float: left; width: 223px; padding: 0.5em 9px 1em 10px; overflow: hidden; /* PFD */ } #videoTestimonials h3 { font-size: 1.25em; } #videoTestimonials p { margin-bottom: 0; } #videoTestimonials p.viewMore { margin-bottom: 1em; } #selectVideoLocation { margin-bottom: 0.5em; } #selectVideoLocation select { margin-right: 10px; font-size: 0.833em; } #selectVideoLocation input.submit { padding: 0; background: none; border: 0; } .testimonialLink {font-size: 1.25em; font-weight: bold; text-align: center; margin-top: 1em;} /* Benefits Page ----------------------------------------------------------- */ #benefitsHeader { background: url(../images/section-headers/benefits.jpg) 0 0 no-repeat; height: 222px; overflow: hidden; } #benefitsHeaderInner { padding: 87px 20px 35px 20px; } #benefitsHeader h1 { color: #FFFFFF; font: bold 3.333em "helvetica neue", helvetica, arial, sans-serif; margin: 0; text-transform: uppercase; } #benefitsHeader p { color: #0F1E26; width: 428px; } #benefitContent { background: url(../images/design/large-grey-gradient.gif) 0 0 repeat-x; padding-top: 20px; } #benefitListing { float: left; width: 491px; margin-right: 19px; } #benefitListing ul { background: url(../images/design/curved-bg.gif) 0 0 no-repeat; margin: 0; padding: 2em 1px 1em 0; } /* ie.css */ #benefitListing li { background: none; padding: 0.75em 20px 0.75em 55px; margin-bottom: 0; background: url(../images/design/small-grey-gradient.gif) 0 0 repeat-x; position: relative; } /* ie.css */ #benefitListing li.first-child { background: none; } #benefitListing h3 { color: #A58C30; font-size: 1.167em; } #benefitListing li span { color: #A4AAAD; font: bold 2.667em helvetica, arial, sans-serif; display: block; position: absolute; top: 0.25em; left: 10px; } #benefitListing li p { margin-bottom: 0; } #benefitVideo { float: left; width: 300px; } /* Office Locator Page ----------------------------------------------------------- */ #officeLocator { background: url(../images/design/spotted-bg.gif) 0 0 repeat-x; padding-top: 1em; } #officeLocator h1 { padding: 0 40px; } #officeMap { background: url(../images/design/map-bg.jpg) 0 0 repeat-x; } #map { display: none; background: url(../images/design/map-lg.gif) 10px 0 no-repeat; height: 365px; position: relative; margin-bottom: 2em; } #map span { cursor: pointer; background: url(../images/design/map-markers.gif) -4px 0 no-repeat; display: block; width: 14px; height: 21px; position: absolute; text-indent: -9999px; } #map span:hover { background-position: -46px 0; } #map span.active, #map span.active:hover { background-position: -25px 0; } /* Locations */ #map span.southDakota { top: 62px; left: 246px; } #map span.kentucky { top: 120px; left: 340px; } /* Main Office */ #map span.mainOffice { background-position: -2px -25px; top: 38px; left: 268px; width: 16px; height: 33px; } #map span.mainOffice:hover { background-position: -53px -25px; } #map span.mainOfficeActive, #map span.mainOfficeActive:hover { background-position: -28px -25px; } #mapContent { background: url(../images/design/small-grey-gradient.gif) 0 0 repeat-x; padding: 1em 20px; margin-right: 1px; } #locationInfo { background: url(../images/design/office-location-bg.jpg) 0 0 repeat-x; padding-top: 1.25em; } #locations { float: left; width: 480px; padding-left: 40px; margin-right: 10px; min-height: 200px; /* ie6.css */ } .location { float: left; width: 480px; margin-bottom: 1em; } .location h2 {font-weight: normal; font-size: 2.182em; } .location p, .location ul { font-size: 1em; margin-bottom: .75em; } .location li { background: none; padding: 0; margin-bottom: 0; } .location .locationInformation {float: left; width: 210px;} .location .contactPerson {float: left; width: 270px; } #locationCallouts { float: left; width: 245px; margin: 0; padding: 3em 0 0 0; } /* Styles with javascript enabled */ .js #map { display: block; } .js #locationInfo .location { display: none; } /* Request Personnel Page ----------------------------------------------------------- */ #contactForm, #paymentForm { background: url(../images/design/spotted-bg.gif) 0 0 repeat-x; padding-top: 1em; border-right: 1px solid #EEEFF0; overflow: hidden; /* PFD */ } #contactForm { float: left; width: 585px; } #paymentForm label { width: 120px; } #paymentForm .fieldArea input, #paymentForm .fieldArea textarea { width: 210px; } #contactForm span.message, #paymentForm span.message { text-align: right; } #contactForm .addressFieldArea textarea, #paymentForm .thoroughfareFieldArea textarea { height: 2.5em; } #contactForm h1, #paymentForm h1 { padding-left: 40px; } #contactForm .requiredInfo, #paymentForm .requiredInfo { float: right; padding-right: 30px; margin-top: 5px; } #contactForm form, #paymentForm form { background: url(../images/design/small-grey-gradient.gif) 0 0 repeat-x; padding: 0 25px; } #contactForm form fieldset, #paymentForm form fieldset { border: 0; float: left; margin: 0; padding: 2.5em 0 1.25em 0;} #contactForm form fieldset#contactInfo, #paymentForm form fieldset#contactInfo { padding-right: 20px; border-right: 1px solid #EEEFF0; width: 260px; } #paymentForm form fieldset#contactInfo { width: 385px; } #contactForm form fieldset#extraInfo, #paymentForm form fieldset#extraInfo { padding-left: 20px; } #contactForm form fieldset#extraInfo { width: 229px; } #contactForm fieldset#extraInfo label { float: left; display: block; width: 70px; text-align: left; font-size: 1em; margin-bottom: 0.5em; margin-right: 0; } #requestPersonnelForm fieldset#extraInfo label { float: left; display: block; width: 226px; text-align: left; font-size: 1em; margin-bottom: 0.5em; margin-right: 0; } #paymentForm .fieldArea { clear: left; } #contactForm fieldset#extraInfo .fieldArea input, #contactForm fieldset#extraInfo select, #contactForm fieldset#extraInfo textarea { width: 150px; } #requestPersonnelForm fieldset#extraInfo .fieldArea input, #requestPersonnelForm fieldset#extraInfo select, #requestPersonnelForm fieldset#extraInfo textarea { width: 226px; } #contactForm fieldset#extraInfo .commentsFieldArea textarea { width: 228px; } #contactForm form .interestsFieldArea select { font-size: 0.917em; } #requestPersonnelForm fieldset#contactInfo .commentsFieldArea label {width: 220px; text-align: left;} #requestPersonnelForm fieldset#contactInfo .commentsFieldArea textarea {width: 250px; height: 77px;} #contactAside { float: left; width: 224px; padding: 1em 10px; background: url(../images/design/sidebar-bg.gif) 0 0 no-repeat; overflow: hidden; /* PFD */ } #contactAside h3 { color: #A58C30; font-weight: bold; font-size: 0.917em; text-transform: uppercase; } #contactAside p { font-size: 1.083em; } /* Contact Form Individual Styles ----------------------------------------------------------- */ #mainAddress { padding: 0 40px 1em 40px; } #mainAddress .phone { float: right; } #mainAddress .phone p { font-size: 1em; margin-bottom: 0; } #mainAddress .adr .street-address { display: block; margin-bottom: 0.25em; } /* newsletter - subscribe & unsubscribe ----------------------------------------------------------- */ #newsletter fieldset, #unsubscribe fieldset {border: none; margin-bottom: 0; } #newsletter label, #unsubscribe label { text-align: left; } #unsubscribe fieldset { width: 256px; } /* online applicaiton ----------------------------------------------------------- */ #findOpportunity fieldset {border: none; margin-bottom: 0; } #findOpportunity label {width: 165px; } #findOpportunity .message { text-align: left; } /* blog / news ----------------------------------------------------------- */ #blog h3, #news h3, #events h3 {width: 500px; } .author {font-style: italic;} /*blog*/ #comments { } #comments h3 span { font-size: 0.556em; padding: 4px; color: #000; font-family: verdana; } #comments .comment { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed #dddddd; } #comments .comment h4 { font-size: 1em; } #comments .comment h4 span { font-size: 1.25em; color: #000; padding-right: 5px; } #comments .lastComment { margin-bottom: 2em; padding-bottom: 0; border-bottom: none; } #postCommentContainer { border: 1px solid #dddddd; background: #fcfcfc; padding: 1em 10px; } #postCommentContainer #errors { margin: 0 0 1em 0; } #postCommentContainer label { text-align: left; } #postCommentContainer span.message { text-align: left; } /* privacy policy ----------------------------------------------------------- */ #privacy-policy ol li ul li {list-style-type: lower-alpha; background: none; padding-left: 0; font-size: 1.167em; line-height: 1.25em;} #privacy-policy ol li {font-size: 1.167em;}