/* --- =body --- */ body { background: url(/images/body_bg.jpg) 0 86px repeat-x #046381; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } /* ~~~~~~~~~~~~~~ IDs ~~~~~~~~~~~~~~~ */ /* --- =header --- */ #header { background: url(/images/header_bg2.jpg) bottom left no-repeat; margin: 0 auto; padding: 0px 73px 0 0; width: 951px; } #branding { float:left; margin:15px 0 15px 85px; width:470px; } #brand { background: url(/images/hbal_logo.gif) top left no-repeat; float:left; display: block; height: 86px; margin: 0; padding: 0; width: 126px; } #heading { background: url(/images/heading.gif) top left no-repeat; float:left; display: block; height: 17px; margin:34px 0 0 8px; width: 324px; text-indent:-9999px; } #search_site { background: url(/images/search_fieldset.png) top left no-repeat; float: right; height: 50px; margin-top:30px; padding: 18px 0 0 16px; width: 231px; } #search_site input.text { background: url(/images/search_text.jpg) top left no-repeat; color: #646464; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 16px; margin: 0 18px 0 0; padding: 3px 6px 1px 6px; vertical-align: top; width: 140px; } /*#brand { background: url(/images/hbal_logo.gif) top left no-repeat; display: block; height: 86px; left: 85px; margin: 0; padding: 0; position: absolute; top: 15px; width: 126px; }*/ #top-banner { display:block; margin:auto 0 auto 25px; text-align:center; width:951px; } #top-banner img { margin:20px 0 20px 20px; } /* --- =maincontent_wrapper --- */ #outer_wrapper { background: url(/images/outer_wrapper.gif) top left no-repeat; height: auto; margin: 0 auto; padding: 0; text-align: left; width: 1024px; } #maincontent_wrapper { background: url(/images/wrapper_vert_lines.gif) top center; height: auto; margin: 0 auto; padding: 0 0 0 70px; text-align: left; width: 954px; } /* --- =left_sidebar --- */ #left_sidebar { background: url(/images/left_col_bg.jpg) top left repeat-x #ffffff; float: left; margin: 0px; padding: 0 0 12px 0; text-align: left; width: 237px; } #left_brief { background: url(/images/home_leftbriefheader.png) top left no-repeat; display: block; margin: 0; padding: 74px 7px 7px 7px; width: 223px; } #left_brief ul { background: url(/images/home_leftbriefbetween.jpg) left bottom no-repeat; min-height: 40px; margin: 0 0 12px 0; padding: 0 13px 8px 13px; } * html #left_brief ul { background: url(/images/home_leftbriefbetween.jpg) left bottom no-repeat; height: 40px; margin: 0 0 12px 0; padding: 0 13px 8px 13px; } #left_brief ul li ul { background: none; padding: 14px 0 0 0; } #left_sidebar .ad { margin:8px auto 15px auto; text-align:center; } #left_sidebar .ad img { margin:0 0 2px 0; } #left_sidebar .ad a { color:#05657e; } #left_brief ul li ul li { background: url(/images/resource_list.jpg) left bottom no-repeat; clear: both; display: block; float: none; padding: 0 0 2px 0; vertical-align: middle; } #left_brief ul li ul li a { background: url(/images/resource_list_a.jpg) left 6px no-repeat; color: #DE7218; display: block; font-weight: bold; padding: 2px 0 9px 20px; text-decoration: none; vertical-align: middle; } #left_brief ul li ul li a:hover { color: #FFB36F; } #left_brief ul li { display: block; float: left; } #left_brief ul li a { display: block; } #left_brief ul li.icon a { height: 40px; width: 40px; } #left_brief ul li.hd a { height: 40px; overflow: hidden; text-indent: -1000px; width: 130px; } #left_brief ul li.hd h2 { padding: 0; margin: 0; } #left_brief ul li.brief_link, #left_brief ul li.brief_link2 { padding: 19px 0 0 0; } #left_brief ul li.brief_link a { background: url(/images/home_brieflink.gif) top left no-repeat; height: 16px; width: 12px; } #left_brief ul li.brief_link2 a { background: url(/images/down_arrow.jpg) top left no-repeat; height: 12px; width: 16px; } #brief_builder li.icon { background: url(/images/builder_icon.jpg) left center no-repeat; height: 40px; margin: 0 6px 0 0; width: 40px; } #brief_builder li.hd { background: url(/images/briefhd_builder.gif) left center no-repeat; height: 40px; margin: 0 7px 0 0; padding: 0; width: 130px; } #brief_remodeler li.icon { background: url(/images/remodeler_icon.jpg) left center no-repeat; height: 40px; margin: 0 6px 0 0; width: 40px; } #brief_remodeler li.hd { background: url(/images/briefhd_remodeler.gif) left center no-repeat; height: 40px; margin: 0 7px 0 0; padding: 0; width: 130px; } #brief_product li.icon { background: url(/images/product_icon.jpg) left center no-repeat; height: 40px; margin: 0 6px 0 0; width: 40px; } #brief_product li.hd { background: url(/images/briefhd_product.gif) left center no-repeat; height: 40px; margin: 0 7px 0 0; padding: 0; width: 130px; } #brief_newhome li.icon { background: url(/images/new_home_icon.jpg) left center no-repeat; height: 40px; margin: 0 6px 0 0; width: 40px; } #brief_newhome li.hd { background: url(/images/briefhd_newhome.gif) left center no-repeat; height: 40px; margin: 0 7px 0 0; padding: 0; width: 130px; } #brief_resources li.icon { background: url(/images/resources_icon.jpg) left center no-repeat; height: 40px; margin: 0 6px 0 0; width: 40px; } #brief_resources li.hd { background: url(/images/briefhd_resources.gif) left center no-repeat; height: 40px; margin: 0 7px 0 0; padding: 0; width: 126px; } #left_sidebar .facebox { display: block; margin: 0 0 0 -7px; overflow: hidden; width: 237px; } #member_resources { background: #f5f5f5; border: 1px dashed #D46E57; margin: 6px 8px 24px 6px; padding: 0; } #member_resources h2 { background: url(/images/member_resources-hd.jpg) -9px 0 no-repeat; font-size: 14px; font-weight: bold; height: 28px; margin: 0 0 7px 0; overflow: hidden; padding: 0; text-indent: -1000px; text-transform: uppercase; width: 221px; } #member_resources select { border: 1px solid #7C7D78; padding: 1px 0px 0px 2px; height: 17px; letter-spacing: -.02em; margin: 0 0 7px 11px; vertical-align: bottom; width: 200px; } #member_resources select option { border-bottom: 1px dotted #C3D8DF; padding: 2px 0 2px 4px; } #member_logos { margin: 6px 8px 24px 17px; } #member_logos a { display: block; margin: 0 0 18px 0; padding: 0; } table#permits_list { border:none } table#permits_list td{ border:1px solid #65A3B8; } #calendar { margin: 12px 0 6px 0px; padding: 0; width: 237px; } #calendar h2 { background: url(/images/calendar_hd.jpg) left top no-repeat; height: 62px; margin: 0 0 21px 0; overflow: hidden; padding: 0; text-indent: -1000px; width: 237xpx; } #calendar div.Max_ConferenceDates { color: #727272; font-size: 11px; padding: 3px 10px 12px 20px; vertical-align:top; } #calendar tr td.first { width: 50px; } #calendar a, #calendar div.Max_ConferenceTitle { color: #dd7217; font-weight: bold; padding: 0 0 0 20px; text-decoration: none; } #calendar a:hover { color: #FFB36F; font-weight: bold;} #calendar a {background: url(/images/calendar_row.jpg) left bottom no-repeat; display: block; margin: 0 0 0 10px; padding: 0 10px 20px 10px; width: 207px;} #view_all_events { background: url(/images/view_all_events.jpg) left bottom no-repeat; display: block; height: 22px; margin: 0 0 0 12px; width: 209px; } #article_listing {background: #fff; padding: 18px 0 0 0;} #article_listing div.as_toc h2 {background: url(../images/articles_heading_bg.jpg) repeat-x #d47227; color: #fff; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; /*height: 31px;*/ margin: 0 0 0 18px; padding: 8px 0 8px 8px; width: 193px;} #article_listing div.as_toc ul {margin: 10px 18px 20px 18px;} #article_listing div.as_toc ul li {background: url(../images/bullet_articles.gif) 3px 7px no-repeat; border-bottom: 1px solid #dcdcdc; list-style-image: none; margin: 0 0 0 0; padding: 5px 12px 5px 18px;} #article_listing div.as_toc li a {color: /*#c33014*/#de7218; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;} #article_listing div.as_toc li a:hover {color: /*#4e150a*/#ffb36f; text-decoration: none;} /* --- =maincontent --- */ #maincontent { float: left; margin: 0; padding: 0 0 24px 0; text-align: left; width: 647px; } /* --- =navigation (ul) --- */ #navigation { background: url(/images/navigation.jpg) 0 0 no-repeat; border-bottom: 3px solid #ffffff; border-right: 3px solid #ffffff; border-top: 3px solid #ffffff; height: 31px; margin: 0; padding: 0; width: 644px; } #navigation li { display: block; float: left; margin: 0 1px 0 0; padding: 0; position: relative; z-index: 50; } #navigation li h2 { display: none; } #navigation li a { display: block; overflow: hidden; padding: 0; text-indent: -1000px; } #nav_home a { background: url(/images/navigation.jpg) 0 0 no-repeat; height: 31px; width: 52px; } #nav_home a:hover, #nav_home_active a, #nav_home.li-over a, #nav_home_active.li-over a { background: url(/images/navigation.jpg) 0 -31px no-repeat; height: 31px; width: 52px; } #nav_join a { background: url(/images/navigation.jpg) -53px 0 no-repeat; height: 31px; width: 74px; } #nav_join a:hover, #nav_join_active a, #nav_join.li-over a, #nav_home_join.li-over a { background: url(/images/navigation.jpg) -53px -31px no-repeat; height: 31px; width: 74px; } #nav_education a { background: url(/images/navigation.jpg) -128px 0 no-repeat; height: 31px; width: 154px; } #nav_education a:hover, #nav_education_active a, #nav_education.li-over a, #nav_education_active.li-over a { background: url(/images/navigation.jpg) -128px -31px no-repeat; height: 31px; width: 154px; } #nav_newsroom a { background: url(/images/navigation.jpg) -283px 0 no-repeat; height: 31px; width: 83px; } #nav_newsroom a:hover, #nav_newsroom_active a, #nav_newsroom.li-over a, #nav_newsroom_active.li-over a { background: url(/images/navigation.jpg) -283px -31px no-repeat; height: 31px; width: 83px; } #nav_members a { background: url(/images/navigation.jpg) -367px 0 no-repeat; height: 31px; width: 98px; } #nav_members a:hover, #nav_members_active a, #nav_members.li-over a, #nav_members_active.li-over a { background: url(/images/navigation.jpg) -367px -31px no-repeat; height: 31px; width: 98px; } #nav_about a { background: url(/images/navigation.jpg) -466px 0 no-repeat; height: 31px; width: 87px; } #nav_about a:hover, #nav_about_active a, #nav_about.li-over a, #nav_about_active.li-over a { background: url(/images/navigation.jpg) -466px -31px no-repeat; height: 31px; width: 87px; } #navigation li#nav_contact, #navigation li#nav_contact_active { margin: 0; } #nav_contact a { background: url(/images/navigation.jpg) -554px 0 no-repeat; height: 31px; width: 90px; } #nav_contact a:hover, #nav_contact_active a, #nav_contact.li-over a, #nav_contact_active.li-over a { background: url(/images/navigation.jpg) -554px -31px no-repeat; height: 31px; width: 90px; } /*dropdown styles*/ #navigation li.li-up ul { display: none; } #navigation li.li-over ul { background: none; border: 1px solid #cccccc; display: block; height: auto; left: -1px; margin: 0; padding: 0; position: absolute; top: 31px; width: 220px; z-index: 500; } #navigation li.li-over ul li { background: url(/images/nav_bull.gif) 14px 7px no-repeat #ffffff; border-top: 1px solid #eeeeee; color: #000000; display: block; float: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; min-height: 22px; margin: 0; width: 220px; } * html #navigation li.li-over ul li { height: 22px; } #navigation li.li-over ul li a { background: none; color: #000000; display: block; height: auto; line-height: 16px; margin: 0; min-height: 16px; padding: 4px 9px 4px 32px; text-decoration: none; text-indent: 0; vertical-align: middle; width: 179px; } * html #navigation li.li-over ul li a { height: 16px; } #navigation li.li-over ul li a:hover { background: url(/images/nav_bull.gif) 14px 7px no-repeat #f5f5f5; width: 179px; } * html #navigation li.li-over ul li a:hover { height: 16px; } #home_changecontent_window { height: 225px; margin: 0; padding: 0; position: relative; width: 647px; z-index: 1; } #home_changecontent_control { background: url(/images/hompage_changecontentctr.gif) 0 0 no-repeat; height: 51px; left: 15px; margin: 0; padding: 0; position: absolute; top: 184px; width: 375px; z-index: 2; } #home_changecontent_control li { display: block; float: left; height: 51px; margin: 0 6px 0 0; } #home_changecontent_control li a { cursor: pointer; display: block; height: 51px; overflow: hidden; padding: 0; text-indent: -1000px; } #tab_shows, #tab_shows.up { background: url(/images/hompage_changecontentctr.gif) 0 0 no-repeat; width: 112px; } #tab_shows:hover, #tab_shows.active { background: url(/images/hompage_changecontentctr.gif) 0 -52px no-repeat; } #tab_publications, #tab_publications.up { background: url(/images/hompage_changecontentctr.gif) -118px 0 no-repeat; width: 112px; } #tab_publications:hover, #tab_publications.active { background: url(/images/hompage_changecontentctr.gif) -118px -52px no-repeat; } #tab_trends, #tab_trends.up { background: url(/images/hompage_changecontentctr.gif) -236px 0 no-repeat; width: 120px; } #tab_trends:hover, #tab_trends.active { background: url(/images/hompage_changecontentctr.gif) -236px -52px no-repeat; } body#home #maincontent div.brief { background: url(/images/home_maincontent_brief.jpg) 15px 10px no-repeat; margin: 0; padding: 19px 36px 0 29px; } #maincontent div.brief { margin: 28px 36px 0 29px; padding: 0 0 28px 0; } #bct { background: #3F8CA6; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 0 12px 0; padding: 3px 15px 3px 0; text-align: right; } /* hide h1 on homepage tabbed publications for featured pubs */ div#swap_content h1.as_title { border:0; float:left; height:0; line-height:0; margin:0; padding:0 0 20px 0; text-indent:-9999px; } div#swap_content .as_text { padding:0 0 0px 0; margin:0; } div#swap_content .as_text a { padding-right:10px; } div#swap_content1.up, div#swap_content2.up, div#swap_content3.up { display: none; } div#swap_content1.active, div#swap_content2.active, div#swap_content3.active { display: block; } /* --- =footer --- */ #footer { background: url(/images/footer_bg.png) top left no-repeat; clear: both; margin: 0 auto; padding: 0; text-align: left; width: 1024px; } #footer ul { background: none; height: 40px; list-style: none; margin: 0; padding: 5px 0 0 74px; } #footer li { float: left; display: block; height: 40px; overflow: hidden; text-indent: -1000px; } #footer li#footer_copy { background: url(/images/footer-copy-2010.gif) top left no-repeat; display: block; margin: 0 50px 0 0; padding: 0; width: 347px; } #footer li a { display: block; height: 40px; margin: 0; overflow: hidden; padding: 0; text-indent: -1000px; } #footer li a:hover { text-decoration: underline; } .footer_between { background: url(/images/footer_nav2.gif) -70px 0 no-repeat; width: 18px; } #footer_advertising a{ background: url(/images/footer_nav2.gif) 0 0 no-repeat; width: 70px; } #footer_advertising a:hover { background: url(/images/footer_nav2.gif) 0 -40px no-repeat; width: 70px; } #footer_contact a { background: url(/images/footer_nav2.gif) -85px 0 no-repeat; width: 69px; } #footer_contact a:hover { background: url(/images/footer_nav2.gif) -85px -40px no-repeat; width: 69px; } #footer_privacy a { background: url(/images/footer_nav2.gif) -168px 0 no-repeat; width: 73px; } #footer_privacy a:hover { background: url(/images/footer_nav2.gif) -168px -40px no-repeat; width: 73px; } #footer_youtube a { background: url(/images/footer_nav2.gif) -256px 0 no-repeat; width: 69px; } #footer_youtube a:hover { background: url(/images/footer_nav2.gif) -256px -40px no-repeat; width: 69px; } #footer_facebook a { background: url(/images/footer_nav2.gif) -335px 0 no-repeat; width: 69px; } #footer_facebook a:hover { background: url(/images/footer_nav2.gif) -335px -40px no-repeat; width: 69px; } .clearfix { clear: both; } /* ~~~~~~~~~~~~~~ headers ~~~~~~~~~~~~~~~ */ h1 { border-bottom: 1px solid #d2d2d2; color: #046380; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 22px; letter-spacing: -.05em; line-height: 24px; margin: 29px 57px 12px 29px; } h2 { color: #03262F; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: -.05em; line-height: 24px; margin: 0 0 18px 0; } /* ~~~~~~~~~~~~~~ form styles ~~~~~~~~~~~~~~~ */ #subscribe_general, #find-us { border-top: 1px dotted #d2d2d2; float:left; padding: 23px 57px 23px 29px; } #subscribe_general { width:230px; } #subscribe_general td.first { padding: 0 7px 5px 0; text-align: right; } #subscribe_general td { padding: 0 7px 5px 0; } #subscribe_general input.text { border: 1px solid #65A3B8; padding: 3px 5px; width: 150px; } #subscribe_general input.submit { background: #65A3B8; color: #ffffff; cursor: pointer; margin: 7px 0 0 0; padding: 3px 5px; } #subscribe_general label { color: #046380 } #find-us { border-left: 1px dotted #d2d2d2; height:140px; width:200px; } #maincontent #find-us ul li { float:left; } #find-us ul li a { background:url('/images/youtube.gif') no-repeat; display:block; float:left; height:66px; text-indent:-9999px; width:66px; } #find-us ul li a#facebook { background-image:url('/images/facebook.gif'); } #find-us ul li img { margin:27px 8px 0 8px; float:left; } /* ~~~~~~~~~~~~~~ content magic ~~~~~~~~~~~~~~~ */ .as_title { border-bottom: 1px solid #d2d2d2; color: #046380; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 22px; letter-spacing: -.05em; line-height: 24px; margin: 29px 57px 18px 29px; } .as_text { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0 57px 23px 29px; } .as_byline { color: #9F9F9F; display: block; font-size: 12px; padding: 0 57px 18px 29px; text-align: right; } .as_text a { color: #C22E10; text-decoration: underline; } .as_text a:hover { text-decoration: none; } p { color: #000000; font-size: 12px; margin: 0 0 12px 0; padding: 0; } .as_text ul { margin: 0 0 18px 0; } .as_text ul li { display: block; margin: 0 0 6px 0; padding: 0; } .article_image_wrap { float: right; margin: 0 57px 6px 6px; padding: 4px; } body#home .brief_title { border-bottom: 1px solid #d2d2d2; color: #046380; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: normal; letter-spacing: -.05em; line-height: 24px; margin: 0 0 6px 0; } .brief_title { border-bottom: 1px solid #d2d2d2; color: #0B98BF; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: normal; letter-spacing: -.05em; line-height: 24px; margin: 0 0 6px 0; } .brief_title a {color: #0B98BF; text-decoration: none;} .brief_title a:hover {color: #ce6c21; text-decoration: none;} .brief_image { padding: 0 0 19px 0; vertical-align: top; width: 122px; } .brief_image img { border: 1px solid #d2d2d2; display: block; padding: 4px; width: 122px; } .brief_summary { display: block; font-size: 11px; line-height: 18px; margin: 0 0 3px 0; padding: 0 70px 0 0; width: 385px; } .brief_link a, #swap_content div.brief table tbody tr td.brief_text span.brief_summary a { color: #c93317; font-size: 11px; } .brief_link a:hover, #swap_content div.brief table tbody tr td.brief_text span.brief_summary a:hover { color: #FFB36F } .brief_text { padding: 0 0 19px 0; vertical-align: top; } td.brief_between { display: none; } #header:after, #maincontent_wrapper:after, #outer_wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }