/*O Hanlon Tax Palette #003466 dark blue #4d7195 blue #325c84 alt blue (home footer) #ccd6e0 palest blue #9a0000 red Defaults ================================================================*/ *, dl, dd, dt { margin: 0; padding: 0; } img { border: 0; } a, a:visited { color: #9a0000; text-decoration: none; } a:hover { text-decoration: underline; } ul, ul li { list-style: none; } address { font-style: normal; } .clear { clear: both; height: 0; line-height: 0; } html { min-height:100%; margin-bottom:1px; } body { margin: 0; font: 69% verdana,arial,sans-serif; color: #333; background: #003466 url(../images/template/bg-page.gif) 0 91px repeat-x; text-align: center; } /* Headings,text ================================================================*/ #content p, #content ul { margin: 0 0 1.5em; } #content li { margin-bottom: 1em; } #content a { text-decoration: underline; } #content a:hover { text-decoration: none; } #main, #pageHome .column { font-size: 1.1em; line-height: 1.45em; } h1 { margin-bottom: 1.1em; font-weight: normal; font-size: 1.2em; color: #003466; } h2 { font-weight: bold; font-size: 1em; } /* Structure ================================================================*/ #wrapper { width: 704px; margin: 0 auto; text-align: left; } #branding { height: 275px; background: #4d7195 url(../images/template/services_banner.jpg) bottom left no-repeat; color: #fff; font-family: Arial, Helvetica, sans-serif; } #nav { margin-left: 2px; } #nav li.primary { float: left; display: inline; margin-right: 12px; } li.primary a { display: block; padding: 4px 8px 0; text-transform: uppercase; font-weight: bold; border-top: 5px solid #4d7195; } li.primary a, li.primary a:visited { color: #fff; } @media screen and (min-width: 704px) { #branding a.primary:hover, #nav li:hover a.primary, #nav li.sfhover a.primary:visited, .sectionHome #branding li#navHome a.primary, .sectionHome #branding li#navHome a.primary:visited, .sectionServices #branding li#navServices a.primary, .sectionServices #branding li#navServices a.primary:visited, .sectionTax #branding li#navTax a.primary, .sectionTax #branding li#navTax a.primary:visited, .sectionNews #branding li#navNews a.primary, .sectionNews #branding li#navNews a.primary:visited, .sectionTools #branding li#navTools a.primary, .sectionTools #branding li#navTools a.primary:visited, .sectionContact #branding li#navContact a.primary, .sectionContact #branding li#navContact a.primary:visited { text-decoration: none; border-top: 5px solid #003466; } /*dropdowns*/ #nav ul { z-index: 30; position: absolute; left: -999em; width: auto; padding: 2px 0 5px; border-top: 5px solid #4D7195; background-color: #a8b8c8; } #nav li li a, #nav li li a:visited { padding: 0 10px 0 18px; border: 0; background: url(../images/template/bullet-arrow.gif) 8px 9px no-repeat; line-height: 20px; font-size: .95em; color: #003466; } #nav ul a:hover { color: #fff !important; text-decoration: none; border: 0; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } /*ie6*/ #nav li li { display: inline; } /*dropdowns end*/ #footer address, .mobile { display: none; } } #logo { float: right; margin: 20px 35px 0 0; } .sectionHome #branding { background-image: url(../images/template/home_banner.jpg); } .sectionNews #branding { background-image: url(../images/template/news_banner.jpg); } .sectionContact #branding { background-image: url(../images/template/contact_banner.jpg); } .sectionTools #branding { background-image: url(../images/template/tax_tools_banner.jpg); } #pageAudits #branding { background-image: url(../images/template/audit_banner.jpg); } #pageGains #branding { background-image: url(../images/template/gains_banner.jpg); } #pageIncome #branding { background-image: url(../images/template/income_banner.jpg); } #pageGift #branding { background-image: url(../images/template/gift_banner.jpg); } #main, #sidebar, #content { float: left; display: inline; } #main { width: 704px; background-color: #fff; min-height: 300px; height: auto; } * html #main { height: 300px; } #sidebar { width: 140px; margin: 16px 26px 20px 20px; } #content { width: 417px; margin: 16px 0 20px 0; } #sidebar { color: #003466; } #sidebar li { margin-bottom: 0.5em; } #sidebar a, #sidebar a:visited { color: #003466; } #sidebar a:hover, #pageLinks #sidebar #navLinks a, #pageLinks #sidebar #navLinks a:visited, #pageTerms #sidebar #navTerms a, #pageTerms #sidebar #navTerms a:visited, #pageIncome #sidebar #navIncome a, #pageIncome #sidebar #navIncome a:visited, #pageGift #sidebar #navGift a, #pageGift #sidebar #navGift a:visited, #pageGains #sidebar #navGains a, #pageGains #sidebar #navGains a:visited, #pageAudits #sidebar #navAudits a, #pageAudits #sidebar #navAudits a:visited, #pageNews #sidebar #navNews a, #pageNews #sidebar #navNews a:visited, #pageArchive #sidebar #navArchive a, #pageArchive #sidebar #navArchive a:visited, #pageTools #sidebar #navTools a, #pageTools #sidebar #navTools a:visited, #pageTemplates #sidebar #navTemplates a, #pageTemplates #sidebar #navTemplates a:visited{ text-decoration: none; color: #9a0000; } #sidebar h2 { font-weight: normal; } #footer { clear: left; float: left; display: inline; width: 694px; padding: 13px 5px; font-family: Arial, Helvetica, sans-serif; } * html #footer { width: 704px; w\idth: 694px; } #footer, #footer a, #footer a:visited { color: #ccd6e0; } #footer li { float: left; display: inline; padding-right: 10px; margin-right: 10px; border-right: 1px solid #fff; } #footer li.last { border-right: 0; padding-right: 0; margin-right: 0; } /* Special cases ================================================================*/ /*download lists*/ .typeList #content ul, #content div.list { padding-top: 1.5em; } .typeList #content ul li, #content div.list p { margin-bottom: 1.8em; padding-left: 45px; min-height: 51px; height: auto; background: url(../images/template/download_icon.gif) top left no-repeat; } * html .typeList #content ul li, * html div.list p { height: 51px; } .typeList li em, div.list p em { font-style: normal; color: #666; } h2 a, h2 a:visited, div.list p strong a, div.list p strong a:visited { color: #333; } #content h2 a, #content div.list p strong a { text-decoration: none; } #content h2 a:hover, div.list p strong a:hover { color: #9a0000; } /*services quicklinks list*/ #content ul.services li {margin-bottom: 0.4em;} /*pages without sidebars*/ .typeWide #sidebar { display: none; } .typeWide #content { margin-left: 15px; margin-top: 23px; width: 673px; } /*contact page*/ #contacts { float: left; display: inline; width: 282px; height: 318px; padding: 16px 11px; margin-right: 19px; background-color: #9a0000; color: #fff; } * html #contacts { width: 304px; w\idth: 282px; height: 350px; he\ight: 318px; } #contacts h1 { margin-bottom: 2em; color: #fff; } #content #contacts a, #content #contacts a:visited { color: #fff; font-weight: bold; text-decoration: none; } #content #contacts a:hover { text-decoration: underline; } #content #contacts a.minor, #content #contacts a.minor:visited { font-weight: normal; text-decoration: underline; } #map { float: left; display: inline; width: 350px; } iframe { margin-bottom: 0.5em; } /*home page*/ #pageHome #footer { position: relative; width: 704px; height: 75px; padding: 0; background-color: #325c84; line-height: 1.4em; } #pageHome #footer ul { position: absolute; top: 16px; left: 159px; } #pageHome #footer li { float: none; display: block; border: 0; padding: 0; margin: 0; } #pageHome #footer a.prominent { text-decoration: underline; } #accreditation { position: absolute; top: 16px; left: 16px; } #pageHome #footer a#credit { position: absolute; top: 46px; right: 27px; color: #749ec6; text-transform: lowercase; } #pageHome #content { margin-top: 16px; margin-left: 20px; margin-right: 40px; width: 654px; } .column { float: left; display: inline; width: 293px; font-family: Arial, Helvetica, sans-serif; } #column1 { margin-right: 57px; } #news { clear: left; padding-top: 0.8em; border-top: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; } #news h1 { margin-bottom: 0.5em; font-weight: bold; } #news li { float: left; display: inline; width: 197px; margin-right: 20px; color: #003466; } #content #news li { margin-bottom: 0.3em; } #news li.first { width: 214px; } #news li.last { width: 200px; margin-right: 0; } #news li img { float: left; margin-right: 6px; } #news li h2 { margin-top: 2px; } #pageHome #news a, #pageHome #news a:visited, #pageHome #news h2 a, #pageHome #news h2 a:visited { color: #003466; text-decoration: none; } #pageHome #news a:hover, #pageHome #news h2 a:hover { color: #9a0000; } /*mobile and portrait tablet styles*/ @media screen and (max-width: 703px) { body { font-size: 1em; background-image: none; } #wrapper, #main { width: 100% !important; } #sidebar, #content, .column, #contacts, #map, #footer { width: auto !important; } #branding { font-size: 0.875em; /*14/16*/ } #main, #pageHome .column { font-size: 0.9375em; /*15/16*/ } #footer { font-size: 0.8125em; /*13/16*/ } #pageHome #footer { line-height: 1.5385em; /*20*/ } #content, #footer address { line-height: 1.3333em; /*20*/ } #credit { font-size: 0.8462em; /*11/16*/ } #footer address { font-size: 1.1538em; /*15/16*/ } .column, #footer { font-family: verdana,arial,sans-serif; } #branding { position: relative; height: auto; padding-bottom: 193px; } #logo { position: absolute; float: none; margin: 0; top: 1.125em; right: 1.125em; /*18/16*/ } #nav { margin: 0; } #nav ul { display: none; } #sidebar, #content, #nav li.primary, #footer li { display: block; float: none; margin: 0; } #nav li.primary a { display: inline-block; border: 0; padding: 0.5714em 1.7143em; /*8 24*/ } #nav li#navHome a { padding-top: 1.8571em; } li.primary a:hover, .sectionHome #branding li#navHome a,.sectionServices #branding li#navServices a, .sectionTax #branding li#navTax a, .sectionNews #branding li#navNews a, .sectionTools #branding li#navTools a, .sectionContact #branding li#navContact a { color: #003466; text-decoration: none; } #main { padding: 0.666em 0; /*10*/ } #sidebar { margin-bottom: 0.666em; /*10*/ } #sidebar li { margin: 0; } #sidebar a { display: inline-block; padding: 0.3333em 3em 0.3333em 1.6em; /*8 45 8 24*/ } #content, .typeWide #content { margin-left: 1.6em; /*24*/ border-top: 0.5333em solid #809ab3; /*8*/ padding: 0.8em 2em 0 0; /*12 30*/ } #pageHome #content { margin: 0 0 0 1.6em; border: 0; padding: 0; } .sectionMisc #content { border: 0; } #pageContact #content { padding: 0; border: 0; } #column1, #column2 { margin: 0; padding-right: 2em; } #column2 { border-bottom: 0.5333em solid #809ab3; } #footer address { margin: 0 0 1.2em 1.6em; /*15 24*/ } #footer address a { font-weight: bold; } #footer li { border: 0; } #footer li a { display: inline-block; padding: 0.3846em 3em 0.3846em 1.84615em; /*5 39 5 24*/ } #pageHome #footer { padding: 1em 1em 1em 1.84615em; /*13 13 13 24*/ height: auto; background-color: transparent; } #accreditation { display: none; } #pageHome #footer ul, #pageHome #footer a#credit { position: static; top: auto; left: auto; } #pageHome #footer p , #pageHome #footer ul { margin-bottom: 1.5385em; /*20*/ } #pageHome #footer li a { display: inline; padding: 0; } #pageHome #footer a.prominent { text-decoration: none; } #footer a:hover { text-decoration: none; font-weight: bold; } #pageHome #footer a#credit { clear: both; } #contacts, #map { display: block; float: none; } #contacts { height: auto; padding: 0; background: none; color: #333; } #contacts h1 { margin-bottom: 1em; color: #003466; } #content #contacts a, #content #contacts a:visited { color: #9a0000; } #news li { display: block; float: none; width: auto !important; } #news li img { display: none; } } @media screen and (max-width: 320px) { #map iframe { max-width: 270px; overflow: hidden; } } @media screen and (max-width: 352px) { #branding { padding-bottom: 101px; background-image: url(../images/mobile/services_banner.jpg); } .sectionHome #branding { background-image: url(../images/mobile/home_banner.jpg); } .sectionNews #branding { background-image: url(../images/mobile/news_banner.jpg); } .sectionContact #branding { background-image: url(../images/mobile/contact_banner.jpg); } .sectionTools #branding { background-image: url(../images/mobile/tax_tools_banner.jpg); } #pageAudits #branding { background-image: url(../images/mobile/audit_banner.jpg); } #pageGains #branding { background-image: url(../images/mobile/gains_banner.jpg); } #pageIncome #branding { background-image: url(../images/mobile/income_banner.jpg); } #pageGift #branding { background-image: url(../images/mobile/gift_banner.jpg); } }