#weargreyform label { color: #fff !important; } .clear {clear:both;} .story-background { background-image:url(../images/timeline.jpg); background-position:center top; background-repeat:no-repeat; line-height:15px; padding-bottom:200px;} h2.story-year {border:0 !important; font-size:26px !important; padding: 0px 0px 0px 0px !important;} .story1 {padding:0px; width:45%; padding:50px 0px 0px 5px; float:left; height:270px;} .story2 {padding:0px; width:45%; clear:both; float:right; padding:0px 0px 0px 0px !important; } .story3 {padding:0px; width:45%; clear:left; float:left; padding:80px 0px 0px 5px !important; height:140px} .story4 {padding:0px; width:45%; clear:both; float:right; padding:5px 0px 0px 0px !important; height:190px} .story5 {padding:0px; width:45%; clear:both; padding:10px 0px 0px 5px !important; height:335px} .story6 {padding:0px; width:45%; clear:both; float:right; padding:0px 0px 0px 0px !important; height:280px} .story7 {padding:0px; width:45%; clear:left; float:left; padding:70px 0px 0px 5px !important; height:500px} .story8 {padding:0px; width:46%; clear:both; float:right; padding:43px 0px 0px 0px !important; height:480px} .story9 {padding:0px; width:45%; clear:both; padding:12px 0px 0px 5px !important; height:320px} .story10 {padding:0px; width:45%; clear:right; float:right; padding:24px 0px 0px 0px !important; height:720px} .story11 {padding:0px; width:45%; clear:both; padding:50px 0px 0px 5px !important; height:320px; } /* ---------------------------------- PHIL'S TEST --------------------------------- */ .highlight_word { background-color: pink;} /* ---------------------------------- GENERIC STYLES --------------------------------- */ p { margin:0; padding:0;} body { margin:0px 0px 0px 0px; background-color:#dcefef; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:14px 0px 0px 0px;} .admin { margin:0px 0px 0px 0px; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:14px 0px 0px 0px;} img { border:0; behaviour:url("styles/iepngfix.htc");} a { color:#c50051; text-decoration:none;} a:hover { color:#c50051; text-decoration:underline;} form {padding:0px; margin:0px;} .times { font-family:"Times New Roman", Times, serif; font-size:24px;} .times_sixteen { font-family:"Times New Roman", Times, serif; font-size:16px;} .float-left { padding:0px 10px 10px 0px;} .float-right { padding:0px 0px 10px 10px;} .red { color:#FF0000;} .brainstrust { font-weight: bold; font-style: italic; } .contact-red { color:#FF0000; font-size:14px;} .red {color:#ff0000;} /* ---------------------------------- GENERIC STYLES --------------------------------- */ #date {background-color:#fae6ef; padding:10px; -moz-border-radius:10px; border-radius:10px; margin:20px 0px 0px 0px;} /* ---------------------------------- WP --------------------------------- */ #recent-comment {background-color:#fae6ef; padding:0px 10px 0px 10px;} #comment-list { border-top:1px solid #adafb1; padding:8px 0px 0px 0px;} #comment-list li.comment-list { background-image:url(../images/bullet-pink.jpg); background-repeat:no-repeat; list-style-type:none; padding:0px 0px 5px 25px; margin:0px 0px 0px 0px;} #inthisbottomblog { background-image:url(../images/inthissection-bottom.jpg); width:614px; height:10px; margin:0px 0px 30px 0px;} .comment-form { width:614px;} .navigation-blog {background-color:#fae6ef; padding:10px; margin:0px 0px 10px 0px;} #item-comments-list {} #content-blog { padding:0px 0px 10px 0px;} #content-blog h1 { font-size:24px; color:#c50051; border-bottom:1px solid #adafb1; padding:7px 0px 6px 0px; margin:0px 0px 14px 0px;} #content-blog h2 { font-size:18px; color:#c50051; border-bottom:1px solid #adafb1; margin:0px 0px 10px 0px; padding:10px 0px 6px 0px;} #content-blog ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #content-blog li { list-style-type:none; padding:10px 10px 1px 10px; margin:0px 0px 10px 0px; background-color:#fae6ef;} #content-blog li.numbered { list-style-type:decimal; background:none; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px;} #content-blog td { padding:5px 10px 5px 0px; border-bottom:1px solid #adafb1;} #entry li { background-image:url(../images/bullet.jpg); background-repeat:no-repeat; background-color:#fff; list-style-type:none; padding:0px 0px 5px 25px; margin:0px 0px 0px 0px;} .entry p {padding:0px 0px 10px 0px;} .post p {padding:0px 0px 10px 0px;} /* ---------------------------------- CONTAINERS ------------------------------------- */ #site-container { width:1044px; margin:0px auto; padding:0px; } #left-content { width:175px; float:left; margin:133px 0px 0px 22px; } #central-content { width:650px; float:left; } #right-content { width:165px; float:left; margin:133px 0px 0px 0px; background-color:#ff0000;} /* ---------------------------------- CONTAINERS ------------------------------------- */ { background-image:none} /* ---------------------------------- LEFT CONTENT ----------------------------------- */ /* ---------------------------------- NAV ----------------------------------- */ #nav-top { background-color:#fff; width:165px; height:17px;} #nav { background-color:#fff; width:155px; font-size:15px; font-weight:bold; padding:0px 0px 0px 10px; } #primary {list-style: none; font-size:15px; font-weight:bold; padding:0px; margin:0px;} #primary li {list-style-type:none; padding:0px 0px 4px 0px;} #primary a {text-decoration:none; display:block; width:155px; height:20px; color:#53626b;} #primary a:hover {text-decoration:none; display:block; width:155px; height:20px; color:#c50051} #selected a {text-decoration:none; display:block; width:155px; height:20px; color:#c50051;} #secondary {list-style: none; font-size:11px; font-weight:bold; padding:0px; margin:5px 0px 0px 0px;} #secondary li{width:80px; list-style:none; margin:0px; padding:2px 0px 2px 13px;} #secondary a {color:#92979b; text-decoration:none; padding:0px; background-image:none; border:none; width:140px;} #secondary a:hover {color:#c50051; text-decoration: none; background-image:none; border:none; width:140px;} #secondary1 {list-style: none; font-size:11px; font-weight:bold; padding:0px; margin:5px 0px 0px 0px;} #secondary1 li{width:80px; list-style:none; margin:0px; padding:2px 0px 2px 13px; } #secondary1 a {color:#92979b; text-decoration:none; padding:0px; background-image:none; border:none; width:140px;} #secondary1 a:hover {color:#c50051; text-decoration: none; background-image:none; border:none; width:140px;} #secondary2 {list-style: none; font-size:11px; font-weight:bold; padding:0px; margin:5px 0px 0px 0px;} #secondary2 li{width:80px; list-style:none; margin:0px; padding:2px 0px 2px 13px;} #secondary2 a {color:#92979b; text-decoration:none; padding:0px; background-image:none; border:none; width:140px;} #secondary2 a:hover {color:#c50051; text-decoration: none; background-image:none; border:none; width:140px;} #secondary3 {list-style: none; font-size:11px; font-weight:bold; padding:0px; margin:5px 0px 0px 0px;} #secondary3 li{width:80px; list-style:none; margin:0px; padding:2px 0px 2px 13px; } #secondary3 a {color:#92979b; text-decoration:none; padding:0px; background-image:none; border:none; width:140px;} #secondary3 a:hover {color:#c50051; text-decoration: none; background-image:none; border:none; width:140px; padding:0px 0px 1px 0px;} #secondary4 {list-style: none; font-size:11px; font-weight:bold; padding:0px; margin:5px 0px 0px 0px;} #secondary4 li{width:80px; list-style:none; margin:0px; padding:2px 0px 2px 13px;} #secondary4 a {color:#92979b; text-decoration:none; padding:0px; background-image:none; border:none; width:140px; clear:left;} #secondary4 a:hover {color:#c50051; text-decoration: none; background-image:none; border:none; width:140px;} #tertiary {list-style: none; font-size:10px; font-weight:bold; padding:0px; margin:2px 0px 0px 0px;} #tertiary li {width:70px; list-style:none; margin:0px; padding:2px 0px 2px 10px;} #tertiary li a {color:#92979b; text-decoration: none; background-image:none; border:none;} #tertiary #triselected a {color:#c50051; text-decoration: none; background-image:none; border:none;} #tertiary1 {list-style: none; font-size:10px; font-weight:bold; padding:0px; margin:2px 0px 0px 0px;} #tertiary1 li{width:70px; list-style:none; margin:0px; padding:2px 0px 2px 10px;} #tertiary1 li a {color:#92979b; text-decoration: none; background-image:none; border:none;} #tertiary1 #triselected a {color:#c50051; text-decoration: none; background-image:none; border:none;} #tertiary2 {list-style: none; font-size:10px; font-weight:bold; padding:0px; margin:2px 0px 0px 0px;} #tertiary2 li{width:70px; list-style:none; margin:0px; padding:2px 0px 2px 10px;} #tertiary2 li a {color:#92979b; text-decoration: none; background-image:none; border:none;} #tertiary2 #triselected a {color:#c50051; text-decoration: none; background-image:none; border:none;} #tertiary3 {list-style: none; font-size:10px; font-weight:bold; padding:0px; margin:2px 0px 0px 0px;} #tertiary3 li{width:70px; list-style:none; margin:0px; padding:2px 0px 2px 10px;} #tertiary3 li a {color:#92979b; text-decoration: none; background-image:none; border:none;} #tertiary3 #triselected a {color:#c50051; text-decoration: none; background-image:none; border:none;} #tertiary4 {list-style: none; font-size:10px; font-weight:bold; padding:0px; margin:2px 0px 0px 0px;} #tertiary4 li{width:70px; list-style:none; margin:0px; padding:2px 0px 2px 10px;} #tertiary4 li a {color:#92979b; text-decoration: none; background-image:none; border:none;} #tertiary4 #triselected a {color:#c50051; text-decoration: none; background-image:none; border:none;} #tertiary5 {list-style: none; font-size:10px; font-weight:bold; padding:0px; margin:2px 0px 0px 0px;} #tertiary5 li{width:70px; list-style:none; margin:0px; padding:2px 0px 2px 10px;} #tertiary5 li a {color:#92979b; text-decoration: none; background-image:none; border:none;} #tertiary5 #triselected a {color:#c50051; text-decoration: none; background-image:none; border:none;} #tertiary6 {list-style: none; font-size:10px; font-weight:bold; padding:0px; margin:2px 0px 0px 0px;} #tertiary6 li{width:70px; list-style:none; margin:0px; padding:2px 0px 2px 10px;} #tertiary6 li a {color:#92979b; text-decoration: none; background-image:none; border:none;} #tertiary6 #triselected a {color:#c50051; text-decoration: none; background-image:none; border:none;} #tertiary7 {list-style: none; font-size:10px; font-weight:bold; padding:0px; margin:2px 0px 0px 0px;} #tertiary7 li{width:70px; list-style:none; margin:0px; padding:2px 0px 2px 10px;} #tertiary7 li a {color:#92979b; text-decoration: none; background-image:none; border:none;} #tertiary7 #triselected a {color:#c50051; text-decoration: none; background-image:none; border:none;} #subselected a {color:#c50051; text-decoration: none; background-image:none; border:none;} #subselected2 a {color:#c50051; text-decoration: none; background-image:none; border:none;} #nav-bottom { background-color:#fff; width:165px; height:17px; margin:0px 0px 15px 0px;} /* ---------------------------------- NAV ----------------------------------- */ /* ---------------------------------- LEFT CONTENT ----------------------------------- */ /* ---------------------------------- CENTRE CONTENT --------------------------------- */ #header { color:#5c6f7d; font-size:11px; padding:0px 0px 0px 0px; } #breadcrumb { float:left; width:480px; margin:0px 0px 12px 0px;} #breadcrumb a { color:#53626b; text-decoration:none;} #breadcrumb a:hover { color:#c50051; text-decoration:none;} #charity-reg { float:right; width:155px; text-align:right; } #logo { background-color:#fff; padding:0px 18px 13px 18px; font-size:14px; color:#c50051; text-align:right; line-height:18px; height:76px;} #logo img.logo { float:left;} #logo img { padding:3px 0 0 0} #centre-top { background-color:#fff; width:650px; height:20px; clear:both;} #centre-content a { color:#c50051; text-decoration:none;} #centre-content a:hover { color:#c50051; text-decoration:underline;} #centre-content a:hover { color:#c50051; text-decoration:underline;} #centre-content a.header { color:#c50051; font-weight:normal; text-decoration:none;} #centre-content a.header:hover { color:#c50051; text-decoration:underline;} #centre-content { background-color:#fff; overflow:hidden; width:825px; line-height:18px;} #content-area{ background-color:#fff; width:614px; border-right:185px solid #dcefef; /* The width and color of the rail */ margin-right:-175px; /* Hat tip to Ryan Brill */ float:left; padding:0px 18px 20px 18px;} #rail{ background-color:#dcefef; width:165px; float:left; } #content { padding:0px 0px 10px 0px; min-height:500px; clear:both;} #content h1 { font-size:24px; color:#c50051; border-bottom:1px solid #adafb1; padding:7px 0px 6px 0px; margin:0px 0px 14px 0px; line-height:normal;} #content h2 { font-size:18px; color:#c50051; border-bottom:1px solid #adafb1; margin:0px 0px 10px 0px; padding:10px 0px 6px 0px; line-height:normal;} #content ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #content li { background-image:url(../images/bullet.jpg); background-repeat:no-repeat; list-style-type:none; padding:0px 0px 5px 25px; margin:0px 0px 0px 0px;} #content li.news { background-image:none; list-style-type:none; padding:40px 0px 5px 0px; margin:0px 0px 0px 0px; clear:both;} #content li.news h2 { border-bottom:0px solid #fff; } #content li.news h2 a { display:block; background-color:#c50051; color:#FFFFFF; padding:3px 10px 4px 10px; border-bottom:0px solid #fff; } #content li.news td {border-bottom:0px solid #adafb1; padding:0px 0px 5px 0px;} #content li.faq { background-image:none; list-style-type:none; padding:10px 0px 5px 0px; margin:0px 0px 0px 0px; clear:both;} #content li.ps { background-image:none; list-style-type:none; padding:10px 0px 5px 0px; margin:0px 0px 0px 0px; clear:both;} #content li.comments { background-image:none; list-style-type:none; padding:5px 10px; margin:5px 0px 5px 0px; clear:both; background-color:#fae6ef;} #content ul.comments-list { margin:5px 0px;} #content li.numbered { list-style-type:decimal; background:none; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px;} #content td { padding:5px 10px 5px 0px; border-bottom:1px solid #adafb1; font-size:12px;} #news-details { font-size:10px; padding:0px 0px; margin:10px 0px 15px 0px; } #patient-stories {} #patient-stories img { float:left;} #patient-stories h1 { font-size:15px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px; border:none;} /* ---------------------------------- HOME PAGE --------------------------------- */ /*#home-advice { background-image:url(../images/home-advice-module_op3.jpg); width:346px; height:182px; padding:0px 250px 0px 18px; margin:0px 0px 10px 0px; color:#333; line-height:16px;}*/ #home-advice { background-image:url(../images/brainstrust-home-2014.jpg); width:194px; height:300px; padding:20px 20px 0px 400px; margin:0px 0px 17px 0px; color:#333; line-height:16px;} #home-advice2014 { background-image:url(../images/brainstrust_advice_2014.jpg); width:194px; height:320px; padding:0px 20px 0px 400px; margin:0px 0px 17px 0px; color:#333; line-height:16px;} #home-advice2014 h1 { display:none;} #home-policy2014 { background-image:url(../images/policy-bkg.jpg); width:204px; height:320px; padding:0px 10px 0px 400px; margin:0px 0px 17px 0px; color:#333; line-height:16px; font-size:11px;} #home-policy2014 h1 { display:none;} #home-tumour2014 { background-image:url(../images/donate-tumour-bkg.jpg); width:204px; height:320px; padding:0px 10px 0px 400px; margin:0px 0px 17px 0px; color:#333; line-height:16px; font-size:11px;} #home-tumour2014 h1 { display:none;} #home-about2016 { background-image:url(../images/about-bkg-16.jpg); width:194px; height:320px; padding:0px 20px 0px 400px; margin:0px 0px 17px 0px; color:#333; line-height:16px;} #home-about2016 h1 { display:none;} #home-advice2 { background-image:url(../images/home-advice-module_op3.jpg); width:346px; height:182px; padding:0px 250px 0px 18px; margin:0px 0px 10px 0px; color:#333; line-height:16px;} #home-jobs { background-image:url(../images/jobs-page.jpg); width:194px; height:320px; padding:0px 20px 0px 400px; margin:0px 0px 17px 0px; color:#333; line-height:16px;} #home-jobs h1 { padding:16px 0px 18px 0px; margin:0px; font-size:21px; color:#c50051 !important; line-height:26px; } #home-advice h1 { padding:16px 0px 18px 0px; margin:0px; font-size:21px; color:#000; line-height:26px; } #home-advice h1 a.header { padding:5px 10px 6px 10px; margin:0px; font-size:19px; background-color:#c50051 !important; } #home-advice2014 h1 { padding:0px 0px 0px 0px; margin:0px; font-size:21px; color:#fff; line-height:26px; } #home-advice2 h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } /*#home-about { background-image:url(../images/home-about-module_op3.jpg); width:346px; color:#fff; height:182px; padding:0px 250px 0px 18px; margin:0px 0px 10px 0px; line-height:16px;}*/ #home-about { background-image:url(../images/about_brainstrust_2014.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:0px 0px 20px 0px;} #home-forum { background-image:url(../images/forum-module.jpg); width:346px; color:#fff; height:172px; padding:10px 250px 0px 18px; margin:0px 0px 10px 0px; line-height:15px; font-size:12px;} #home-about h1 { background-color:#c50051; padding:6px 0px 6px 18px; margin:0px; font-size:16px; color:#fff; font-weight:normal;} #home-about h1 a {color:#fff;} #home-about h1 a:hover {color:#fff; text-decoration:underline;} #home-about2 { background-image:url(../images/home-about-module_op3.jpg); width:346px; color:#fff; height:182px; padding:0px 250px 0px 18px; margin:0px 0px 10px 0px; line-height:16px;} #home-about2 h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } #home-joinin { background-image:url(../images/home-team-brainstrust-module.jpg); width:346px; height:182px; padding:0px 250px 0px 18px; color:#333; margin:0px 0px 10px 0px; line-height:16px;} #home-donate { background-image:url(../images/events-module-op2.jpg); width:346px; height:182px; padding:0px 250px 0px 18px; color:#fff; margin:0px 0px 10px 0px; line-height:16px;} #home-donate h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } #home-do-what-you-love {background-image:url(../images/home-joinin-module.jpg); width:346px; height:182px; padding:0px 250px 0px 18px; color:#fff ; margin:0px 0px 10px 0px; line-height:16px; } #home-do-what-you-love h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } #home-joinin h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } #home-team-brainstrust { background-image:url(../images/home-team-brainstrust-module.jpg); width:346px; height:182px; padding:0px 250px 0px 18px; color:#333; margin:0px 0px 10px 0px; line-height:16px;} #home-team-brainstrust h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } #home-joinin-left {background-image:url(../images/how-you-can-help-2014.jpg); width:300px; height:180px; float:right; line-height:18px; padding:0px; margin:0px 0px 20px 0px; } #home-joinin-left h1 {background-color:#c50051; padding:6px 0px 6px 18px; margin:0px; font-size:16px; color:#fff; font-weight:normal } #home-joinin-left a.header {color:#fff; } #home-joinin-left2 { background-image:url(../images/home-joinin-module3.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:0px 14px 20px 0px; } #home-joinin-left2 h1 { padding:6px 0px 0px 18px; margin:0px; font-size:16px; color:#fff; width:300px;} #home-joinin-right { background-image:url(../images/brain-tumour-hub-2014.jpg); width:600px; height:123px; float:left; line-height:18px; padding:0px; margin:0px 0px 40px 0px; } #home-joinin-right h1 { background-color:#c50051; padding:6px 0px 6px 18px; margin:0px; font-weight:normal; font-size:16px; color:#fff; } #home-joinin-right a.header {color:#fff; } #home-littleships { background-image:url(../images/littleships-modules.jpg); width:346px; color:#fff; height:182px; padding:0px 250px 0px 18px; margin:0px 0px 10px 0px; line-height:16px;} #home-littleships h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } #home-next-event { line-height:20px; border-bottom:1px solid #adafb1; padding:0px 0px 10px 0px; margin:20px 0px 0px 0px; clear:both;} #home-next-event img { float:left; padding:0px 10px 0px 0px;} #home-next-event h1 {color:#c50051; font-size:16px; padding:0px 0px 8px 0px; margin:0px;} #home-free-area1 {line-height:20px; border-bottom:1px solid #adafb1; padding:10px 0px 10px 0px;} #home-free-area1 h1 {color:#c50051; font-size:16px; padding:0px 0px 8px 0px; margin:0px;} #home-free-area2 {line-height:20px; border-bottom:1px solid #adafb1; padding:10px 0px 10px 0px;} #home-free-area2 h1 {color:#c50051; font-size:16px; padding:0px 0px 8px 0px; margin:0px;} #home-free-area2 h2 {color:#c50051; font-size:13px; padding:0px 0px 8px 0px; margin:0px;} #home-free-area1 h2 {color:#c50051; font-size:13px; padding:0px 0px 8px 0px; margin:0px;} /* ---------------------------------- HOME PAGE --------------------------------- */ /* ---------------------------------- CONTENT PAGES --------------------------------- */ #about-heading { background-image:url(../images/about-module_op2.jpg); width:346px; color:#fff; height:182px; padding:0px 250px 0px 18px; margin:0px 0px 10px 0px; line-height:16px;} #about-heading h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } #advice-left { background-image:url(../images/advice-symptoms.jpg); width:300px; height:180px; float:left; color:#fff; line-height:18px; padding:0px; margin:0px 14px 6px 0px; } #advice-left h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px; } #advice-right { background-image:url(../images/advice-treatment.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:0px 0px 0px 0px; } #advice-right h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px; } #advice-left2 { background-image:url(../images/advice-resources-large.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:10px 14px 0px 0px; } #advice-left2 h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px; } #advice-right2 { background-image:url(../images/advice-little-brainstrust.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:10px 0px 0px 0px; } #advice-right2 h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px; } #policy-left { background-image:url(../images/policy1.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:0px 14px 14px 0px; } #policy-left h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px; } #policy-right { background-image:url(../images/policy2.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:0px 0px 0px 0px; } #policy-right h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px; } #policy-left2 { background-image:url(../images/policy3.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:10px 14px 0px 0px; } #policy-left2 h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px; } #policy-right2 { background-image:url(../images/policy4.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:10px 0px 0px 0px; } #policy-right2 h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px; } #policy-left #module-left-link a {color:#fff;} #policy-right #module-right-link a {color:#fff;} #policy-left2 #module-left-link a {color:#fff;} #policy-right2 #module-right-link a {color:#fff;} #joinin-left { background-image:url(../images/events-small-module.jpg); width:300px; color:#fff; height:180px; float:left; line-height:18px; padding:0px; margin:0px 14px 10px 0px; } #joinin-left h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px;} #joinin-left-campaign1 { background-image:url(../images/joinin-feed.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:0px 14px 10px 0px; } #joinin-left-campaign1 h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px;} #joinin-right { background-image:url(../images/fundraising-small-module.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:0px 0px 10px 0px; } #joinin-right h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px; } #joinin-right-campaign2 { background-image:url(../images/hatters-module.jpg); width:300px; height:180px; float:left; line-height:18px; padding:0px; margin:0px 0px 10px 0px; } #joinin-right-campaign2 h1 { padding:6px 0px 18px 0px; margin:0px; font-size:12px; color:#fff; width:300px; } #content-area h1 a.header {color:#fff;} #content-area h1 a.header:hover {color:#fff;} #module-left-text { height:139px; width:165px; margin:12px 0px 0px 16px;} #module-left-link h1 { margin:0px 0px 0px 0px; padding:6px 0px 5px 16px; background-color:#c50051; width:284px;} #module-right-text { height:139px; width:150px; margin:12px 0px 0px 16px;} #module-right-text-long { height:100px; width:280px; margin:12px 0px 0px 16px;} #module-right-link h1 {margin:0px 0px 0px 0px; padding:6px 0px 5px 16px; background-color:#c50051; width:284px;} .advice-header { font-size:14px; line-height:20px;} #small-modules { clear:both; line-height:18px; padding:30px 0px 0px 0px;} #small-modules h1 { font-size:15px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px;} #small-modules img { margin:0px 0px 0px 0px; padding:0px 0px 8px 0px;} #module1 { float:left; width:143px; margin:0px 14px 0px 0px;} #module2 {float:left; width:143px; margin:0px 14px 0px 0px;} #module3 {float:left; width:143px; margin:0px 14px 0px 0px;} #module4 {} #horiz-modules { clear:both; line-height:18px; padding:10px 0px 0px 0px;} #horiz-modules h1 { font-size:15px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px; border:none;} #horiz-modules img { float:left; padding:0px 10px 10px 0px} #horiz-module1 {} #horiz-module2 { clear:left;} #horiz-module3 { clear:left;} #horiz-module4 { clear:left;} #horiz-module5 { clear:left;} #horiz-module6 { clear:left;} #little-ships { clear:both; line-height:18px; padding:10px 0px 0px 0px;} #little-ships h1 { font-size:15px; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px; color:#c50051;} #little-ships img { float:left; padding:0px 10px 5px 0px} #ship1 { float:left; width:300px; margin:0px 14px 10px 0px;} #ship2 { float:left; width:300px; margin:0px 0px 10px 0px;} #ship3 { float:left; width:300px; margin:0px 14px 10px 0px;} #ship4 { float:left; width:300px; margin:0px 0px 10px 0px;} #ship5 { float:left; width:300px; margin:0px 14px 10px 0px;} #ship6 { float:left; width:300px; margin:0px 0px 10px 0px;} #ship7 { float:left; width:300px; margin:0px 14px 10px 0px;} #ship8 { float:left; width:300px; margin:0px 0px 10px 0px;} .mission { font-size:15px;} #mission {line-height:18px;} #mission img { padding:0px 7px 0px 0px; margin:7px 0px -5px 0px;} #mission h1 { font-size:24px; color:#c50051; border-bottom:1px solid #adafb1; padding:0px 0px 4px 0px;} #mission h2 { font-size:18px; color:#c50051; border-bottom:1px solid #adafb1; margin:0px 0px 10px 0px; padding:10px 0px 4px 0px;} .contact-form { color:#c50051; border:1px solid #c50051; width:300px; padding:3px; font-family:arial; font-size:13px;} .contact-form2 { color:#c50051; border:1px solid #c50051; width:300px; padding:3px; margin:0px 0px 7px 0px; font-family:arial; font-size:13px;} .little-quote { font-size:16px;} #inthistop { background-image:url(../images/inthissection-top.jpg); width:614px; height:10px; margin:5px 0px 0px 0px; background-repeat:no-repeat;} #inthistopevents { background-image:url(../images/inthissection-top.jpg); width:614px; height:10px; margin:10px 0px 0px 0px;} #inthisbottom { background-image:url(../images/inthissection-bottom.jpg); width:614px; height:10px; background-repeat:no-repeat; clear:both;} #in-this-section { background-color:#fae6ef; padding:0px 10px; font-size:12px;} #in-this-section-shop { background-color:#fae6ef; padding:0px 10px; font-size:12px; } #in-this-section-shop img {border-bottom:1px solid; padding:0px 0px 5px 0px; margin:0px 0px 4px 0px; } #in-this-section-shop li { background-image:none; background-color:#fff; display:block; list-style-type:none; padding:7px; margin:0px 10px 10px 0px; -moz-border-radius:10px; border-radius:10px; width:127px; height:170px; float:left;} #in-this-section-shop li.last { background-image:none; background-color:#fff; display:block; list-style-type:none; padding:7px; margin:0px 0px 0px 0px; -moz-border-radius:10px; border-radius:10px; width:127px; height:170px; float:left;} #in-this-section-shop li.community { background-image:none; background-color:#fff; display:block; list-style-type:none; padding:7px; margin:0px 10px 10px 0px; -moz-border-radius:10px; border-radius:10px; width:127px; height:285px; float:left;} #in-this-section-shop li.community.last { background-image:none; background-color:#fff; display:block; list-style-type:none; padding:7px; margin:0px 0px 0px 0px; -moz-border-radius:10px; border-radius:10px; width:127px; height:285px; float:left;} #in-this-section td { border:0px; font-size:12px;} #in-this-section h1 { font-size:16px; border:0px; margin:0px; padding:0px;} #in-this-section li { background-image:url(../images/bullet-pink.jpg); background-repeat:no-repeat; list-style-type:none; padding:0px 0px 5px 25px; margin:0px 0px 0px 0px;} #campaigns-head { background-image:url(../images/campaining-modules.jpg); width:346px; height:182px; padding:0px 250px 0px 18px; color:#666 ; margin:0px 0px 10px 0px; line-height:16px;} #campaigns-head h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } #news-head { background-image:url(../images/news-module.jpg); width:346px; height:182px; padding:0px 250px 0px 18px; color:#666 ; margin:0px 0px 10px 0px; line-height:16px;} #news-head h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } #events-head { background-image:url(../images/events-module-op2.jpg); width:346px; height:182px; padding:0px 250px 0px 18px; color:#fff ; margin:0px 0px 10px 0px; line-height:16px;} #cycling-head { background-image:url(../images/cycling-module.jpg); width:346px; height:182px; padding:0px 250px 0px 18px; color:#fff ; margin:0px 0px 10px 0px; line-height:16px;} #cycling-head h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } #events-head h1 { padding:6px 0px 18px 0px; margin:0px; font-size:16px; color:#fff; } .featured-event { font-size:28px; color:#c50051; margin:0px 0px 0px 6px; } #featured-event { background-color:#fff; width:594px; padding:10px 5px; margin:14px 0px 0px 0px;} #in-this-section-events { background-color:#fae6ef; padding:5px;} /* ---------------------------------- CONTENT PAGES --------------------------------- */ /* ---------------------------------- CENTRE CONTENT --------------------------------- */ /* ---------------------------------- RIGHT CONTENT ---------------------------------- */ /* ---------------------------------- MODULES ---------------------------------- */ #rail h1 {background-color:#c50051; color:#fff; font-weight:normal; font-size:15px; padding:7px 0px 6px 10px; margin:0px 0px 0px 0px;} #patient-blogs { background-image:url(../images/module-bkg.jpg); background-repeat:repeat-x; border-top:1px solid #fff; padding:0px 0px 0px 10px; margin:0px 0px 10px 0px; } #patient-blogs h1 {color:#53626b; font-size:15px; padding:7px 0px 0px 0px; margin:0px;} #patient-blogs ul { padding:0px; margin:5px 0px 0px 12px;} #patient-blogs li { padding:2px 0px 2px 0px; margin:0px;} #news-module { background-color:#fff; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; width:165px; } #news-module h1 {background-color:#c50051; color:#fff; font-weight:normal; font-size:15px; padding:7px 0px 6px 10px; margin:0px 0px 0px 0px; } #news-module ul { padding:0px 10px; margin:5px 0px 10px 0px;} #news-module li { padding:10px 0px 4px 0px; margin:0px; list-style-type:none;} .news-module-date { font-weight:bold;} #search-module { background-color:#fff; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; width:165px; } #search-module h1 {background-color:#c50051; color:#fff; font-weight:normal; font-size:15px; padding:7px 0px 6px 10px; margin:0px 0px 13px 0px; } #search-module input {margin:0px 0px 0px 10px;} .search-box { color:#c50051; border:1px solid #c50051; width:137px; padding:3px;} #polls { background-image:url(../images/module-bkg.jpg); background-repeat:repeat-x; border-top:1px solid #fff; padding:0px 10px 0px 10px; margin:0px 0px 10px 0px; } #polls h1 {color:#53626b; font-size:15px; padding:7px 0px 10px 0px; margin:0px; } #giving-module { background-color:#fff; padding:10px; margin:0px 0px 10px 0px; } #giving-module h1 {display:none;} #giving-module h3 {color:#53626b; font-size:12px; padding:7px 0px 5px 0px; margin:0px; } #giving-module p {font-size:11px; font-weight:normal; } #giving-module a {background-image:none; } #giving-module a:hover {background-image:none;} #giving-module .input {border:1px solid #c50051; width:137px; padding:3px; margin:0px 0px 10px 0px;} #contact-module { background-color:#fff; padding:10px; margin:0px 0px 10px 0px; } #contact-module h1 {display:none;} #contact-module img { margin:0px 0px 10px 0px;} #recent-event-module { background-image:url(../images/module-bkg.jpg); background-repeat:repeat-x; border-top:1px solid #fff; padding:0px 10px 0px 10px; margin:0px 0px 10px 0px; } #recent-event-module h1 {color:#53626b; font-size:15px; padding:7px 0px 0px 0px; margin:0px; } #recent-event-module h2 {color:#c50051; font-size:15px; padding:0px 0px 8px 0px; margin:0px; font-weight:normal; } #recent-event-module img { margin:0px 0px 0px 0px;} #events-calendar { background-color:#fff; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; width:165px; } #events-calendar h1 {background-color:#c50051; color:#fff; font-weight:normal; font-size:15px; padding:7px 0px 6px 10px; margin:0px 0px 0px 0px;} #events-calendar ul { padding:0px 10px; margin:5px 0px 10px 0px;} #events-calendar li { padding:10px 0px 4px 0px; margin:0px; list-style-type:none;} #decklog { background-color:#fff; padding:10px; margin:0px 0px 10px 0px; } #decklog h1 {display:none; } .decklog { color:#c50051; border:1px solid #c50051; width:137px; padding:3px; margin:0px 0px 10px 0px;} #meltwater {background-color:#fff; padding:0px 10px 0px 10px; margin:0px 0px 10px 0px;} #meltwater h1 {background-color:#c50051; color:#fff; font-weight:normal; font-size:15px; padding:7px 0px 6px 10px; margin:0px 0px 0px 0px; } #tweets {background-color: #fff; margin:0px 0px 10px 0px;} #tweets h1 {background-color:#c50051; color:#fff; font-weight:normal; font-size:15px; padding:7px 0px 6px 10px; } #tweets ul { list-style-type:none; margin:0px; padding:10px; font-size:11px; line-height:normal;} #tweets li { margin:0px 0px 0px 0px; padding:10px 0px; border-bottom:1px solid #d1d1d1;} #tweets a {padding:10px;} p.interact {display:none;} #news-story img { padding:0px 0px 10px 10px;} /* ---------------------------------- MODULES ---------------------------------- */ /* ---------------------------------- RIGHT CONTENT ---------------------------------- */ /* ---------------------------------- SEARCH ---------------------------------- */ #ffresult_bar { cursor: move; z-index:5; position:absolute; top:0px; left:0px; background-color:#c50051; padding:0; text-align: right; width:100%; height:20px; display:block; border:solid; border-width: 1px; border-bottom: 0px; border-color:#c50051; } /* -------------------------------------- FOOTER ------------------------------------- */ #footer-bkg { clear:both; margin:0px auto; color:#53626b; font-size:11px; min-width:1043px;} #footer-bkg2 { clear:both; margin: 0px auto 0px -187px;; color:#53626b; font-size:11px;} #footer { width:614px; color:#fff; background-color:#c50051; margin:0px auto 40px auto; padding:20px 18px 20px 18px; } #footer a { color:#fff; text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer-right { float:right; width:300px; text-align:right;} #footer-left { float:left; } /* -------------------------------------- FOOTER ------------------------------------- */ /* -------------------------------------- TWITTER ------------------------------------- */ #AjaxTwits { background-color: none; list-style: none; list-style-position: inside; width: 135px; margin: 0px auto; color: #333; padding:0px 10px 0px 0px; font-size:11px;} #AjaxTwits li { width:145px; padding: 10px 0px 10px 0px; border-bottom:1px solid #adafb1; } #AjaxTwits li a {width:125px; color: #c50051; text-decoration: none;} #AjaxTwits li a:hover { color: #c50051; text-decoration:underline;} #AjaxTwits li img {display:none;} /* -------------------------------------- TWITTER ------------------------------------- */ /*---------- bubble tooltip -----------*/ a.tt{ position:relative; z-index:24; color:#333; text-decoration:none; } a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:100px; padding: 0px 0px 0px 90px; width:420px; color: #333; text-align: left; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover span.top{ display: block; padding: 5px; background:url(../images/bubble.gif) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 10px 15px; background: url(../images/bubble_filler.gif) repeat bottom; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #333; background: url(../images/bubble.gif) no-repeat bottom; } /* ---------------------------------- ADMIN ---------------------------------- */ #login { background-color:#fff; padding:20px; width:310px; margin:0px auto;} #login h1 { font-size:16px; font-weight:normal; padding:0px 0px 20px 0px; margin:0px;} #login h2 { font-size:14px; color:#FF0000; font-weight:normal; padding:0px 0px 20px 0px; margin:0px;} #admin-header { background-color:#fff; margin:-14px 0px 0px 0px; padding:10px; border-bottom:1px solid #c50051;} #admin-head-left { float:left; width:300px; color:#c50051; font-size:16px;} #admin-head-right { float:right; width:300px; text-align:right; } #admin-menu { clear:both; width:990px; margin:30px auto 0px auto; } #admin-area { background-color:#fff; width:850px; padding:20px; margin:0px auto;} #admin-area h1 { font-size:24px; color:#c50051; font-weight:normal; padding:0px 0px 7px 0px; margin:0px 0px 15px 0px; border-bottom:1px solid #c50051;} #admin-area h2 { font-size:18px; color:#c50051; font-weight:normal; padding:10px 0px 7px 0px; margin:0px 0px 15px 0px; border-bottom:1px solid #c50051;} .underline { border-bottom:1px solid #cbcbcb; padding:5px 5px 5px 0px; font-size:12px;} .page-instruction {font-size:16px;} #admin-window { width:700px; margin:0px auto; background-color:#fff; padding:0px 25px 10px 25px;} #admin-window h1 { font-size:18px; font-weight:normal; color:#c50051; border-bottom:1px solid #c50051; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px;} blockquote { padding: 1em 40px 1em 15px; } blockquote span.open { padding: 3px 0 3px 25px; background: url(../images/so-q.gif) no-repeat left top; } blockquote span.close { padding: 3px 25px 3px 0; background: url(../images/sc-q.gif) no-repeat bottom right;} input.button-preview { color:#4d4d4d; background-image:url(../admin/images/preview-notext.jpg); background-repeat:no-repeat; width:80px; height:26px; border:0px; margin:0px; padding:0px 0px 2px 18px; } input.button-revert { color:#4d4d4d; background-image:url(../admin/images/revert-notext.jpg); background-repeat:no-repeat; width:74px; height:26px; border:0px; margin:0px; padding:0px 0px 2px 18px; } input.button-save { color:#4d4d4d; background-image:url(../admin/images/save-changes-notext.jpg); background-repeat:no-repeat; width:113px; height:26px; border:0px; margin:0px; padding:0px 0px 2px 18px; } input.button-cancel { color:#4d4d4d; background-image:url(../admin/images/cancel-notext.jpg); background-repeat:no-repeat; width:72px; height:26px; border:0px; margin:0px; padding:0px 0px 2px 18px; } input.button-delete { color:#4d4d4d; background-image:url(../admin/images/delete-notext.jpg); background-repeat:no-repeat; width:80px; height:26px; border:0px; margin:0px; padding:0px 0px 2px 18px; } /* ---------------------------------- preview page ---------------------------------- */ #prev-content{ background-color:#fff; width:614px; float:left; padding:0px 18px; margin:auto auto 0px 20px;} /* ---------------------------------- BTH ---------------------------------- */ #container { background-color:#fff; -moz-border-radius:20px; border-radius:20px; padding:20px; clear:both;} #logo-BTH {float:left; width:400px;} #brainstrust {float:right; text-align:right; width:150px;} #home {clear:both;} #home h1 { font-size:28px; color:#c50051; padding:16px 0px 3px; margin:0; border-bottom:0; font-weight:normal;} #home h2 { font-size:16px; color:#c50051; border-bottom:0; margin:0; font-weight:normal} #home h3 { font-size:12px; padding:14px 0px; border-bottom:0; margin:0; font-weight:normal} #search-area {float:left; margin:0px 0px 0px 0px; } #search-box h1 {color:#fff; padding:0px; font-size:18px;} #search-box {width:270px; -moz-border-radius:15px; border-radius:15px; padding:15px; background-color:#c50051; font-size:14px;} #search-box a {color:#fff;} #update-box {width:270px; -moz-border-radius:15px; border-radius:15px; padding:15px; background-color:#888; color:#fff; font-size:12px; margin:10px 0px 0px 0px;} #update-box h1 {color:#fff; padding:0px 0px 10px 0px; font-size:18px; margin:-5px 0px 0px 0px;} #map {float:right; width:300px; margin:0px 0 0 0px} #textfield { background-image:url(../images/textfield.png); height:51px; background-repeat:no-repeat; width:240px; padding:7px 15px 6px 15px; margin:10px 0px 10px 0px; } #homesearch {border:0px; width:240px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#a19f9f;} #search-box label.error { font-size:11px;} /* ---------------------------------- Volunteering ---------------------------------- */ #scroller-header a img {padding:0px 0px 0px 0px;} #scroller-header a { text-decoration:none; color:#c50051; display:block; background-color:#f1f1f1; width:140px; height:230px; float:left; padding:0px; -moz-border-radius:15px; border-radius:15px; } #scroller-header a.middle { text-decoration:none; color:#c50051; display:block; width:141px; float:left; height:230px; margin:0px 16px 0px 16px; } #scroller-header a.middle2 { text-decoration:none; color:#c50051; display:block; width:141px; float:left; height:230px; margin:0px 16px 0px 0px; } #scroller-header a:hover { text-decoration:none; color:#4b412f; -moz-border-radius:15px; border-radius:15px; background-color:#f2a5c8; } #scroller-header a.selected { text-decoration:none; color:#4b412f; -moz-border-radius:15px; border-radius:15px; background-color:#f2a5c8; } .text-indent {padding:7px;} #scroller-body {clear:both; padding-bottom:30px; width:614px; padding-top:20px;} #scroller-body h2 {font-size:12px; margin:10px 0px 5px 0px; border-bottom:1px solid #d9d9d9;} #mask {width:614px;} ul.xoxo {padding:0px;} input#user_login {width:130px;} input#user_pass {width:130px;} form.bbp-login-form fieldset {padding:0;} #alphabet li {list-style-type:none; background-image:none; font-size:18px; color:#fff; display:block; text-align:center; float:left; width:20px; height:20px; background-color:#c50051; padding:8px; margin:0px 2px 2px 0px; border-radius:8px;} #alphabet li a {color:#fff;} #alphabet li a:hover {color:#d1d1d1; text-decoration:none;} iframe { border:0px solid #fff; overflow:hidden; } .wear-box {border:1px solid #c50051; padding:10px; border-radius:10px; margin:0px 0px 12px 0px;} a.seaguls-button { display: block; background-color: #c50051 !important; color: #fff !important; font-weight: normal; text-align: center; padding: 10px !important; border-radius: 10px; border-bottom: 0px !important; font-size: 24px; margin: 0px 0px 20px 0px; } a.seaguls-button:hover { text-decoration: none !important; background-color: #fff !important; color: #c50051 !important; } .gform input {margin:0px 0px 10px 7px !important; max-width: 87% !important;} #decklog input { max-width: 95% !important; } .newsletter-form-thanks { background-color:#2adf00; padding:10px; margin:20px -10px -10px -10px; color:#fff; font-weight: bold; font-size: 18px; line-height: 20px; } .newsletter-form-notreceived { background-color:#f00; padding:10px; margin:20px -10px -10px -10px; color:#fff; font-weight: bold; font-size: 18px; line-height: 20px; }