/*------- Designed by: Blohm Creative Partners http://blohmcreative.com Author: Dustin Walker dustin@blohmcreative.com Client: DelhiDDA Version: 1.6 Last Revision: 6/2011 RESET FRAMEWORK ------------------------*/ 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, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent } 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, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent } :focus { outline: 0 } body { line-height: 1; background-repeat: no-repeat; background-position: left top } ol, ul { list-style: none } .clr, .clear { clear: both; width: 100% } /*TYPO ------------------------*/ body { font: 11px/15px "Lucida Grande", Verdana, Arial, Sans-Serif } a { color: #e3761b; text-decoration: none } a:hover { color: #000; background-color: inherit } h1, h2, h3, h4 { font-weight: normal } strong { color: #000 } /*LAYOUT ------------------------*/ a.grayBackBtn { float: left; display: block; margin: 10px; background: url(../_imgs/back-gray-btn.jpg) no-repeat right -59px; color: #fff } a.grayBackBtn span { display: block; background: url(../_imgs/back-gray-btn.jpg) no-repeat left 1px; padding: 6px 3px 15px 35px; margin-right: 16px } body { background: #37383a url(../_imgs/dda-seal-bg.gif) no-repeat center top } .center { clear: both; width: 948px; margin: 0 auto } #mastHead { width: 100%; padding: 25px 0 25px 0 } #mastHeadBar { height: 96px; background: #f3f3f3 url(../_imgs/topbar-right.gif) no-repeat right top } #mastHeadBar { position: relative } #siteID { position: absolute; top: 0px; left: 0px } #mastHeadBar #siteID a { padding: 10px 0 0 10px } #site-utilites { padding-top: 11px; float: right } #mastHeadFunctions { float: right; clear: both; padding: 10px 16px 0 0; width: 180px } #mainNav, #footer { position: relative; float: left; background: url(../_imgs/mainNavBg-left.gif) no-repeat left bottom } #mainNav .inner, #footer .inner { position: relative; background: url(../_imgs/mainNavBg-right.gif) no-repeat right bottom } #mastHead #mainNav a { padding: 8px; line-height: 1; color: #333636 } #mastHead #mainNav .active { background: url(../_imgs/leftNavActive.gif) no-repeat left center } #mastHead #mainNav .active a { color: #fff; background: url(../_imgs/rightNavActive.gif) no-repeat right center } #mastHead #mainNav a:hover { color: #000 } #mastHead #mastHead a:hover { color: #000; background-color: inherit } #mastHead ul { margin: 0 10px } #mastHead li { float: left } #mastHead a { padding: 6px; display: block } #bodyAreaWrap { margin: 15px 0 0; background: url(../_imgs/left-fauxcolumn.gif) no-repeat } #bodyAreaWrap .fauxColMaker { padding: 10px 0 0; background: url(../_imgs/right-fauxcolumn.gif) no-repeat right top } #bodyArea { padding: 0 0 3em 0; background: #fff url(../_imgs/bodyNewsColumn.jpg) no-repeat right top } /*left nav structure*/ #innerLeftCol h1 { color: #e3761b; font-size: 17px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #bbb } #innerLeftCol h2 { color: #3a3a3a; font-size: 17px; padding: 0 0 10px 0; margin: 0; border-bottom: 1px solid #eaeaea } #innerLeftCol ul { width: 85% } #innerLeftCol ul a { display: block; padding: 5px 0 5px 5px; color: #666; border-bottom: 1px solid #ebebeb } #innerLeftCol ul a.external, #innerLeftCol ul a.external:hover { background: url(../_imgs/dda-external-icon.png) no-repeat right 12px;} #innerLeftCol ul a:hover { color: #000; background-color: #ededed } /*buttons-left*/ a#our-town-download, a.gray-button { background: url(../_imgs/left-downloadLinks.gif) no-repeat left top; color: #2c2d2d } a#our-town-download span, a.gray-button span { color: #8e8e8e } a#our-town-download { font-size: 15px; position: relative; height: 55px; width: 137px; margin-top: 1.5em; padding-top: 35px; padding-left: 75px; display: block; background-position: 0 20px; color: #e0bd60 } a#our-town-download span { font-size: 11px; margin-top: 3px; display: block } a#our-town-download:hover { background-position: 0 -122px } a#our-town-download img { position: absolute; top: 3px; left: -10px } a#ourTownLink { padding-top: 10px; display: block; text-align: right } a.gray-button { font-size: 15px; margin-top: 2em; clear: both; display: block; padding: 8px 13px } a.gray-button:hover { background-position: 0 -142px } a.gray-button span { display: block; margin-top: 3px; font-size: 11px } /*primary structure*/ #bodyArea .padme { padding: 16px 10px 10px } #leftWrapCol { width: 80%; float: left } #leftWrapCol #innerLeftCol { width: 233px; float: left } #leftWrapCol #innerRightCol { width: 510px; float: right } #leftWrapCol #innerRightCol ul, #leftWrapCol #innerRightCol ul ul { padding: 0 } #leftWrapCol #innerRightCol ul ul { margin-top: 5px } #rightWrapCol { width: 19%; float: right } #innerRightCol h3 { font-size: 12px; color: #f8831c; text-transform: uppercase; margin: 0 0 10px 0 } #innerRightCol h3 a { font-size: 11px; color: #666; padding: 0 10px 0 0; font-weight: normal; text-transform: lowercase; background: url(../_imgs/h3-a-arrow.gif) no-repeat right center } #innerRightCol h3 a:hover { color: #000; background-color: inherit } #innerRightCol h3 span { background: #fff; padding: 0 5px 0 0 } #innerRightCol h3 .rss a { background: url(../_imgs/sm-rss.gif) no-repeat right center; padding-right: 13px } /*all articles*/ #featuredArticle, #news-headlines, #special-features { margin-bottom: 3em } #news-headlines h2, #special-features h2 { font-size: 16px; line-height: 18px; margin-bottom: 5px } #news-headlines p, #special-features p { color: #8d8d8d } /*featured article*/ #featuredArticle h2 { margin: 0 0 20px 0; color: #444; font-size: 32px; line-height: 36px; font-weight: normal; letter-spacing: -1px } #featuredArticle a { color: #444 } #featuredArticle a:hover { color: #e3761b; background: url(../_imgs/dotted-underline.gif) repeat-x left 34px } #featuredArticle p { font-size: 13px; line-height: 18px; color: #111; margin-bottom: 1.4em } .read-more { white-space: nowrap } /*news-headlines*/ #bodyArea #innerRightCol #news-headlines ul, #bodyArea #innerRightCol #special-features ul { padding: 0 } #news-headlines li { float: left; width: 47%; padding-right: 3% } #news-headlines li .inner { width: 53%; float: right } #news-headlines li img { float: left } /*special features*/ #special-features li { float: left; width: 47%; padding-right: 3% } /*right news column*/ a#bizBuzz { color: #fff; display: block; width: 144px; height: 27px; background: url(../_imgs/bizbuzz-button.gif) 0 0; text-align: right; padding: 80px 10px 0 0; vertical-align: bottom; background-color: inherit; margin-top: 1em } a#bizBuzz:hover { background-position: 0 -141px } a#crrp { margin-top: 1em; color: #fff; display: block; width: 144px; height: 27px; background: url(../_imgs/crrp-button.gif) 0 0; text-align: right; padding: 80px 10px 0 0; vertical-align: bottom; background-color: inherit } a#crrp:hover { background-position: 0 -141px } a#expo { color: #fff; display: block; width: 144px; height: 27px; background: url(../_imgs/expo-button.gif) 0 0; padding: 80px 10px 0 0; vertical-align: bottom; background-color: inherit; margin-top: 1em;text-indent: -1000em } a#expo:hover { background-position: 0 -154px} #rightWrapCol ul a { display: block; padding: 5px 0 5px 5px; color: #666; border-bottom: 1px solid #ebebeb } #rightWrapCol ul a:hover { color: #000; background-color: #ededed } #rightWrapCol ul a:hover span { color: #444 } #rightWrapCol ul a span { color: #f68220 } #rightWrapCol h4 { padding: 22px 0 8px; font-size: 16px; color: #f68220; border-bottom: none } #rightWrapCol h4.incentives { padding: 2px 0 8px; border-bottom: 1px solid #9a9a9a } #footer .inner { padding: 6px } /*--------Inside pages -------*/ .edited-on { color: #ccc; padding-top: 5px } #innerRightCol h3.sub-head { font-size: 18px; line-height: 22px; color: #000; background: none; text-transform: none; background-color: inherit } .updated { color: #ccc; margin-bottom: 10px } #innerRightCol.inside h2 { color: #e3761b; font-size: 17px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #bbb } #innerRightCol.inside p.intro-text { width: 100%; color: #000003; font-size: 32px; line-height: 35px; margin-bottom: 20px } #innerRightCol.inside p { color: #000; font-size: 13px; line-height: 19px; color: #444; padding-right: 20%; margin-bottom: 2em } #innerLeftCol.inside .padme { padding-left: 20px } #innerLeftCol.inside ul { font-size: 13px } #innerLeftCol.inside ul a { padding: 10px 23px 10px 0px } #innerLeftCol.inside ul a:hover { background: url(../_imgs/nav-arrow.gif) no-repeat right -208px } #innerLeftCol.inside ul .active a { color: #000; background: url(../_imgs/nav-arrow.gif) no-repeat right 13px; background-color: inherit } #innerLeftCol.inside ul .parentActive a { color: #000; background: url(../_imgs/parent-active-arrow.gif) no-repeat right 8px; background-color: inherit } #innerLeftCol.inside ul ul { padding: 1em 0; width: 100%; border-bottom: 2px solid #9b9b9b } #leftWrapCol #innerLeftCol.inside ul ul a { font-size: 12px; padding: 3px 3px 3px 2em; border: none; background: url(../_imgs/thirdlevel-arrow.gif) no-repeat 6px -75px; color: #111 } #leftWrapCol #innerLeftCol.inside ul ul a:hover { color: #f68220 } #leftWrapCol #innerLeftCol.inside ul ul li.active a { background-position: 6px 7px; font-weight: bold } #innerLeftCol.inside ul ul a:hover { background-color: #fff } #bodyArea .Left, #bodyArea .Right { margin-top: 6px; width: 180px; display: inline } #bodyArea .Left p, #bodyArea .Right p { width: 180px; font-size: 10px; font-style: italic; line-height: 14px; color: #ababab; margin: 0 } #bodyArea .Right p { text-align: right } #bodyArea .Left { float: left; padding: 0 10px 0px 0 } #bodyArea .Right { float: right; padding: 0 0 0px 10px } #bodyArea .full p { margin-bottom: 0 } /*listed business and success stories*/ #recently-added { padding: 15px 20px 0px 20px; background-color: #f4f4f4; border: solid 1px #ccc; margin-bottom: 30px } #recently-added .listed-business { border-bottom: none !important; background: none } #recently-added a span { color: #f4f4f4; background-color: inherit } #recently-added a:hover span { color: #b3b3b3; background-color: inherit } h2.listed-business-htag { float: left !important; width: 300px } .listed-business, .storyListing { color: #979797; margin-top: 10px; padding-bottom: 25px; background-color: inherit; background: url(../_imgs/lightGray-rule.gif) repeat-x left bottom } .listed-name { color: #000; font-size: 16px; margin-bottom: 10px } .listed-other, .listed-email, .listed-phone, .listed-fax, .listed-web, .address-box { margin-top: 10px; clear: both } .street-address, .locality, .r egion, .postal-code, .country-name, .listed-other, .number { color: #000; background-color: inherit } .listed-name a, .storyListing h2 a { color: #000; background-color: inherit } a.success-story-link { display: block; padding: 3px 10px 3px 115px; margin-top: 5px } a.googleMap { display: block } #innerRightCol .storyListing h2 { border: none; margin-bottom: 0em } .listed-name a span { font-size: 12px; line-height: 20px; padding-left: 25px; padding-top: 3px; padding-bottom: 4px; color: #fff; background-color: inherit } .listed-name a:hover span { color: #ccc; background-color: inherit; background: url(../_imgs/nav-arrow.gif) no-repeat left -216px } .storyListing { margin: 2em 0 0 0 } #innerRightCol .storyListing p { margin-bottom: 1em } .title { float: left; display: block; width: 115px } .adr { margin-left: 115px } .add-biz { font-size: 12px; float: right; color: #fff; background-color: inherit; display: block; padding: 4px 10px; width: 130px; background: url(../_imgs/add-buz-button.gif) no-repeat } .add-biz:hover { background-position: left -71px; color: #fff; background-color: inherit } legend { color: #666; background-color: inherit; padding-bottom: 10px } #fdmForm p { margin-bottom: 10px !important } /*news listing*/ #news-listing h4 { font-size: 16px; margin-bottom: 10px } #news-listing h4 a { color: #000; background-color: inherit } #news-listing li { color: #979797; margin-top: 20px; padding-bottom: 5px; background-color: inherit; background: url(../_imgs/lightGray-rule.gif) repeat-x left bottom } #news-listing p { color: #666 !important; margin-bottom: 10px !important } .date { margin-bottom: 7px; color: #ccc; background-color: inherit } /*body and wysiwyg headings*/ #bodyArea h3.body-heading { color: #444; background-color: inherit; background: none; text-transform: none; font-size: 32px; line-height: 30px } #bodyArea h4.body-heading { font-size: 18px; line-height: 22px; color: #000; background-color: inherit; background: none; text-transform: none } #bodyArea h4.body-heading span { color: #666; display: inline; font-size: .6em; padding-left: .5em } #bodyArea h4.body-heading-orange { font-size: 18px; line-height: 22px; color: #e3761b; background: none; background-color: inherit; text-transform: none } /*events box*/ .event-info { display: none } .event-info h2 { color: #000; background-color: inherit; font-size: 25px } .upcoming-events span { display: block; font-size: 12px; margin-top: 5px } .upcoming-events a { color: #111 !important } .startDate { margin-top: 10px; font-size: 14px; color: #ccc; background-color: inherit } .startTime { margin-top: 5px; font-size: 14px; color: #ccc; background-color: inherit } .location { margin-top: 5px; font-size: 14px; color: #ccc; background-color: inherit } .location span, .startDate span, .startTime span { color: #666; background-color: inherit } .info { padding: 5px 0; color: #000; background-color: inherit; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9 } .info span { color: #666; background-color: inherit; display: block } #facebox .b { background: url(../_imgs/dia/b.png) } #facebox .tl { background: url(../_imgs/dia/tl.png) } #facebox .tr { background: url(../_imgs/dia/tr.png) } #facebox .bl { background: url(../_imgs/dia/bl.png) } #facebox .br { background: url(../_imgs/dia/br.png) } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left } #facebox .popup { position: relative } #facebox table { border-collapse: collapse } #facebox td { border-bottom: 0; padding: 0 } #facebox h2 { line-height: 1.1 } #facebox .close { text-indent: -1000% !important; display: block; background: url(../_imgs/closelabel.gif) no-repeat right; height: 22px; text-align: left } #facebox .body { padding: 20px; background: #fff; width: 370px } #facebox .loading { text-align: center } #facebox .image { text-align: center } #facebox img { border: 0; margin: 0 } #facebox .footer { padding-top: 5px; margin-top: 10px; text-align: right } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0 } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100% } .facebox_hide { z-index: -100 } .facebox_overlayBG { background-color: #000; z-index: 99 } #facebox .event-info, .content { display: block } h4.body-heading { margin-top: 1em } /*search box*/ input#ajaxSearch_input { color: #ccc; background-color: #fff; border: solid 1px #ccc; padding: 3px; vertical-align: top } input#ajaxSearch_input:focus { color: #000; border-color: #666 } input.searchi-icon { padding: 4px 0 } /*mintues listing*/ #minutes li a { display: block; width: 9.5em; text-transform: uppercase; padding: 2px 25px 2px 5px } #minutes li a:hover { background-color: #eee } .postedDate { display: none } .pdf-download { background: url(../_imgs/pdf.png) no-repeat right 0 } /*listed bussiness nav*/ div.ln-letters { margin-bottom: 2em } .listNav { margin: 0 0 10px } .ln-letters { overflow: hidden } .ln-letters a { font-size: 0.9em; display: block; float: left; padding: 2px 4px; border: 1px solid silver; border-right: none; text-decoration: none } .ln-letters a.ln-last { border-right: 1px solid silver } .ln-letters a:hover, .ln-letters a.ln-selected { background-color: #eaeaea } .ln-letters a.ln-disabled { color: #ccc } .ln-letter-count { text-align: center; font-size: 0.8em; line-height: 1; margin-bottom: 3px; color: #000 } /*anchor tag pages*/ #anchor-wrap h3 { color: #000; background: none; font-weight: bold; margin: 2em 0 0 } p.subNav a { display: block; padding: 3px 0; text-transform: lowercase } ol { font-size: 1.2em; list-style-type: decimal; padding-left: 2em; margin: 1em 0 2em 0 } ol li { margin-bottom: .5em } a.top { display: block; text-align: right } #bodyArea ul li { font-size: 12px; line-height: 1.3; margin-bottom: 5px } #bodyArea #innerRightCol ul { padding-left: 1.5em } #bodyArea #innerRightCol #bizBuzzMastHead ul { padding-left: 0 } /*incentives adjustments*/ #incentives #leftWrapCol { width: 100% } #incentives #innerRightCol { width: 695px } #incentives #bodyArea { background-image: none } #incentives #bizBuzzMastHead h3 { background-image: none } /*twitter addon*/ #bodyArea #rightWrapCol .twitterSection a { padding: 3px } .twitterSection strong a { display: none } #bodyArea #rightWrapCol .twitterSection .tweet a { font-size: 12px; margin-bottom: 10px; display: block; color: #373737 } #bodyArea #rightWrapCol .twitterSection .tweet a:hover { color: #eb7b1d } #bodyArea #rightWrapCol .twitterSection .tweet .tweetdate { color: #a3a3a3; font-size: .9em; padding-left: 0; display: block } #bodyArea ul#news-listing { padding: 0 } #footer ul { margin-left: 10px } #footer ul li { float: left; margin: 0 } #footer ul li a { float: left; display: block; padding: 0px; margin-right: 10px; color: #111 } /*added social icons*/ #bodyArea #rightWrapCol .twitterSection .followUs, #bodyArea #rightWrapCol #facebookLink { background: url(../_imgs/social-icons.gif) no-repeat left -118px; display: block; padding: 3px 3px 3px 25px; color: #cb6b1a; font-size: 11px } #bodyArea #rightWrapCol .twitterSection .followUs { margin-top: 1em; margin-bottom: .3em } #bodyArea #rightWrapCol .twitterSection .followUs:hover, #bodyArea #rightWrapCol #facebookLink:hover { color: #000 } #bodyArea #rightWrapCol #facebookLink { background-position: left 2px } /*homepage slide show*/ #slideshow { position: relative; height: 168px } #slideshow IMG { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0 } #slideshow img.active { z-index: 10; opacity: 1.0 } #slideshow img.last-active { z-index: 9 } /*pagination styles*/ .pages span, .pages a.page { padding: 1px 3px; border: 1px solid #e8e8e8; margin-left: -1px } /*RSS Buttons*/ ul#RSS-Links { margin-top: 15px } ul#RSS-Links a, a.rss-links { background: url(../_imgs/rss.gif) no-repeat left; display: block; padding-left: 21px; padding-top: 2px; width: 250px } ul#RSS-Links { margin-left: -15px } ul#RSS-Links #all-three-rss a { font-weight: bold; margin-top: 10px; font-size: 14px; color: #ea7919; padding-top: 10px; border-top: 1px solid #eaeaea; background-position: left 12px } ul#RSS-Links #all-three-rss a:hover { color: #000 } #home #innerRightCol h3 { background-image: url(../_imgs/hr-bgs.gif) } #ddaVideo { margin: 20px 0 10px 0;}