body{ font: 12px/18px arial, sans-serif; text-align: center; margin: 0;} h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { visibility: hidden; } h2 { margin: 0; text-align: left;} h2.aboutCCFN{ background: url(/images/about_ccfn_right.jpg) top left no-repeat; height: 107px; width: 606px;} h2.inAction{ background: url(/images/in_action_right.jpg) top no-repeat; height: 107px; width: 606px;} h2.membership { background: url(/images/membership_right.jpg) top no-repeat; height: 107px; width: 606px;} h2.media { background: url(/images/media_right.jpg) top no-repeat; height: 107px; width: 606px;} h2.events { background: url(/images/events_right.jpg) top no-repeat; height: 107px; width: 606px;} h2.contact{ background: url(/images/contact_right.jpg) top no-repeat; height: 107px; width: 606px; } h2.map{ background: url(/images/map_right.jpg) top no-repeat; height: 107px; width: 606px; } h2.search{ background: url(/images/search_right.jpg) top no-repeat; height: 107px; width: 606px; } h2.disclaimer { background: url(/images/disclaimer_right.jpg) top no-repeat; height: 107px; width: 606px; } /*FRENCH H2 HEADERS */ h2.aboutCCFNFR{ background: url(/images/about_ccfn_right_FR.jpg) top left no-repeat; height: 107px; width: 606px;} h2.inActionFR{ background: url(/images/in_action_right_FR.jpg) top no-repeat; height: 107px; width: 606px;} h2.membershipFR { background: url(/images/membership_right_FR.jpg) top no-repeat; height: 107px; width: 606px;} h2.mediaFR { background: url(/images/media_right_FR.jpg) top no-repeat; height: 107px; width: 606px;} h2.eventsFR { background: url(/images/events_right_FR.jpg) top no-repeat; height: 107px; width: 606px;} h2.contactFR{ background: url(/images/contact_right_FR.jpg) top no-repeat; height: 107px; width: 606px; } h2.mapFR{ background: url(/images/map_right_FR.jpg) top no-repeat; height: 107px; width: 606px; } h2.searchFR{ background: url(/images/search_right_FR.jpg) top no-repeat; height: 107px; width: 606px; } h2.disclaimerFR{ background: url(/images/disclaimer_right_FR.jpg) top no-repeat; height: 107px; width: 606px; } /* about ccfn headers */ h3.history{ background: url(/images/h3_history.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.board{ background: url(/images/h3_board.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.bylaws{ background: url(/images/h3_bylaws.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.governance{ background: url(/images/h3_governance.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.strategicPlan{ background: url(/images/h3_strategic_plan.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.report{ background: url(/images/h3_report.gif) no-repeat; height: 40px; width: 606px; margin: 0; } /*french about ccfn headers */ h3.historyFR{ background: url(/images/h3_history_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.boardFR{ background: url(/images/h3_board_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.bylawsFR{ background: url(/images/h3_bylaws_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.governanceFR{ background: url(/images/h3_governance_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.strategicPlanFR{ background: url(/images/h3_strategic_plan_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.reportFR{ background: url(/images/h3_report_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } /* in action headers */ h3.new{ background: url(/images/h3_new.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.sodium{ background: url(/images/h3_sodium.gif) no-repeat; height: 40px; width: 428px; margin: 0; } h3.vitaminD{ background: url(/images/h3_vitaminD.gif) no-repeat; height: 40px; width: 428px; margin: 0; } h3.fat{ background: url(/images/h3_fat.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.nutrition{ background: url(/images/h3_childhood_nutrition.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.labels{ background: url(/images/h3_product_labels.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.briefs{ background: url(/images/h3_briefs.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.factsheets{ background: url(/images/h3_factsheets.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.transfat{ background: url(/images/h3_transfat.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.foodguide{ background: url(/images/h3_foodguide.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.trends{ background: url(/images/h3_Surveillance.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.links{ background: url(/images/h3_links.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.archive{ background: url(/images/h3_archive.gif) no-repeat; height: 40px; width: 606px; margin: 0; } /* french in action headers */ h3.newFR{ background: url(/images/h3_new_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.obesityFR{ background: url(/images/h3_obesity_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.transfatFR{ background: url(/images/h3_transfat_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.foodguideFR{ background: url(/images/h3_foodguide_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.trendsFR{ background: url(/images/h3_trends_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.linksFR{ background: url(/images/h3_links_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.archiveFR{ background: url(/images/h3_archive_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } /* membership headers */ h3.benefits{ background: url(/images/h3_benefits.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.join{ background: url(/images/h3_join.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.current{ background: url(/images/h3_current.gif) no-repeat; height: 40px; width: 500px; margin: 0;} h3.membersonly{ background: url(/images/h3_membersonly.gif) no-repeat; height: 40px; width: 500px; margin: 0;} /* french membership headers */ h3.benefitsFR{ background: url(/images/h3_benefits_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.joinFR{ background: url(/images/h3_join_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.currentFR{ background: url(/images/h3_current_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } /* media headers */ h3.articles{ background: url(/images/h3_articles.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.facts{ background: url(/images/h3_facts.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.reliable_links{ background: url(/images/h3_reliable_links.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.news{ background: url(/images/h3_news.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.press{ background: url(/images/h3_press.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.qa{ background: url(/images/h3_q&a.gif) no-repeat; height: 40px; width: 606px; margin: 0; } /* french media headers */ h3.newsFR{ background: url(/images/h3_news_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.pressFR{ background: url(/images/h3_press_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } /* events headers */ h3.ccfn_events{ background: url(/images/h3_ccfn_events.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.ccfn_speaking{ background: url(/images/h3_ccfn_speaking.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.forums{ background: url(/images/h3_forums2.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.past_forums{ background: url(/images/h3_pastforums.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.exchange{ background: url(/images/h3_exchange.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.agm {background: url(/images/h3_agm.gif) no-repeat; height: 40px; width:606px; margin: 0; } h3.podcast { background: url(/images/h3_podcasts.gif) no-repeat; height: 40px; width:247px; margin:0; } /* french events headers */ h3.ccfn_eventsFR{ background: url(/images/h3_ccfn_events_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.forumsFR{ background: url(/images/h3_forums_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.exchangeFR{ background: url(/images/h3_exchange_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.agm_FR {background: url(/images/h3_agm_FR.gif) no-repeat; height: 40px; width:606px; margin: 0; } h3.past_forumsFR { background: url(/images/h3_past_events_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0;} /* utilities headers */ h3.contact { background: url(/images/h3_contact.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.register { background: url(/images/h3_register.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.map { background: url(/images/h3_map.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.disclaimer { background: url(/images/h3_disclaimer.gif) no-repeat; height: 40px; width: 606px; margin: 0; } /* french utilities headers */ h3.contactFR { background: url(/images/h3_contact_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.registerFR { background: url(/images/h3_register_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.mapFR { background: url(/images/h3_map_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } h3.disclaimerFR { background: url(/images/h3_disclaimer_FR.gif) no-repeat; height: 40px; width: 606px; margin: 0; } /* registration headers */ h3.welcome { background: url(/images/h3_welcome.gif) no-repeat; height: 40px; width: 500px; margin: -18px 0 0 0; } h3.updated { background: url(/images/h3_updated.gif) no-repeat; height: 40px; width: 500px; margin: -18px 0 0 0; } h3.confirmation { background: url(/images/h3_confirmation.gif) no-repeat; height: 40px; width: 500px; margin: -18px 0 0 0;} h3.profile { background: url(/images/h3_profile.gif) no-repeat; height: 40px; width: 500px; margin: -18px 0 0 0; } h3.registration { background: url(/images/h3_registration.gif) no-repeat; height: 40px; width: 500px; margin: -18px 0 0 0; } /* french registration headers */ h3, h3.welcomeFR, h3.updatedFR, h3.confirmationFR, h3.profileFR, h3.registrationFR { clear: both; } h3.welcomeFR { background: url(/images/h3_welcome_FR.gif) no-repeat; height: 40px; width: 500px; margin: -18px 0 0 -18px; } h3.updatedFR { background: url(/images/h3_updated_FR.gif) no-repeat; height: 40px; width: 500px; margin: -18px 0 0 -18px; } h3.confirmationFR { background: url(/images/h3_confirmation_FR.gif) no-repeat; height: 40px; width: 500px; margin: -18px 0 0 -18px;} h3.profileFR { background: url(/images/h3_profile_FR.gif) no-repeat; height: 40px; width: 500px; margin: -18px 0 0 -18px; } h3.registrationFR { background: url(/images/h3_registration_FR.gif) no-repeat; height: 40px; width: 500px; margin: -18px 0 0 -18px; } h4{ font-size: 12px; color: #6E2301; } p { margin: 12px 0 ; line-height: 18px;} a { color: #83702E;} a span {visibility: hidden; } a:hover { color: #6E2301; } .small{ font-size: 11px; line-height: 14px; } .large{ font-size: 14px; } .red { color: #6E2301 } .bold{ font-weight: bold; } .italic{ font-style: italic; } .h4nospace{ font-size: 12px; font-weight: bold; color: #6E2301; } /* Structural Styles */ #mainContainerDrill { background: url(/images/sidenav_back.gif); background-repeat: repeat-y; width: 777px; height: 100%; text-align: left; margin: 80px auto 0 auto; } #container {} #content { width: 609px; border-top: 1px solid white; background-color: white; float: left; } #footer{ font: 11px/18px verdana, sans-serif; width: 609px; /*606 */ height: auto; float: left;} #footer p { text-align: center;} #footer p.textLinks { margin: 10px 0; text-align: center;} #pressReleaseContain{ width: 520px; float: left; } .date{ width: 150px; float: left; } .pressRelease{ width: 370px; float: left; } /* Main Left Nav Structural Styles */ #navDrill{ width: 168px; float: left; border-top: 1px solid white; background-color: #FDFAF5; } #navDrill ul{ width: 168px; margin: 110px 0 0 0; padding: 0px; list-style-type: none; } #navDrill li { margin: 0px; padding: 0px; background-repeat: no-repeat; } #navDrill ul li a { display: block; height: 27px; margin: 0px; padding: 0px; } #navDrill ul li a span { display: none;} /* english menu images */ #navDrill li.about { background-image: url(/images/menu_about_ccfn.gif); } #navDrill li.action { background-image: url(/images/menu_action.gif); } #navDrill li.membership { background-image: url(/images/menu_membership.gif); } #navDrill li.media { background-image: url(/images/menu_media.gif); } #navDrill li.events { background-image: url(/images/menu_events.gif); } /* french menu images */ #navDrill li.aboutFR { background-image: url(/images/menu_about_ccfn_FR.gif); } #navDrill li.actionFR { background-image: url(/images/menu_action_FR.gif); } #navDrill li.membershipFR { background-image: url(/images/menu_membership_FR.gif); } #navDrill li.mediaFR { background-image: url(/images/menu_media_FR.gif); } #navDrill li.eventsFR { background-image: url(/images/menu_events_FR.gif); } #navDrill li ul { background: url(/images/divider.gif) no-repeat bottom; list-style-type: none; clear: both; padding: 0 0 8px 0; margin: 5px 0 0 0; } #navDrill li ul li{ font: 11px/16px verdana, sans-serif; color: #626F67; margin: 0; /*height: 100%;*/ /*22px; made change to compensate for those breaking to next line - may cause problem in IE 5?*/ height: 22px; /* Yes it did, so I changed it back */ } #navDrill li ul li/* */ { padding: 0 0 0 15px; } #navDrill li ul li a { color: #657168; text-decoration: none; height: 100%; } #navDrill li ul li a:hover { text-decoration: underline; } #joinCCFN{ background: url(/images/menu_bottom.gif) no-repeat; height: 150px; width: 168px; margin: 14px 0 0 0; } #joinCCFN a { background: url(/images/menu_join_link.gif) no-repeat; display: block; height: 16px; width: 168px; margin: 60px 0 0 0; text-decoration: none; } #joinCCFNFR { background: url(/images/menu_bottom_fr.gif) no-repeat; height: 150px; width: 168px; margin: 12px 0 0 0; } #joinCCFNFR span { visibility: hidden; } #joinCCFNFR a { background: url(/images/menu_join_link_fr.gif) no-repeat; display: block; height: 35px; width: 145px; margin: 82px 0 0 12px; text-decoration: none; } #joinCCFN span { visibility: hidden; background: url(/images/menu_about_ccfn.gif); } /* Nav Section Background Images */ .aboutCCFN { background: url(/images/about_ccfn_left.jpg) top right no-repeat; } .inAction { background: url(/images/in_action_left.jpg) top right no-repeat; } .membership { background: url(/images/membership_left.jpg) top right no-repeat; } .media { background: url(/images/media_left.jpg) top right no-repeat; } .events { background: url(/images/events_left.jpg) top right no-repeat; } .contactLeft{ background: url(/images/contact_left.jpg) top right no-repeat; } .mapLeft{ background: url(/images/map_left.jpg) top right no-repeat; } .searchLeft{ background: url(/images/search_left.jpg) top right no-repeat; } /* "Helper Styles */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .hide { display: none; } /********************** HomePage Specific Styles ************************************/ body#home #container{ width: 777px; height: auto; margin: 0 auto; text-align: left; z-index: 1; } body#home h1 { width: 500px; } #nav{ height: 169px; width: 273px; float: left;} #nav ul{ width: 273px; margin: 0px; padding: 0px; list-style-type: none; } #nav li { margin: 0px; padding: 0px; float: left; width: 273px; } #nav ul li a { display: block; width: 273px; margin: 0px; padding: 0px; height: 30px; } #nav ul li a span{ display: none; } #nav ul li a:hover {} #nav li.about { background-image: url("/images/about.gif"); background-repeat: no-repeat; height: 36px;} #nav li.action { background-image: url("/images/in_action.gif"); background-repeat: no-repeat; height: 35px;} #nav li.membership { background-image: url("/images/membership.gif"); background-repeat: no-repeat; height: 30px;} #nav li.media { background-image: url("/images/media.gif"); background-repeat: no-repeat; height: 31px;} #nav li.events { background-image: url("/images/events.gif"); background-repeat: no-repeat; height: 37px;} /* french main page images */ #nav li.aboutFR { background-image: url("/images/about_FR.gif"); background-repeat: no-repeat; height: 36px;} #nav li.actionFR { background-image: url("/images/in_action_FR.gif"); background-repeat: no-repeat; height: 35px;} #nav li.membershipFR { background-image: url("/images/membership_FR.gif"); background-repeat: no-repeat; height: 30px;} #nav li.mediaFR { background-image: url("/images/media_FR.gif"); background-repeat: no-repeat; height: 31px;} #nav li.eventsFR { background-image: url("/images/events_FR.gif"); background-repeat: no-repeat; height: 37px;} #introMovie { height: 168px; width: 230px; float:left; margin: 0 0 0px 0; } .introText{ float: left; height: 167px; width: 273px; background:url(/images/descrip.gif) no-repeat; background-color: #EAE1BD; border-top: 1px solid #EAE1BD; } .introText h1, .introText p {display: none; } .introText a { display: block; background-image: url("/images/clickHere.gif"); height: 18px; width: 252px; margin: 120px 0 0 0; text-decoration: none; } .introTextFR{ float: left; height: 168px; width: 273px; background:url(/images/descrip_FR2.gif) no-repeat ; background-color: #EAE1BD; } .introTextFR h1 {display: none; } .introTextFR p { height: 143px; margin: 0; font-size: 8px;} .introTextFR p span { visibility: hidden; } .introTextFR a { display: block; background-image: url("/images/clickHere_FR.gif"); height: 18px; width: 252px; margin: 0 5px 0 0; text-decoration: none; float: right; } #promos { height: 555px; width: 270px; float: left; } #promos a { text-decoration: none; } #matter { height: 155px; padding: 5px 0 0 0;} #matter h3 { width: 130px; height: 145px; margin: 0; float: left; background: url(/images/matter.gif);} #matter h3 a{ width: 130px; height: 145px; text-decoration: none; } #matter p { width: 130px; height: 60px; float: left; background: url(/images/solution.gif); margin: 28px 0 0 0; } #matter a { display: block; background: url(/images/join_button.gif ); width: 120px; height: 53px; margin: 5px 0 0 0; } #matter a/* */ {float: left;} #matter span { visibility: hidden; } #matterFR { margin: 10px 0 0 0; } #matterFR h3 { width: 133px; height: 141px; margin: 0; float: left; background: url(/images/join_FR.gif);} #matterFR h3 a{ width: 133px; height: 141px; text-decoration: none; } #matterFR p { width: 130px; height: 141px; float: left; background: url(/images/join_right_FR.gif); margin: 0px 0 0 0; } #matterFR a { display: block; background: url(/images/click_FR.gif ); width: 272px; height: 24px; margin: 5px 0 0 0; } #matterFR a/* */ {float: left;} #matterFR span { visibility: hidden; } #obesity { background: url(/images/salad.jpg) top left no-repeat; height: 135px; margin-top: 0px;} #obesity h3 { background: url(/images/spotlight.gif) top left no-repeat; height: 61px; width: 150px; margin: 20px 0 0 100px; } #obesity h3 a { display: block; height: 61px; width: 150px; } #consumersSodium { text-align: center; } #consumersSodium h3 { background: url(/images/callOut_consumersSodium.gif) top left no-repeat; margin: 0 0 8px 0; width: 239px; height: 113px; } #consumersSodium h3 a { display: block; width: 239px; height: 113px; } #AGMbanner { text-align: center; } #AGMbanner h3 { background: url(/images/agm_2006_banner.gif) top left no-repeat; margin: 0 0 0 0; width: 240px; height: 86px; } #AGMbanner h3 a { display: block; width: 239px; height: 83px; } #webcast { text-align: center; } #webcast h3 { background: url(/images/webcast_banner3.gif) top left no-repeat; margin: 0 0 0 0; width: 239px; height: 120px; } #webcast h3 a { display: block; width: 239px; height: 110px; } #webcast2 { text-align: center; } #webcast2 h3 { background: url(/images/webcast_banner4.gif) top left no-repeat; margin: 0 0 0 0; width: 239px; height: 120px; } #webcast2 h3 a { display: block; width: 239px; height: 113px; } #vitaminD { text-align: center; } #vitaminD h3 { background: url(/images/banner_vitaminD.gif) top left no-repeat; margin: 0 0 0 0; width: 239px; height: 120px; } #vitaminD h3 a { display: block; width: 239px; height: 110px; } #currentPerspective { text-align: center; } #currentPerspective h3 { background: url(/images/callOut_currentPerspective.gif) top left no-repeat; margin: 0 0 0 0; width: 239px; height: 120px; } #currentPerspective h3 a { display: block; width: 239px; height: 110px; } #amg_tnt { text-align: center; } #amg_tnt h3 { background: url(/images/spotlight_on_AGMandTNT.gif) top left no-repeat; margin: 0 0 0 0; width: 239px; height: 120px; } #amg_tnt h3 a { display: block; height: 113px; width: 239px; } body#home h2 { background-image: url(/images/whoweare.jpg); height: 54px; width: 777px; margin: 0; float: left;} body#home h2.french { background-image: url(/images/whoweare_FR.jpg); height: 53px; width: 777px; margin: 0; float: left;} #homeContent { background-color: #FAF7EE; width: 504px; padding: 25px 25px 20px 20px; float: right; height: 585px; /*border: solid #EFEEDC; border-width: 0px 1px 1px 1px;*/ } #homeContent/* */ { width: 458px; } /* This comment hack feeds a different width to all but IE 5 and its quirky box model */ #homeContent p {font: 12px/24px arial, sans-serif; color: #343631;} body#home #footer{ margin: 0; width: 100%; margin-top:20px;} /* New Styles */ a.noUnderline { text-decoration: none; height: 76px; width: 525px; } td { font: 12px/18px arial, sans-serif; text-align: center; margin: 0; text-align: left;} h4.big { font-size: 16px; font-weight: bold; color: #6E2301; } /* form styles */ .button{ font-family:Arial; font-size:12px; font-weight:normal; font-style:normal; color:black; background-color:#D2CFAC; border-style:outset; border-width:2px; border-color:#CCCCCC; } .textbox{ font-family:Arial; font-size:12px; } .alert { color: #CE0013; margin: 0 0 20px 0; clear: both; } img.printLogo { display: none;} td.left { width: 30%; font-family:Arial; font-size:14px; color: red; font-weight: bold;} td.subleft { width: 35%; font-family:Arial; font-size:12px; color: red; } td.subright { width: 65%; font-family: Arial; font-size: 12px; color: black; } td.right { width: 70%; font-family: Arial; font-size: 12px; color: black; } .left {font-family:Arial; font-size:14px; color: red; font-weight: bold;} #buttontest {position: relative; left: -90px; text-align: right; top: 17px;} /********** Utiliy Menu Styles TS - 28Feb2008 ***************/ #headerContainer { z-index: 2; position: absolute; top:0; left: 0; width: 100%; height: 100px; text-align: center; border: 0px solid red; } #header { height: 100px; width: 777px; margin: 0 auto; text-align: left; border: 0px solid red;} #header h1 { float: left; width: 200px; height: 80px; background: url(/images/ccfn_banner_drilldown.gif) no-repeat; border: 0px solid green; margin: 0; } #header h1 a { display: block; height: 80px; } #header h1 a span { visibility: hidden; } #header #loginSearch { float: left; width: 565px; padding: 0 5px 0 0; height: 80px; border: 0px solid cyan; } #header div.signIn { clear: both; float: right; width: 222px; margin: 13px 0 0 0; background: url(/images/member_signin.gif) no-repeat; border: 0px solid red; } #header div.signIn a { display: block; width: 90px; height: 18px; margin: 0 0 0 137px; border: 0px solid blue; } #header div.signIn span { display: none; } #header div.welcome { clear: both; float: right; width: 100%; margin: 13px 0 0 0; border: 0px solid red; } #header div.welcome span.name { display: block; float: right; } #header div.welcome a.signOut { display: block; float: right ; width: 65px; height: 18px; background: url(/images/sign_out.gif) 0% 2px; margin: 0 0 0 5px; } #header form { clear: both; float: right; width: 250px; margin: 6px 0; background: url(/membership/Images/lbl_search_ccfn.gif) 0% 50% no-repeat; border: 0px solid red; } #header form input.text { margin: 0 0 0 80px; } #header #utilityMenu { clear: both; float: right; height: 22px; width: 100%; } #header #utilityMenu ul { margin: 0; padding: 0; float: right; height: 22px; background: #8e9b94; list-style-type: none; } #header #utilityMenu li { margin: 0; padding: 2px 10px 2px 10px; float: left; background: url(/images/utilities_menu_divider.gif) 100% 50% no-repeat; } #header #utilityMenu li.last { background: none; } #header ul.default { width: 274px; } #header ul.members { width: 375px; } #header ul.afiliate { width: 350px; } #header a { font: 11px verdana; text-decoration: none; color: white; } #header a:hover { text-decoration: underline; } /* Home Page Utility Styles */ body#home #header { border: 0px solid red; } body#home #header h1 { height: 103px; width: 235px; background: url(/images/ccfn_banner.gif); border: 0px solid red; } body#home #header #loginSearch { height: 103px; width: 525px; } body#home #header div.signIn { margin: 20px 0 0 0; } body#home #header form { margin: 11px 0 11px 0; } body#home #utilityMenu { margin: 8px 0 0 0; } body#home #container { margin: 103px auto 0 auto; } /* French Utility Styles */ #header div.signIn_fr { clear: both; float: right; width: 225px; margin: 15px 0 0 0; background: url(/images/member_signin_FR.gif) no-repeat; border: 0px solid red; } #header div.signIn_fr a { display: block; width: 90px; height: 18px; margin: 0 0 0 137px; border: 0px solid blue; } #header div.signIn_fr span { display: none; } #header div.welcome a.signOut_fr { display: block; float: right ; width: 65px; height: 18px; background: url(/images/sign_out_fr.gif) 0% 2px; margin: 0 0 0 5px; } #header form.french { clear: both; float: right; width: 265px; margin: 6px 0; background: url(/membership/Images/lbl_search_ccfn_fr.gif) 0% 50% no-repeat; border: 0px solid red; } #header form.french input.text { margin: 0 0 0 95px; } #header ul.default_fr { width: 420px; }