/* @group Header */ #header_outer { height: 150px; width: 1216px; z-index: 998; position: relative; } #header { width: 1180px; height: 150px; margin: 1em auto 0; padding: 0 14px 20px 22px; position: relative; background: url('../images/dmhc/bg_elements/header_bg_bottom_shadow.png') no-repeat; } #header .head_cagov_logo { top: 20px; left: 50px; z-index: 10; } #header .head_cagov_logo a { background: none; } #header .head_organization_banner { position: absolute; width: 705px; top: 20px; /* Adjusts the position of your organization banner */ left: 165px; /* Adjusts the position of your organization banner */ z-index: 20; } #header .head_organization_banner a { float: left; margin-right: 1em; } #header .head_organization_banner .header_pane { float: left; } #head_links { position: absolute; top: 0; margin: 9px 14px 0 0; left: auto; right: 0; font-size: .8em; color: #fff; padding: 10px 0 0 56px; background: url(../images/dmhc/bg_elements/head_links.png) no-repeat; height: 35px; width: 330px; } #head_links a { text-align: right; color: #fff; background: none; position: relative; padding: 0; } #head_links a:hover { color: #fff; } /* Search */ #head_search { position: absolute; left: 900px; top: 60px; z-index: 10; } #head_search input { width: 254px; height: 26px; background: transparent url(../images/dmhc/search_bar.png) no-repeat; float: left; border: 0; color: #505050; font-size: 1em; padding: 0 0 0 12px; } #dnn_ctl00_cmdSearch { position: absolute; top: 0px; left: 254px; background: url(../images/dmhc/submit_button.png) no-repeat; text-indent: -99999px; display: block; height: 26px; width: 34px; } /* @end */ /* @group Navigation */ #navigation { position: absolute; left: auto; right: 0; top: 110px; width: 1180px; margin: 0 14px 0 0; overflow: visible; background: #005384; padding-left: 0; border-bottom: solid thin white; } #navigation ul { margin: 0; list-style: none; float: right; } #navigation li { float: none; background: none; padding: 0 0 0 0; min-height: 40px; height: 100%; display: table-cell; } #navigation li.last_nav_item { background-image: none; } #navigation a.nav_level1_link { text-decoration: none; display: block; padding: 0 33px; margin-right: 0; height: auto; color: #fff; text-transform: none; font-size: 1em; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); padding-top: 12px; white-space: normal; text-align: center; min-height: 28px; border-left: solid thin #fff; font-family: 'LatoRegular', Helvetica, Arial, sans-serif; background: none; font-weight: normal; } #navigation li.last_nav_item a.nav_level1_link { margin-right: 0px; } #nav_list :first-child a.nav_level1_link, #nav_list .first.child-1 a.nav_level1_link { padding-left: 36px; border-left: none; } #nav_list a.nav_level1_link.home_link { padding-top: 0; height: 40px; } #nav_list a.nav_level1_link.home_link .home_link_img { display: block; width: 27px; height: 40px; overflow: hidden; text-indent: -99999px; background: transparent url(../images/dmhc/nav_home.png) no-repeat center center; } .highlighted_nav_item a.nav_level1_link, .body_home #nav_list :first-child .nav_level1_link { background: transparent url(../images/dmhc/menu_bg_highlight_2.png) repeat-y right; /* current page item, home, spec 0-2-1, 1-3-0 */ } #navigation #nav_list.unhighlight_nav_item a.nav_level1_link { background-image: none; } #header #navigation #nav_list li:hover a.nav_level1_link { background: transparent url(../images/dmhc/menu_bg_highlight_2.png) repeat-y right; text-shadow: 0 0 0.3em #aaa; text-decoration: underline; } /* @end */ /* @group Nav Panel */ .nav_panel { position: absolute; width: 1180px; height: 360px; left: 0px; padding: 0; overflow: visible; } .nav_panel { background: url(../images/dmhc/nav_panel_bg_inner_drop_ie.gif) no-repeat center top; } :root .nav_panel { background: /*transparent*/ url(../images/dmhc/nav_panel_bg_inner_drop.png) no-repeat center top; } .add_ribbon .nav_panel { height: 330px; background: #e5e5e5 url(../images/dmhc/nav_panel_bg_inner_drop.png) repeat-x; } .nav_panel ul { width: 33%; float: left; background: transparent; } #navigation .nav_panel ul { float: left; } #navigation .nav_panel li { float: none; background: none; padding: 1em 1.2em 0; display: block; clear: both; } .javascript_off #navigation li:hover .nav_panel { display: block; z-index: 2; } .nav_p_heading { color: #003366; font-size: 18px; font-weight: normal; background: none; padding: 0; /*float: left;*/ line-height: 19px; font-family: 'LatoBold', helvetica, sans-serif; } .nav_p_description { font-size: 14px; padding-top: 4px; /*float: left;*/ line-height: 18px; } /* @end */ /* @group Ribbon */ .add_ribbon #img_ribbon { width: 1180px; height:156px; background:transparent url(../images/dmhc/bg_elements/ribbon.png) no-repeat; position:absolute; top:360px; z-index:20; padding: 0 14px 0 22px; } /* *************** page_container *************** */ #page_container { background:transparent url('../images/dmhc/bg_elements/maincontent_bg.png') repeat-y; width:1180px; margin:0 auto 0; position: relative; /* Compensate for DNN module z-index */ z-index: 1; /* Compensate for DNN module z-index */ padding: 0 14px 0 22px; } #banner, #main_content { width: 1180px; } /* @end */ /* @group Footer */ #footer_1a { width: 1180px; margin: 0 0 0 0; font-weight: normal; color: #444; background: #615846 url(../images/dmhc/bg_elements/footer_bg_repeaty.png) repeat-y; } #footer_1b { width: 1180px; padding: 80px 0 0 0; background: transparent url(../images/dmhc/bg_elements/footer_bg_top.png) no-repeat; } #footer_1b .footer_links { text-align: center; padding: 10px 0 0 0; } #footer_1b a { padding: 0 5px; color: #07557b; } #footer_2 a { padding: 0 4px; color: #07557b; } #footer_2 { width: 1180px; margin: 0 auto 2em; background: transparent url(../images/dmhc/bg_elements/footer_bg_bottom.png) no-repeat top; text-align: center; padding: 50px 14px 0 22px; font-size: 0.92em; font-weight: normal; } #footer_1b a[name] { display: none; } #footer_1b .footer_container { width: 30%; float: left; display: block; text-align: left; clear: none; margin: 0 0 0 3%; } #footer_1b .footer_container a { text-decoration: underline; } #footer_1b .footer_container a:hover { text-decoration: underline; color: #008131; } .footer_persistent_links { margin: 0 0 0 3em; } #footer_banners { position: relative; left: -10px; } #footer_banners .static_banner, #footer_1a .static_banner { border-top: 1px solid #fff; border-bottom: 1px solid #fff; float: left; width: 100%; clear: both; padding: .2em .5em; } #footer_banners .static_banner img, #footer_1a .static_banner img { float: left; margin-right: .5em; margin-bottom: .2em; } #footer_banners .static_banner h5, #footer_1a .static_banner h5 { float: none; display: inline; font-family: 'LatoBold', helvetica, sans-serif; font-size: 1.2em; color: #000; } #footer_banners .static_banner p, #footer_1a .static_banner p { color: #000; margin-bottom: 0; } #footer_banners .static_banner p a, #footer_1a .static_banner p a { text-decoration: underline; } /* @end */ /* @group Banner */ #banner { height: 375px; display: block; } /* @end */ /* @group Tab Panel */ .dnnForm { margin: 0; } .tab_panel.enabled { height: 330px; position: relative; margin: 1em 0 0 0; } .tab_panel.enabled h3 { float: left; padding: 10px 10px 20px 10px; margin: 3px 5px 0 0; height: 37px; background: #eee; border: none; font-size: 1em; color: #0061A0; } .tab_panel.enabled h3 img { vertical-align: middle; height: 30px; padding: 0 .5em 0 0; } .tab_panel.enabled .active h3 { background: #e4e4e4; margin-top: 0px; color: #0061A0; } .tab_panel.enabled .panel_content { position: absolute; top: 45px; left: 0; visibility: hidden; padding: 10px 0; background: url('../images/dmhc/tab_bg.png') repeat-x; } .tab_panel.enabled .panel_content_inner { margin: 0 10px; padding: 10px; background: transparent; height: auto; clear: both; } .panel_content_inner img { float: right; } .tab_panel.enabled .active .panel_content { visibility: visible; } /* css3 corners */ .tab_panel.enabled h3 { -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .tab_panel.enabled .panel_content { -moz-border-radius: 10px; border-radius: 10px; } .tab_panel .panel_content_inner { -moz-border-radius: 5px; border-radius:5px; } ol, ul { } /* @end */ /* @group Main Content */ #main_content { min-height: 350px; } .content_left_column { width: 750px; float: left; } .content_right_column { width: 377px; float: right; padding: 0 0 0 0; } /* @end */ /* Triptych */ .triptych_container { width: 100%; float: left; } .triptych_item { width: 32%; float: left; margin: 0 1%; } .triptych_left { margin-left: 0; } .triptych_right { margin-right: 0; } #footer_1a .add_padding { padding: 16px 2em; } #footer_1a .triptych_container { text-align: left; } #footer_1a .triptych_item { width: 30%; float: left; margin: 0 2.5%; *margin: 0 2.4%; } #footer_1a .triptych_left { margin-left: 0; } #footer_1a .triptych_right { margin-right: 0; } #top_phone { position: absolute; top: 30px; left: 440px; } #top_phone h2, #top_phone h4 { display: inline; } #top_phone h4 { display: block; margin-bottom: 0; }