BODY, H1, H2, H3, H4, H5, H6, P, STRONG, IMG, UL, OL, LI, FORM, TABLE, THEAD, TBODY, TFOOT, TR, TH, TD, FORM, FIELDSET, INPUT, LEGEND, TEXTAREA { margin: 0; padding: 0; border: 0; font-weight: normal; background-position: top left; } BODY { font: normal 70% tahoma, verdana, times new roman; color: #000; background: #A1C971; } INPUT, TEXTAREA { font: normal 100% tahoma, verdana, sans-serif; color: #fff; background: #000; padding: 5px 8px; display: block; background: url(/templates/graphics/filter-input.png) top left no-repeat; width: 152px; height: 14px; } TEXTAREA { background: #000 url(/templates/graphics/textarea.png) no-repeat; width: 330px; height: 95px; margin-bottom: 5px; } #document INPUT[type="hidden"] { display: none; } UL, OL { list-style: none; } A { color: #000; font-weight: bold; } A IMG { border: 0; } H1 { font-size: 160%; font-family: helvetica, tahoma, times new roman; margin-bottom: 5px; display: block; } H1 SPAN { display: none; } H3 { font-weight: normal; font-size: 130%; padding: 10px; } STRONG { font-weight: bold; } SELECT { background: #000; display: block; padding: 4px; color: #fff; width: 100%; font-size: 100%; margin-bottom: 10px; } #document { width: 100%; background: #fff; } #header { width: 900px; height: 190px; margin: 0 auto 10px auto; padding-top: 30px; background: url(/templates/graphics/header-bg3.jpg) no-repeat; } #header .divider { background: url(/templates/graphics/header-dividers.gif) no-repeat; width: 840px; height: 65px; margin-left: 30px; } #header #logo { float: left; display: block; margin: 14px 0 0 10px; background: none; } #tagline { float: right; margin-top: 18px; margin-right: 10px; } #header UL { margin: 0 0 0 40px; clear: both; } #header LI { display: block; float: left; margin-right: 10px; } #header A { text-decoration: none; font-size: 110%; display: block; padding: 4px 6px; } #header A:hover { color: #fff; background: #231F20; } #content { width: 900px; margin: 0 auto; padding-bottom: 82px; clear: both; } #content #tabs { list-style: none; margin: 0; position: relative; top: 1px; z-index: 10; } #content #tabs LI { display: block; width: 220px; height: 35px; margin: 0 10px 0 0; background: url(/templates/graphics/tab.png); float: left; } #content #tabs LI.active { background: url(/templates/graphics/tab-active.png); } #content #tabs LI A { display: block; text-decoration: none; font-size: 110%; padding: 8px 12px; } #content #tabs LI A:hover { color: #666; } #content #tabs LI.active A { color: #000; } #content #tabs LI.active A:hover { color: #000; } #content .divider { height: 2px;background: #444;margin-bottom: 8px; } .boxes { float: left; width: 220px; } .box { background: url(/templates/graphics/content-box-bottom.png) bottom left no-repeat; margin-bottom: 10px; } .box .box-body { background: url(/templates/graphics/content-box.png) top left no-repeat; min-height: 170px; padding: 15px; position: relative; } .box .box-body.map { height: 182px; } .boxes H3 { padding: 0 0 5px 0; } .box.wide { background: url(/templates/graphics/content-box-wide-bottom.png) bottom left no-repeat; margin-bottom: 10px; clear: both; } .box.wide .box-body { background: url(/templates/graphics/content-box-wide.jpg) top left no-repeat; min-height: 185px; padding: 15px; } .box.wide .box-body.tabs { background-image: url(/templates/graphics/content-box-wide-tabs.png); } .box.small { background: url(/templates/graphics/content-box-small-bottom.png) bottom left no-repeat; width: 445px; float: left; } .small.margin { margin-left: 10px; } .box-body.small { background: url(/templates/graphics/content-box-small.jpg) top left no-repeat; min-height: 100px; padding: 0 0 10px 0; } .box.medium { background: url(/templates/graphics/content-box-medium-bottom.png) bottom left no-repeat; width: 670px; float: left; margin-left: 10px; min-height: 431px; } .box.medium .box-body { background: url(/templates/graphics/content-box-medium.png) top left no-repeat; min-height: 250px; padding: 15px; } #content P, #content .office DIV { color: #666; font-size: 110%; line-height: 140%; margin-bottom: 15px; } #content P P { font-size: 100%; } #content P STRONG { color: #333; } #content .office DIV { margin-bottom: 0; } #content .office P { margin-bottom: 8px; } #content .boxes P { font-size: 95%; padding: 0; } #content .start { width: 595px; } #content UL, #content OL { margin: 15px 0; list-style: disc; color: #666; font-size: 120%; line-height: 140%; } #content UL LI, #content OL LI { margin-left: 15px; font-size: 100%; } #content .nav UL { list-style: none; margin: 0; } #content .nav LI { margin: 0; } #content .nav A { text-decoration: none; } #content A { font-weight: normal; color: #333; font-size: 80%; } #content P A { font-size: 100%; } #box-map { position: absolute; top: 0; left: 136px; } #person { position: absolute; top: 0; left: 616px; } #content .button { width: 110px; height: 21px; background: url(/templates/graphics/button-right.png) top right no-repeat; display: block;font-weight: bold; font-size: 100%; text-decoration: none; } #content .button DIV { background: url(/templates/graphics/button-left.png) top left no-repeat; color: #fff; text-align: center; text-decoration: none; padding: 3px 0 4px 0; } #content .button SPAN { background: url(/templates/graphics/button-arrow.gif) center right no-repeat; padding-right: 12px; } #content A.button:hover { text-decoration: none; color: #fff; background-image: url(/templates/graphics/button-right-active.png); } #content A.button:hover DIV { background-image: url(/templates/graphics/button-left-active.png); } #content A.button-menu { display: block; font-weight: bold; width: 220px; height: 34px; background: url(/templates/graphics/button-menu.png) no-repeat; color: #fff; font-size: 110%; text-decoration: none; margin: 0 0 10px 0; } #content A.button-menu SPAN { display: block; padding: 9px 0 0 15px; } #content A.button-menu:hover { background: url(/templates/graphics/button-menu-active.png); } #content A.button-menu.margin { margin-left: 10px; } #content A.button-large { display: block; font-weight: bold; width: 190px; height: 34px; background: url(/templates/graphics/button-large.png) no-repeat; color: #fff; font-size: 110%; text-align: center; text-decoration: none; margin: 15px 0 0 0; } #content A.button-large SPAN { display: block; padding-top: 9px; } #content A.button-large:hover { background: url(/templates/graphics/button-large-active.png); } #content A.button-large.margin { margin-left: 10px; } #content A.button-medium { display: block; font-weight: bold; width: 168px; height: 24px; background: url(/templates/graphics/button-medium.png) no-repeat; color: #fff; font-size: 100%; text-align: center; text-decoration: none; margin: 15px 0 10px 0; } #content A.button-medium SPAN { display: block; padding-top: 6px; } #content A.button-medium:hover { background: url(/templates/graphics/button-medium-active.png); } #content A.button-medium.margin { margin-left: 10px; } #content A.button-medium-wide { display: block; font-weight: bold; width: 210px; height: 18px; background: url(/templates/graphics/button-medium-wide.png) no-repeat; color: #fff; font-size: 100%; text-align: center; text-decoration: none; margin: 15px 0 10px 0; padding-top: 6px; } #content A.button-medium-wide:hover { background: url(/templates/graphics/button-medium-wide-active.png) no-repeat; } #content A.button-medium-wide.margin { margin-left: 10px; } #content A.button-medium-wide.nomargin { margin: 0; } #content SPAN.arrow { background: url(/templates/graphics/button-arrow.gif) center right no-repeat; padding-right: 8px; } #content SPAN.arrow-reverse { background: url(/templates/graphics/button-arrow-reverse.gif) center left no-repeat; padding-left: 8px; } #content SPAN.update { background: url(/templates/graphics/button-update.png) center right no-repeat; } TABLE.small-list { border-collapse: collapse; width: 435px; margin: 0 5px; } TABLE.small-list TR.odd TD { background: #E3E3E3; } TABLE.small-list TD { padding: 5px; cursor: pointer; } TABLE.small-list TR.active { background: #A4D081; color: #fff; } #content TABLE.small-list A { font-weight: normal; text-decoration: none; color: #000; font-size: 100%; } #content TABLE.small-list TR.active A { color: #fff; } .filter DIV { width: 174px; float: left; position: relative; } .filter DIV.clear { width: auto; } #content .filter A.select, #content .filter .select-list A { display: block; background: url(/templates/graphics/filter-input.png) top left no-repeat; width: 168px; height: 24px; color: #fff; } #content .filter .select-list { display: none; position: absolute; top: 20px; left: 0; list-style: none; margin: 0; padding-top: 5px; background-color: #000; width: 168px; z-index: 200; } #content .filter .select-list LI { margin: 0; } #content .filter .select-list A {background-image: none; text-decoration: none; padding-left: 8px; } #content .filter A.button-medium { margin-top: 0; } #content .filter A.select { background-image: url(/templates/graphics/filter-select.png); text-decoration: none; padding: 5px 8px; font-size: 100%; } TABLE.list { border-collapse: collapse; width: 870px; color: #444; } TABLE.list.nosort { width: 100%; } TABLE.list THEAD TH { width: 174px; border-width: 1px 0; border-style: solid; border-color: #CACACA; color: #999; text-align: left; font-weight: bold; color: #333; } TABLE.list THEAD TH.nosort { padding: 5px 6px; width: auto; } TABLE.list TBODY TD { background: #DFDFDF; width: 174px; padding: 1px 10px; border-top: 8px solid #fff; border-right: 2px solid #F2F2F2; margin-bottom: 10px; } TABLE.list INPUT { position: relative; top: 2px; } TABLE.list LABEL { position: relative; top: -1px; cursor: pointer; } TABLE.list TH.listview { background: url(/templates/graphics/th-divider.png) center center no-repeat; } TABLE.list TH.listview DIV { float: left; margin-left: 18px; } TABLE.list TD.first { background: #DFDFDF url(/templates/graphics/td-left.png) center left no-repeat; } TABLE.list TD.last { background: #DFDFDF url(/templates/graphics/td-right.png) center right no-repeat; } #content TABLE.list TH A { text-align: left; text-decoration: none; font-size: 100%; font-weight: bold; padding: 10px 8px; display: block; background: url(/templates/graphics/list-sort.png) center right no-repeat; } #content TABLE.list THEAD A:hover, #content TABLE.list THEAD A.active { color: #000; background-image: url(/templates/graphics/list-sort-active.png); } #content TABLE.list A.button { width: 100%; font-size: 90%; } #content TABLE.list A.button DIV { padding-top: 4px; } #content TABLE.list P { font-size: 100%; color: #444; padding: 5px 8px; display: block; float: left; height: 60px; width: 750px; padding-bottom: 0; } #content TABLE.list P STRONG { color: #000; } TABLE.list TH.listview INPUT { display: inline; width: auto; background: none; height: auto; padding: 0; } TABLE.list TD.listview-img { height: 105px; background: #DFDFDF url(/templates/graphics/table-listview-bg.png) no-repeat; padding-top: 5px; padding-right: 0; } TABLE.list TD.listview-img DIV { float: left; width: 162px; margin-right: 13px; } TABLE.list TD.listview-img DIV.last { width: 156px; margin: 0; } #content TABLE.list TD.listview-img A { position: relative; top: -2px; z-index: 100; } #content UL.persons { list-style: none; } #content UL.persons LI { width: 203px; height: 240px; display: block; float: left; border-bottom: 1px solid #999; margin: 0 10px 12px 0; } #content UL.persons P { font-size: 80%; display: block; border-top: 1px solid #999; padding: 6px 0 0 0; margin-top: -4px; } #content UL.persons STRONG { color: #000; } #content UL.persons DIV { text-align: center; } #content UL.persons A { font-size: 100%; text-decoration: none; } #content UL.persons A:hover { text-decoration: underline; } #content A.headline { text-decoration: none; } H1.office { width: 648px; height: 45px; margin: 0 0 10px -4px; display: block; } H1.no1 {background: url(/templates/graphics/office-1.gif); } H1.no2 {background: url(/templates/graphics/office-2.gif); } H1.no3 {background: url(/templates/graphics/office-3.gif); } H1.no4 {background: url(/templates/graphics/office-4.gif); } H1.no5 {background: url(/templates/graphics/office-5.gif); } H1.no6 {background: url(/templates/graphics/office-6.gif); } H1.no7 {background: url(/templates/graphics/office-7.gif); } H1.no8 {background: url(/templates/graphics/office-8.gif); } H1.no9 {background: url(/templates/graphics/office-9.gif); } H1.no10 {background: url(/templates/graphics/office-10.gif); } H1.no11 {background: url(/templates/graphics/office-11.gif); } H1.no12 {background: url(/templates/graphics/office-12.gif); } H1.no13 {background: url(/templates/graphics/office-13.gif); } H1.no14 {background: url(/templates/graphics/office-14.gif); } H1.no15 {background: url(/templates/graphics/office-15.gif); } H1.no16 {background: url(/templates/graphics/office-16.gif); } H1.no17 {background: url(/templates/graphics/office-17.gif); } H1.no18 {background: url(/templates/graphics/office-18.gif); } H1.no19 {background: url(/templates/graphics/office-19.gif); } H1.no20 {background: url(/templates/graphics/office-20.gif); } .blocks { margin-top: 10px; padding-top: 12px; border-top: 1px solid #CACACA; } .block { float: left; width: 350px; padding: 0 0 10px 10px; } .block.wide { width: 489px; border-right: 1px solid #CACACA; padding: 10px; } .pics { border-bottom: 1px solid #CACACA; padding-bottom: 10px; margin-bottom: 10px; } .pics A { display: block; margin: 0 10px 10px 0; float: left; } .pics A.nomargin { margin-right: 0; } #content .block.small P { font-size: 100%; color: #444; } #content .block.small P STRONG { color: #000; } #contact_name, #contact_company, #contact_phone, #contact_email, .txtbox { float: left; margin-bottom: 8px; } #contact_company, #contact_email, INPUT.margin { margin-left: 10px; } #contact_message { clear: both; } #footer { width: 900px; margin: 10px auto 20px auto; } #footer UL { display: block; border-width: 1px 0; border-style: solid; border-color: #fff; height: 35px; } #footer LI { display: block; float: left; margin-right: 10px; padding: 10px 0 10px 10px; background: url(/templates/graphics/footer-li-divider.gif) center left no-repeat; } #footer LI.first { background: none; margin-left: 168px; } #footer A { color: #fff; text-decoration: none; font-weight: normal; } #footer A:hover { text-decoration: underline; } #footer P { clear: both; display: block; margin-top: 10px; text-align: center; color: #fff; } #footer P A { background: url(/templates/graphics/footer-li-divider.gif) center left no-repeat; margin-left: 5px; padding-left: 10px; } .clear { clear: both; } .left { float: left; } .right { float: right; } .checkbox { display: inline; width: auto; }