/* CSS Document */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = RESET CSS ------------------------------------------------------------------------------------------------------------------------------------------------------ */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; } h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; } ol, ul { list-style-type : none; } table { border-collapse : collapse; border-spacing : 0; } caption, th { text-align : left; } fieldset, img { border : 0; } dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; } q:before, q:after { content :''; } /* =blocktext - 20px is left & right margin*/ /* h2, h3, h4, h5, p, ul { margin:0 20px; padding:.5em 0; } */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = LAYOUT ------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* =html */ html { background : #fff url(../images/bg_repeat.png) repeat-x; } /* =body */ body { position : relative; width : 794px; margin : 0px auto 0 auto; /* positions the body with a margin top and centers it */ background:url(../images/content_bg.png) no-repeat #FFFFFF; /* edge and content bg */ font: normal 11px verdana, arial, geneva, helvetica, sans-serif; } /* =main elements */ div#masthead, div#footer, div#masthead_app { width : 100%; } div#container { width : 770px; margin : 0 auto; background-color:#fff; } .clear { clear: both; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------------ */ div#content { position:relative; width:100%; } div#main_nav { float:left; width:40%; background:url(../images/nav_bg.png) no-repeat; } /* width: 308px; */ /* width:40%; */ div#main_content { float:right; width:60%; line-height: 150%; margin-bottom:10px; } /* width: 462px; */ /* width:60%; */ div#home_image { float:right; width:60%; height:92px; background-image:url(../images/home_image.png);} /* width: 462px; */ /* width:60%; */ /* A CSS comment before the hack \*/ * html div#main_content { width: 462px; w\idth: 462px; } * html div#home_image { width:462px; w\idth:462px; } /* Another CSS comment after the hack */ div#main_content p { font: 12px Arial, Helvetica, sans-serif; color: #104893; margin:0px 0px 10px 0px; padding:0px 25px 0px 5px; } h3 { font: 16px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; margin:10px 0 10px 5px; } h5 { font: 14px Arial, Helvetica, sans-serif; font-weight:bold; color: #104893; margin:0px 0px 10px 0px; padding:0px 25px 0px 5px; } a.backtotop { font: 12px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; text-decoration:underline; } a:visited.backtotop { font: 12px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; text-decoration:underline; } a:hover.backtotop { font: 12px Arial, Helvetica, sans-serif; color: #829DBF; font-weight:bold; text-decoration:underline; } /* yellow = #FFD90B */ .boldcopy { font-weight:bold; } .imageCopy { font-weight:bold; font-style:italic;; color:#999999; } .alternativeBlue { color:#829DBF; } a.copylink { font-weight:bold; text-decoration:underline; color: #104893; } a:visited.copylink { font-weight:bold; text-decoration:underline; color: #104893; } a:hover.copylink { font-weight:bold; text-decoration:underline; color: #000000; } div#main_content a { font-weight:bold; text-decoration:underline; color: #104893; } div#main_content a:visited { font-weight:bold; text-decoration:underline; color: #104893; } div#main_content a:hover { font-weight:bold; text-decoration:underline; color: #000000; } div#main_content ul { list-style:disc; font-weight:bold; margin:0px 0px 10px 15px; padding:0px 35px 0px 5px; color: #104893; font-family:Arial, Helvetica, sans-serif; } div#main_content div.hr { margin:5px 25px 5px 5px; height: 1px; background: #fff url('../images/hr.gif') repeat-x scroll center; } #flashBanner { width:300px; height:250px; margin:15px auto 0px auto; } /* tables */ table { border:solid #999999 1px; margin-bottom:10px; } td { border:solid #999999 1px; padding:5px; font: 12px Arial, Helvetica, sans-serif; color: #104893; } table#formTable { margin-bottom:1.5em; width:375px; } table#formTable td { border:none; padding:8px; font: 12px Arial, Helvetica, sans-serif; color: #104893; background:#f2f2e6; } .requiredField { color:#F00; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = EVENTS FEATURE + HOME IMAGE (LATEST NEWS PANEL ON HOME PAGE) ------------------------------------------------------------------------------------------------------------------------------------------------------ */ div#home_image { float:left; } div#home_image img { border:none; margin:0; padding:0; } div#feat_events { float:left; width:430px; min-height:200px; background:url(../images/events_feature_bg.jpg) no-repeat 0 100%; margin:15px 0px; padding-bottom:15px; } div#feat_events h5 { background : url(../images/featEvent_heading_bg.jpg) no-repeat 0 0; min-height:40px; margin:0; } /* graphic titles */ div#feat_events h5 { font: 16px Arial, Helvetica, sans-serif; color: #fff; font-weight:bold; padding:10px 10px 0px 15px; margin:0px; } div#feat_events h6 { font: 12px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 15px 0px 15px; } div#feat_events p { font: 12px Arial, Helvetica, sans-serif; color: #104893; margin:0px; padding:1px 15px 2px 15px; } div#feat_events a { font-weight:bold; text-decoration:underline; color: #104893; } div#feat_events a:visited { font-weight:bold; text-decoration:underline; color: #104893; } div#feat_events a:hover { font-weight:bold; text-decoration:underline; color: #000000; } div#feat_events div.hr { margin:5px 15px 5px 15px; height: 1px; background: #fff url('../images/hr.gif') repeat-x scroll center; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = SUB CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------------ */ div#sub_links, div#sub_events { float:left; width:221px; min-height:218px; background:url(../images/sub_bg.png) no-repeat 0 100%; margin-top:15px; margin-bottom:15px; padding-bottom:15px; } div#sub_links h5, div#sub_events h5 { background : url(../images/sub_heading_bg.png) no-repeat 0 0; min-height:40px; margin:0; } /* graphic titles */ div#sub_links h5, div#sub_events h5 { font: 16px Arial, Helvetica, sans-serif; color: #fff; font-weight:bold; padding:10px 10px 0px 15px; margin:0px; } div#sub_links h6, div#sub_events h6 { font: 12px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; margin:0px 0px 5px 0px; padding:0px 15px 0px 15px; } div#sub_links p, div#sub_events p { font: 12px Arial, Helvetica, sans-serif; color: #104893; margin:0px; padding:1px 15px 2px 15px; } div#sub_links div.hr, div#sub_events div.hr { margin:5px 15px 5px 15px; height: 1px; background: #fff url('../images/hr.gif') repeat-x scroll center; } div.hr hr { display: none; } div#sub_links a, div#sub_events a { font: 12px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; text-decoration:underline; } div#sub_links a:visited, div#sub_events a:visited { font: 12px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; text-decoration:underline; } div#sub_links a:hover, div#sub_events a:hover { font: 12px Arial, Helvetica, sans-serif; color: #000000; font-weight:bold; text-decoration:underline; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = FOOTER ------------------------------------------------------------------------------------------------------------------------------------------------------ */ div#footer { position : relative; width : 100%; height : 154px; background : url(../images/footer_bg.png) no-repeat 0 0; text-align:center; font-size:10px; } div#footer p { font: 12px Arial, Helvetica, sans-serif; color: #104893; margin:96px 0px 0px 0px; } div#footer ul { list-style-type:none; text-align:center; width:100%; display:block; padding:0; width:680px; margin:3px 45px 0px 45px; } /* div#footer ul { list-style-type:none; display:block; padding:0; width:680px; margin:3px 0px 0px 45px; } */ div#footer ul li { display:inline; padding: 0 0 0 0; } h4 { z-index:1; position:absolute; left:345px; top:0px; height:96px; width:80px; background:url(../images/logo_footer.png) no-repeat; text-indent:-9999px; margin:0px; } div#footer h4 a { display : block; width : 80px; height :96px; text-indent : -9999px; } div#footer a { font: 10px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; text-decoration:underline; } div#footer a:hover { font: 10px Arial, Helvetica, sans-serif; color: #000; font-weight:bold; text-decoration:underline; } #accessibility { margin-left:47px; width:225px; font-size:9px; color: #104893; padding:10px 0 10px 0; } #accessibility a { color: #104893;; text-decoration:underine; font-weight:bold; } #accessibility a:hover { color:#000; text-decoration:underline; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = MASTHEAD ------------------------------------------------------------------------------------------------------------------------------------------------------ */ div#masthead { position:relative; height:252px; background:#fff url(../images/masthead_bg.png) repeat-x; display: block; } h1 { z-index:1; position:absolute; left:92px; top:79px; height:172px; width:128px; background:url(../images/logo_main.png) no-repeat; text-indent:-9999px; } div#masthead h1 a { display : block; width : 128px; height :172px; text-indent : -9999px; } div#masthead_home { position:relative; height:252px; background:#fff url(../images/mast_homeBg.png) repeat-x; display: block; } div#masthead_home h1 a { display : block; width : 128px; height :172px; text-indent : -9999px; } h2#title_home, h2#title_whoweare, h2#title_news, h2#title_thanks, h2#title_howyoucanhelp, h2#title_events, h2#title_fundraising, h2#title_support, h2#title_volunteering, h2#title_staff, h2#title_research, h2#title_contactus, h2#title_donate, h2#title_legacies, h2#title_newsarchive, h2#title_grants, h2#title_about, h2#title_gifts, h2#title_shop, h2#title_newsletters { z-index:2; position:absolute; left:308px; top:145px; width:442px; height:50px; display:block; text-indent : -9999px; } /* page titles */ h2#title_home { background-image:url(../images/page_titles/title_home.png); background-repeat:no-repeat; } h2#title_whoweare { background-image:url(../images/page_titles/title_whoweare.png); } h2#title_news { background-image:url(../images/page_titles/title_latestnews.png); } h2#title_thanks { background-image:url(../images/page_titles/title_thankstoyou.png); } h2#title_howyoucanhelp { background-image:url(../images/page_titles/title_howyoucanhelp.png); } h2#title_events { background-image:url(../images/page_titles/title_events.png); } h2#title_fundraising { background-image:url(../images/page_titles/title_fundraising.png); } h2#title_support { background-image:url(../images/page_titles/title_support.png); } h2#title_volunteering { background-image:url(../images/page_titles/title_volunteering.png); } h2#title_staff { background-image:url(../images/page_titles/title_stafftrustees.png); } h2#title_research { background-image:url(../images/page_titles/title_medicalResearch.png); } h2#title_contactus { background-image:url(../images/page_titles/title_contactus.png); } h2#title_donate { background-image:url(../images/page_titles/title_donating.png); } h2#title_legacies { background-image:url(../images/page_titles/title_legacies.png); } h2#title_newsarchive { background-image:url(../images/page_titles/title_newsarchive.png); } h2#title_grants { background-image:url(../images/page_titles/title_grants.png); } h2#title_about { background-image:url(../images/page_titles/title_about.png); } h2#title_gifts { background-image:url(../images/page_titles/title_gifts.png); } h2#title_shop { background-image:url(../images/page_titles/title_shop.png); } h2#title_newsletters { background-image:url(../images/page_titles/title_newsletters.jpg); } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = IMAGES ------------------------------------------------------------------------------------------------------------------------------------------------------ */ img { border:1px #CCCCCC solid ; padding:5px; } .imgFloatRight { float:right; margin:0px 0px 10px 10px; } .imgFloatLeft { float:left; margin:0px 10px 10px 0px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = MAIN NAVIGATION ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #main_nav ul { margin: 0px 37px 16px 42px; border-top: solid 1px #ededed; text-align: left; list-style-type: none; } #main_nav ul a.home, #main_nav ul a.link1, #main_nav ul a.link2, #main_nav ul a.link3, #main_nav ul a.link4, #main_nav ul a.link5, #main_nav ul a.link6, #main_nav ul a.link7, #main_nav ul a.link8, #main_nav ul a.link9, #main_nav ul a.link10, #main_nav ul a.link11, #main_nav ul a.link12, #main_nav ul a.link13 { padding: 6px 10px 6px 43px; display: block; text-decoration: none; border-bottom: solid 1px #ededed; background: #fff url(../images/nav.gif) 20px 50% no-repeat; color: #104893; width: 175px; \width: 228px; /*176 + 10 + 43 */ w\idth: 175px; } #main_nav li a:hover, #home #nav li a.home, #page2 #nav li a.link2, #page3 #nav li a.link3, #page4 #nav li a.link4, #page5 #nav li a.link5, #page6 #nav li a.link6, #page7 #nav li a.link7, #page10 #nav li a.link10, #page11 #nav li a.link11, #page12 #nav li a.link12, #newsletters #main_nav ul a.link13 { background: #C9D3E6 url(../images/nav.gif) 20px 50% no-repeat; } /* Current page Indicators */ #home #main_nav ul a.home { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #latestnews #main_nav ul a.link2 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #events #main_nav ul a.link3 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #howyoucanhelp #main_nav ul a.link4 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #fundadvice #main_nav ul a.link5 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #volunteering #main_nav ul a.link6 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #gifts #main_nav ul a.link7 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #shop #main_nav ul a.link8 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #business #main_nav ul a.link9 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #about #main_nav ul a.link10 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #grants #main_nav ul a.link11 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #thanks #main_nav ul a.link12 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #newsletters #main_nav ul a.link13 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = BUTTONS ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #btn_contact { background: url(../images/btns/btn_contact_over.png) top center no-repeat; height: 57px; width: 230px; display: block; margin-left: 46px; } #btn_contact a { background: url(../images/btns/btn_contact_normal.png) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_contact a:hover { background: none; } #btn_contact a span { display: none; } #btn_fundraising { background: url(../images/btns/btn_fundraising_over.png) top center no-repeat; height: 57px; width: 230px; display: block; margin-left: 46px; } #btn_fundraising a { background: url(../images/btns/btn_fundraising_normal.png) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_fundraising a:hover { background: none; } #btn_fundraising a span { display: none; } #btn_newsletter { background: url(../images/btns/btn_newsletter_over.png) top center no-repeat; height: 57px; width: 230px; display: block; margin-left: 46px; } #btn_newsletter a { background: url(../images/btns/btn_newsletter_normal.png) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_newsletter a:hover { background: none; } #btn_newsletter a span { display: none; } #btn_cystic { background: url(../images/btns/btn_cystic_over.png) top center no-repeat; height: 57px; width: 230px; display: block; margin-left: 46px; } #btn_cystic a { background: url(../images/btns/btn_cystic_norm.png) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_cystic a:hover { background: none; } #btn_cystic a span { display: none; } #btn_donate { position:absolute; left:41px; top:4px; background: url(../images/btns/btn_donate_over.png) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_donate a { background: url(../images/btns/btn_donate_normal.png) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_donate a:hover { background: none; } #btn_donate a span { display: none; } #btn_donate2 { margin:0 auto 10px auto; background: url(../images/btns/btn_donate2_norm.gif) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_donate2 a { background: url(../images/btns/btn_donate2_over.gif) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_donate2 a:hover { background: none; } #btn_donate2 a span { display: none; } #btn_everyclick { height: 150px; width: 100px; display: block; margin: 10px 0 20px 105px; } #btn_everyclick a { height: 150px; width: 100px;display: block; } #btn_everyclick a:hover { background: none; } #btn_everyclick a span { display: none; } #btn_transplant { height: 95px; width: 150px; display: block; margin: 10px auto 15px auto; } #btn_transplant a { height: 95px; width: 150px; display: block; } #btn_transplant a:hover { background: none; } #btn_transplant a span { display: none; } p.transplant { font: 12px Arial, Helvetica, sans-serif; color: #104893; margin:5px 0px 10px 0px; text-align:center; } div#main_nav div.hr { margin:0px 25px 5px 25px; height: 1px; background: #fff url('../images/hr.gif') repeat-x scroll center; } p.infoCopy { clear:both; margin-left:50px; color:#829DBF; font-size:9px; } #btn_newsarchive { position:absolute; left:310px; background: url(../images/btns/btn_newsarchive_over.png) top center no-repeat; height: 46px; width: 251px; display: block; } #btn_newsarchive a { background: url(../images/btns/btn_newsarchive_normal.png) top center no-repeat; height: 46px; width: 251px; display: block; } #btn_newsarchive a:hover { background: none; } #btn_newsarchive a span { display: none; } #btn_archive { position:absolute; left:310px; background: url(../images/btns/btn_archive_over.png) top center no-repeat; height: 46px; width: 199px; display: block; text-indent:-9999px; } #btn_archive a { background: url(../images/btns/btn_archive_normal.png) top center no-repeat; height: 46px; width: 199px; display: block; } #btn_archive a:hover { background: none; } #btn_archive a span { display: none; } #btn_mailing { position:absolute; left:310px; background: url(../images/btns/btn_mailing_over.png) top center no-repeat; height: 46px; width: 251px; display: block; text-indent:-9999px; } #btn_mailing a { background: url(../images/btns/btn_mailing_normal.png) top center no-repeat; height: 46px; width: 251px; display: block; } #btn_mailing a:hover { background: none; } #btn_mailing a span { display: none; } #btn_interest { position:absolute; left:310px; background: url(../images/btns/btn_interest_over.png) top center no-repeat; height: 46px; width: 251px; display: block; text-indent:-9999px; } #btn_interest a { background: url(../images/btns/btn_interest_normal.png) top center no-repeat; height: 46px; width: 251px; display: block; } #btn_interest a:hover { background: none; } #btn_interest a span { display: none; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = LEUKAEMIA APPEAL SECTION ------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* mast */ div#masthead_app { position:relative; height:252px; background:#fff url(../images/masthead_app_bg.png) repeat-x; display: block; } div#masthead_app h1 { z-index:1; position:absolute; left:62px; top:87px; height:165px; width:188px; background:url(../images/logo_app.png) no-repeat; text-indent:-9999px; } div#masthead_app h1 a { display : block; width : 188px; height :165px; text-indent : -9999px; } /* page titles */ h2#title_app_home, h2#title_app_news, h2#title_app_involved, h2#title_app_events { z-index:2; position:absolute; left:308px; top:145px; width:442px; height:50px; display:block; text-indent : -9999px; } h2#title_app_home { background-image:url(../images/page_titles/title_app_home.png); } h2#title_app_news { background-image:url(../images/page_titles/title_app_news.png); } h2#title_app_involved { background-image:url(../images/page_titles/title_app_involved.png); } h2#title_app_events { background-image:url(../images/page_titles/title_app_events.png); } /* nav */ div#main_nav_app { float:left; width:40%; background:url(../images/nav_app_bg.png) no-repeat; } /* width: 308px; */ /* width:40%; */ #main_nav_app ul { margin: 0px 37px 16px 42px; border-top: solid 1px #ededed; text-align: left; list-style-type: none; } #main_nav_app ul a.home, #main_nav_app ul a.link1, #main_nav_app ul a.link2, #main_nav_app ul a.link3, #main_nav_app ul a.link4, #main_nav_app ul a.link5, #main_nav_app ul a.link6, #main_nav_app ul a.link7, #main_nav_app ul a.link8 { padding: 6px 10px 6px 43px; display: block; text-decoration: none; border-bottom: solid 1px #ededed; background: #fff url(../images/nav.gif) 20px 50% no-repeat; color: #104893; width: 175px; \width: 228px; /*176 + 10 + 43 */ w\idth: 175px; } #main_nav_app li a:hover, #home #nav li a.home, #page2 #nav li a.link2, #page3 #nav li a.link3 { background: #C9D3E6 url(../images/nav.gif) 20px 50% no-repeat; } /* Current page Indicators */ #home #main_nav_app ul a.home { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #appeal_news #main_nav_app ul a.link1 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #events #main_nav_app ul a.link3 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } /* buttons */ #btn_shct { background: url(../images/btns/btn_app_shct_over.png) top center no-repeat; height: 57px; width: 230px; display: block; margin-left: 46px; } #btn_shct a { background: url(../images/btns/btn_app_shct_normal.png) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_shct a:hover { background: none; } #btn_shct a span { display: none; } #btn_app_donate { position:absolute; left:41px; top:4px; background: url(../images/btns/btn_app_donate_over.png) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_app_donate a { background: url(../images/btns/btn_app_donate_normal.png) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_app_donate a:hover { background: none; } #btn_app_donate a span { display: none; } /* contact panel */ div#sub_contact { width:230px; min-height:218px; background:url(../images/appeal/contact_bg.png) no-repeat 0 100%; margin-top:15px; margin-bottom:10px; margin-left: 46px; padding-bottom:15px; } div#sub_contact h5 { background : url(../images/appeal/contact_bg_header.png) no-repeat 0 0; min-height:43px; margin:0px; } /* graphic titles */ div#sub_contact h5 { font: 16px Arial, Helvetica, sans-serif; color: #104893;; font-weight:bold; padding:14px 18px 0px 18px; margin:0px; } div#sub_contact h6 { font: 14px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; margin:0px 0px 5px 0px; padding:0px 18px 0px 18px; } div#sub_contact p { font: 12px Arial, Helvetica, sans-serif; color: #104893; margin:0px; padding:0px 18px 0px 18px; } div#sub_contact div.hr { margin:5px 18px 5px 18px; height: 1px; background: #fff url('../images/hr.gif') repeat-x scroll center; } div.hr hr { display: none; } div#sub_contact a { font: 14px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; text-decoration:underline; } div#sub_contact a:visited { font: 14px Arial, Helvetica, sans-serif; color: #104893; font-weight:bold; text-decoration:underline; } div#sub_contact a:hover { font: 14px Arial, Helvetica, sans-serif; color: #000000; font-weight:bold; text-decoration:underline; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ = CYSTIC FIBROSIS SECTION ------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* mast */ div#masthead_cys { position:relative; height:252px; background:#fff url(../images/masthead_cystic_bg.png) repeat-x; display: block; } div#masthead_cys h1 { z-index:1; position:absolute; left:62px; top:70px; height:175px; width:188px; background:url(../images/logo_cystic.gif) no-repeat; text-indent:-9999px; } div#masthead_cys h1 a { display : block; width : 188px; height :175px; text-indent : -9999px; } /* page titles */ h2#title_cystic_home, h2#title_cystic_news, h2#title_cystic_events, h2#title_cystic_project, h2#title_cystic_fundraising, h2#title_cystic_gifts, h2#title_cystic_shop, h2#title_cystic_support, h2#title_cystic_schools { z-index:2; position:absolute; left:308px; top:145px; width:442px; height:50px; display:block; text-indent : -9999px; } h2#title_cystic_home { background-image:url(../images/page_titles/title_cystic_home.png); } h2#title_cystic_news { background-image:url(../images/page_titles/title_cystic_news.png); } h2#title_cystic_events { background-image:url(../images/page_titles/title_cystic_events.png); } h2#title_cystic_project { background-image:url(../images/page_titles/title_cystic_project.png); } h2#title_cystic_fundraising { background-image:url(../images/page_titles/title_cystic_fundraising.png); } h2#title_cystic_gifts { background-image:url(../images/page_titles/title_cystic_gifts.png); } h2#title_cystic_shop { background-image:url(../images/page_titles/title_cystic_shop.png); } h2#title_cystic_support { background-image:url(../images/page_titles/title_cystic_support.png); } h2#title_cystic_schools { background-image:url(../images/page_titles/title_cystic_schools.png); } /* Current page Indicators */ #cystic_home #main_nav_app ul a.home { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #cystic_news #main_nav_app ul a.link1 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #cystic_events #main_nav_app ul a.link2 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #cystic_project #main_nav_app ul a.link3 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #cystic_fundraising #main_nav_app ul a.link4 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #cystic_gifts #main_nav_app ul a.link5 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #cystic_shop #main_nav_app ul a.link6 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #cystic_support #main_nav_app ul a.link7 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } #cystic_schools #main_nav_app ul a.link8 { background: #FFD90B url(../images/nav.gif) 20px 50% no-repeat; } /* buttons */ #btn_cystic_donate { position:absolute; left:41px; top:4px; background: url(../images/btns/btn_cystic_donate_over.gif) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_cystic_donate a { background: url(../images/btns/btn_cystic_donate_norm.gif) top center no-repeat; height: 57px; width: 230px; display: block; } #btn_cystic_donate a:hover { background: none; } #btn_cystic_donate a span { display: none; }