address { color: red; font-weight: bold; font-size: 10px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif } a:link { color: #DE7218; font-size: 11px; } a:hover { color: #FFB36F } .nav a:link { color: #DE7218; display: block; font-weight: bold; text-decoration: none; vertical-align: middle; background-position: left 6px; background-repeat: no-repeat; font-size: 11px; line-height: 12px; padding-bottom: 9px; text-align: left; list-style-position: outside; padding-left: 4px; } .nav a:hover { color: #FFB36F; display: block; font-weight: bold; text-decoration: none; vertical-align: middle; background-position: left 6px; background-repeat: no-repeat; font-size: 11px; line-height: 12px; padding-bottom: 9px; text-align: left; list-style-position: outside; padding-left: 4px; } .nav a:visited { color: #DE7218; display: block; font-weight: bold; text-decoration: none; vertical-align: middle; background-position: left 6px; background-repeat: no-repeat; font-size: 11px; line-height: 12px; padding-bottom: 9px; text-align: left; list-style-position: outside; padding-left: 4px; } .nav a:active { color: #DE7218; display: block; font-weight: bold; text-decoration: none; vertical-align: middle; background-position: left 6px; background-repeat: no-repeat; font-size: 11px; line-height: 12px; padding-bottom: 9px; text-align: left; list-style-position: outside; padding-left: 4px; } .nav li { list-style-type: none; text-shadow: white 0 0 0; background: url(/images/hbal/resource_list.jpg) no-repeat center bottom; font-size: 11px; padding-bottom: 4px; text-align: left; padding-right: 12px; padding-left: 12px; } h1 { border-bottom: 1px solid #d2d2d2; color: #046380; display: block; font-family: Verdana, Arial, "Lucida Grande", Helvetica, sans-serif, Geneva; font-size: 22px; letter-spacing: -.05em; line-height: 24px; margin-bottom: 12px; margin-top: 29px; margin-right: 57px; padding-left: 0; } h2 { color: #046380; display: block; letter-spacing: -.05em; margin: 29px 57px 12px 0; font: bold 16px/20px Verdana, Arial, "Lucida Grande", Helvetica, sans-serif, Geneva; } h3 { color: black; font: bold 12px Verdana, Arial, "Lucida Grande", Helvetica, sans-serif, Geneva; } h4 { color: gray; border-top: 1px solid silver; font: 300 11px Verdana, Arial, "Lucida Grande", Helvetica, sans-serif, Geneva; } h5 { color: green; font: bold 10px Verdana, Arial, "Lucida Grande", Helvetica, sans-serif, Geneva; } h6 { color: gray; border-top: 1px solid silver; font: 10px Verdana, Arial, "Lucida Grande", Helvetica, sans-serif, Geneva; } ul { font: 12px Arial, Helvetica, sans-serif; } td { font: 12px Arial, Helvetica, sans-serif; } p { color: #000000; margin-left: 0; font: 12px/18px Arial, Helvetica, sans-serif; } pre { color: purple; font-weight: bold; font-size: 10px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif } blockquote { font: 11px Arial, Helvetica, sans-serif; } .columnheading { font-style: normal; font-weight: 500; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; background-color: #f8f8cb; border-bottom: 1px solid gray; } .columnheading2 { font-style: normal; font-weight: 500; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; background-color: #f8f8cb; border-bottom: 1px solid gray; padding-top: 5px; padding-bottom: 5px; } .mainarea { text-align: left; background: url(/images/hbal/mainarea.gif) repeat-y 0 top; padding-right: 95px; padding-left: 25px; padding-bottom: 20px; } .wrapright { width: 1024px; background: url(/images/hbal/wrapright.gif) no-repeat; } .navbar { font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; height: 100%; background: url(/images/hbal/navleft.gif) repeat-y center top; } .wrapleft { background: url(navleft.gif) repeat-y; } .navbartext { text-align: left; } .options { font-style: normal; font-weight: normal; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid gray } .rowseperator { font-style: normal; font-size: 10px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; border-top: 1pt dashed gray } /* tables still need 'cellspacing="0"' in the markup */ /* --- =body --- */ body { background: #65a3b8 url(/images/hbal/body_bg.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black; } /* ~~~~~~~~~~~~~~ IDs ~~~~~~~~~~~~~~~ */ /* --- =header --- */ #header { background: url(/images/hbal/header_bg.jpg) top left no-repeat; height: 76px; margin: 0 auto; padding: 43px 73px 0 0; position: relative; width: 951px; } #brand { background: url(/images/hbal/hbal_logo.gif) top left no-repeat; display: block; height: 86px; left: 85px; margin: 0; padding: 0; position: absolute; top: 15px; width: 126px; } #heading { background: url(/images/hbal/heading.gif) top left no-repeat; display: block; height: 17px; left: 220px; position: absolute; top: 66px; width: 324px; } #search_site { background: url(/images/hbal/search_fieldset.png) no-repeat; height: 50px; padding: 18px 0 0 16px; float: right; margin-right: 13px; } #search_site input.text { background: url(/images/hbal/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; } /* --- =maincontent_wrapper --- */ #outer_wrapperleft { background: transparent url(/images/hbal/outer_wrapperl2.gif) no-repeat; width: 70px; height: 685px; } #outer_wrapper { background: url(/images/hbal/outer_wrapper1.gif) no-repeat; text-align: left; width: 307px; height: auto; } #outer_wrapper2 { background: url(/images/hbal/outer_wrapper2.gif) top left no-repeat; height: auto; margin: 0 auto; padding: 0; text-align: left; width: 1024px; } #maincontent_wrapper { text-align: left; width: 70px; background: url(/images/hbal/wrapper_vert_linesnew.gif) no-repeat; height: 100%; } #maincontent_wrapper2 { height: auto; margin: 0 auto; text-align: left; width: 307px; background-image: url(/images/hbal/wrapper_vert_linesleft.gif); padding-top: 0; padding-bottom: 0; padding-left: 70px; } #maincontentnav_wrapper2 { height: auto; margin: 0 auto; text-align: left; width: 307px; padding-top: 0; padding-bottom: 0; padding-left: 70px; background: url(/images/hbal/wrapper_vert_linesleft.gif) no-repeat center; } /* --- =left_sidebar --- */ #left_sidebartop { background: white url(/images/hbal/left_col_bg.jpg) repeat-x left; text-align: left; width: 237px; height: 37px; float: left; position: relative; } #left_brieftop { display: block; width: 237px; background: white url(/images/hbal/search_top.jpg) no-repeat left; height: 37px; float: left; position: static; } #left_briefnav { background: white url(/images/hbal/search_bottom.jpg) no-repeat; width: 237px; } #left_sidebar { background: white url(/images/hbal/left_col_bg.jpg) repeat-x center top; text-align: left; width: 237px; } #left_brief { background: white url(/images/hbal/search_bottom.jpg) no-repeat; display: block; padding-top: 37px; width: 237px; } #left_brief ul { min-height: 40px; margin: 0 0 12px 0; padding: 0 13px 8px 13px; background-position: center bottom; background-repeat: no-repeat; } * html #left_brief ul { background: url(/images/hbal/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_brief ul li ul li { background: url(/images/hbal/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/hbal/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/hbal/home_brieflink.gif) top left no-repeat; height: 16px; width: 12px; } #left_brief ul li.brief_link2 a { background: url(/images/hbal/down_arrow.jpg) top left no-repeat; height: 12px; width: 16px; } #brief_builder li.icon { background: url(/images/hbal/builder_icon.jpg) left center no-repeat; height: 40px; margin: 0 6px 0 7px; width: 40px; } #brief_builder li.hd { background: url(/images/hbal/briefhd_builder.gif) left center no-repeat; height: 40px; margin: 0 7px 0 0; width: 130px; } #brief_remodeler li.icon { background: url(/images/hbal/remodeler_icon.jpg) left center no-repeat; height: 40px; margin: 0 6px 0 7px; width: 40px; } #brief_remodeler li.hd { background: url(/images/hbal/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/hbal/product_icon.jpg) left center no-repeat; height: 40px; margin: 0 6px 0 7px; width: 40px; } #brief_product li.hd { background: url(/images/hbal/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/hbal/new_home_icon.jpg) left center no-repeat; height: 40px; margin: 0 6px 0 7px; width: 40px; } #brief_newhome li.hd { background: url(/images/hbal/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/hbal/resources_icon.jpg) left center no-repeat; height: 40px; margin: 0 6px 0 7px; width: 40px; } #brief_resources li.hd { background: url(/images/hbal/briefhd_resources.gif) left center no-repeat; height: 40px; margin: 0 7px 0 0; padding: 0; width: 126px; } #member_resources { background: #f5f5f5; border: 1px dashed #D46E57; margin: 6px 8px 24px 6px; padding: 0; } #member_resources h2 { background: url(/images/hbal/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; } #calendar { margin: 0; padding: 0; width: 237px; } #calendar h2 { background: url(/images/hbal/calendar_hd.jpg) left top no-repeat; height: 62px; margin: 0; overflow: hidden; padding: 0; text-indent: -1000px; width: 237px; } #calendar table { margin: 12px 0 6px 12px; padding: 0; } #calendar tr { background: url(/images/hbal/calendar_row.jpg) left bottom no-repeat; } #calendar tr td { color: #727272; font-size: 11px; font-weight: bold; padding: 3px 10px 12px 10px; vertical-align:top; } #calendar tr td.first { width: 50px; } #calendar tr td a { color: #dd7217; text-decoration: none; } #calendar tr td a:hover { color: #FFB36F; } #view_all_events { background: url(/images/hbal/view_all_events.jpg) left bottom no-repeat; display: block; height: 22px; margin: 0 0 0 12px; width: 209px; } /* --- =maincontent --- */ #maincontent { text-align: left; width: 647px; height: 37px; background-position: left top; position: relative; float: left; } #maincontentnav { text-align: left; width: 237px; height: auto; position: relative; background-position: center top; } .maincontentnav { text-align: left; width: 307px; height: auto; position: relative; background: white center top; } /* --- =navigation (ul) --- */ #navigation { background: url(/images/hbal/navigation.jpg) no-repeat left top; border-bottom: 3px solid #ffffff; border-right: 3px solid #ffffff; border-top: 3px solid #ffffff; height: 31px; width: 644px; float: left; position: relative; } #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/hbal/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/hbal/navigation.jpg) 0 -31px no-repeat; height: 31px; width: 52px; } #nav_join a { background: url(/images/hbal/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/hbal/navigation.jpg) -53px -31px no-repeat; height: 31px; width: 74px; } #nav_education a { background: url(/images/hbal/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/hbal/navigation.jpg) -128px -31px no-repeat; height: 31px; width: 154px; } #nav_newsroom a { background: url(/images/hbal/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/hbal/navigation.jpg) -283px -31px no-repeat; height: 31px; width: 83px; } #nav_members a { background: url(/images/hbal/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/hbal/navigation.jpg) -367px -31px no-repeat; height: 31px; width: 98px; } #nav_about a { background: url(/images/hbal/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/hbal/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/hbal/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/hbal/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/hbal/nav_bull.gif) 14px center 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/hbal/nav_bull.gif) 14px center 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/hbal/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 { display: block; height: 51px; overflow: hidden; padding: 0; text-indent: -1000px; } #tab_shows, #tab_shows.up { background: url(/images/hbal/hompage_changecontentctr.gif) 0 0 no-repeat; width: 112px; } #tab_shows:hover, #tab_shows.active { background: url(/images/hbal/hompage_changecontentctr.gif) 0 -52px no-repeat; } #tab_publications, #tab_publications.up { background: url(/images/hbal/hompage_changecontentctr.gif) -118px 0 no-repeat; width: 112px; } #tab_publications:hover, #tab_publications.active { background: url(/images/hbal/hompage_changecontentctr.gif) -118px -52px no-repeat; } #tab_trends, #tab_trends.up { background: url(/images/hbal/hompage_changecontentctr.gif) -236px 0 no-repeat; width: 120px; } #tab_trends:hover, #tab_trends.active { background: url(/images/hbal/hompage_changecontentctr.gif) -236px -52px no-repeat; } /* --- =footer --- */ #footer { background: url(/images/hbal/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/hbal/footer_copy.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/hbal/footer_links2.gif) -70px 0 no-repeat; width: 20px; } #footer_advertising a{ background: url(/images/hbal/footer_links2.gif) 0 0 no-repeat; width: 70px; } #footer_advertising a:hover { background: url(/images/hbal/footer_links2.gif) 0 -40px no-repeat; width: 70px; } #footer_contact a { background: url(/images/hbal/footer_links2.gif) -90px 0 no-repeat; width: 69px; } #footer_contact a:hover { background: url(/images/hbal/footer_links2.gif) -90px -40px no-repeat; width: 69px; } #footer_privacy a { background: url(/images/hbal/footer_links2.gif) -169px 0 no-repeat; width: 69px; } #footer_privacy a:hover { background: url(/images/hbal/footer_links2.gif) -169px -40px no-repeat; width: 69px; } .clearfix { clear: both; } /* ~~~~~~~~~~~~~~ headers ~~~~~~~~~~~~~~~ */