/* CSS Document */ .darkGreenText {font-size:16px; font-weight:bold; color:#55ad00;} /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; border:#000000 0px solid; padding:0px 10px 0px 10px; margin-top:0px; margin-left:auto; margin-right:auto; width:888px; background:url(../images/bg1.jpg) repeat-y #ffffff; } #container_bottom {position:absolute; bottom:-8px; left:0px; background:url(../images/tyhafen_container_bottom.jpg) bottom center no-repeat; width:100%; height:12px;} *html #container_bottom {background:url(../images/tyhafen_container_bottom.jpg) 5px 0px no-repeat; width:900px; border:0px solid #000;} #other_prompted {display:none;} #header { width:100%; height:270px; margin:0px; padding:0px; position:relative; z-index:1000;} #logo { float:left; width:467px; height:110px; margin:8px 0px 0px 20px; padding:0px; background:url(../images/logo.gif) no-repeat #ffffff; } /*#susbribe_container { position;absolute; top:0px; right:0px; display:block; float:right; z-index:200; width:278px; margin:0px 20px 0px 0px; } #head_subscribe { display:none; height:200px; background:url(../images/subscribe_back.jpg) repeat-y; width:278px; position:relative; z-index:200; margin:0px 0px 10px 0px; padding:1px 0px 0px 10px; } #container_div {width:278px;} #head_subscribe_top { width:278px; height:10px; position:absolute; top:0px; left:0px; background:url(../images/bg_subscribe_top.gif) no-repeat; } #head_subscribe_bottom { width:278px; height:10px; position:absolute; bottom:-10px; left:0px; background:url(../images/bottom_subscribe.png) no-repeat; } *html #head_subscribe_bottom {bottom:-15px; } #email_signup {display:block; cursor:pointer; float:right; margin:-2px 6px 0px 0px; padding:0px; width:189px; height:46px; z-index:110; position:absolute; top:0px; right:30px; } #head_subscribe form {padding:0px; margin:0px; min-height:200px; height:auto !important; height:200px; z-index:1000;} #head_subscribe p { font-size:11px; margin:5px 0px 5px 0px; font-weight:bold; color:#746253; line-height:12px; } input.email {height:16px; border:0px; border-bottom:2px dotted #7fcd0d; width:215px;} input.forname {height:16px; border:0px; border-bottom:2px dotted #7fcd0d; width:195px;} input.surname {height:16px; border:0px; border-bottom:2px dotted #7fcd0d; width:203px;} p#select {margin:10px 0px 0px 0px;} input.other {height:16px; border:0px; border-bottom:2px dotted #7fcd0d; width:70px;} input.inputtas {display:block; float:left; margin:-2px 3px 0px 0px;} #head_subscribe select {width:251px; display:block; margin:2px 0px 2px 0px;} #hide {cursor:pointer;} .box {width:482px; display:block; float:right; background:#55ad00;} #head_subscribe button { margin:-5px 20px 0px 0px; display:block; float:right; padding:0px; background:none; border:0px;} *+html #head_subscribe button{ margin: -18px 20px 0px 0px; } #head_subscribe a { color:#7fcd0d; }*/ #head_tabs { position:absolute; top:130px; left:-16px; width:188px; } #head_tabs img { margin:0px; padding:0px; } *+html #head_tabs img { margin:-6px 0px 0px 0px; padding:0px; } #head_banner { position:absolute; top:130px; left:200px; width:188px; } #head_banner ul {position:relative; margin:0px; padding:0px;} #head_banner ul li {position:absolute; margin:0px; padding:0px; top:0px; left:0px; list-style:none; width:669px; height:119px;} #main { width:860px; margin:12px 10px 0px 10px; position:relative; } #sidebar_left{ width:180px; float:left; display:block; height:auto!important; height:300px; min-height:300px; margin-left:-5px; } #menu{ font-weight:bold; padding-top:15px; } #menu_title{ display:block; margin-bottom:10px; } #menu_title a{font-size:14px; color:#009999; padding-left: 30px;} #menu ul{ margin:0px 0px 0px 5px; padding:0px; display:block; } #menu ul li{ margin:0px; padding:0px; list-style:none; } #menu ul li a { margin:10px 0px 10px 0px; font-size:15px; padding-left:25px; display:block; background-color: transparent; background-image: url("/images/bg_nav_arrow.png"); background-repeat: no-repeat; background-attachment: scroll;background-position: 0pt 3px;color: #615043;text-decoration: none; } #blog_cats ul li a {background-image: url("/images/arrowteal_right.gif") !important;} #menu ul li ul li { margin:0px 0px 5px 25px; } #menu ul li ul li a { background:url(/images/bg_nav_dot.png) no-repeat left 50%; margin:0px; padding:0px 0px 0px 10px; font-size:11px;} .carry ul {margin:0px !important; padding:0px !important;} #menu a:hover{ color:#009999; } #menu a.selected{ color: #009999; } #menu ul li a.selected{ background:url(/images/bg_nav_arrow_down.png) no-repeat left 50%; } #blog_cats ul li a.selected{ background:url(/images/blue_arrow_down.jpg) no-repeat left 50% !important; } #menu ul li.carry a.selected{ background:url(/images/bg_nav_dot.png) no-repeat left 50%; } #content_middle{ display:block; width:400px; float:left; margin-left:10px; margin-top:20px; } #breadcrumb{ margin-top:-35px; } #breadcrumb p{ font-size:12px; } #breadcrumb p a{ color:#009999; text-decoration: none; } #content { width:560px; margin:0px 20px 0px 20px; float:left; padding:0px; min-height:300px; height:auto !important; height:300px;} #video_home { width:436px; height:352px; background:url(../images/bg_video.jpg); margin:10px 0px 0px 80px; } #sidebar { width:242px; float:right; margin:0px 0px 0px 0px; padding:0px; position:relative; z-index:1;} #search { width:236px; } #search input { width:160px; margin:0px; padding:0px; float:left; } #search button { float:right; background:url(../images/button_search.jpg); width:67px; height:18px; border:0px; margin:0px 0px 20px 0px; } #container_tweat { width:241px; height:150px; min-height:150px; background:url(../images/bar_teal.gif) top no-repeat; padding:6px 0px 0px 0px; margin:0px 0px 10px 0px; position:relative; } #container_tweat_arrows { position:absolute; top:22px; right:-8px; z-index:100; } #container_tweat_arrows a { margin:0px; padding:0px; position:relative; z-index:10;} #container_tweat h2 { color:#00aaad; font-size:20px; font-weight:bold; } #container_tweat img { float:left; margin-right:10px; } #container_tweat p { float:right; margin:0px; width:140px; font-size:11px; line-height:13px; } #container_tweat p a { margin:0px; background:url(../images/arrowteal_right.gif) right center no-repeat; padding:2px 22px 2px 0px; font-size:11px; color:#00aaad; line-height:10px;font-weight:bold; } #container_tweat ul {padding:0px; margin:0px;} #container_tweat ul li{ padding:0px; margin:0px; list-style:none; position:relative; z-index:90;} #container_tweat ul li h2 { color:#00aaad; font-size:20px; font-weight:bold; } #container_tweat ul li img { float:left; margin-right:10px; } #container_tweat ul li p { float:right; margin:0px; width:140px; font-size:11px; line-height:13px; } #container_tweat ul li p a { margin:0px; background:url(../images/arrowteal_right.gif) right center no-repeat; padding:2px 22px 2px 0px; font-size:11px; color:#00aaad; line-height:10px;font-weight:bold; } #container_tweat .jcarousel-skin-tango .jcarousel-clip-horizontal{ min-height: 150px !important; height: 150px !important;} #container_tweat .jcarousel-skin-tango .jcarousel-item {height:150px !important;} #container_news { position:relative; width:241px; background:url(../images/bar_pink.gif) top no-repeat; padding:6px 0px 0px 0px; height:170px; min-height:170px; margin:0px 0px 0px 0px; } #container_news_arrows { position:absolute; top:22px; right:-8px; z-index:100; } #container_news_arrows a { margin:0px; padding:0px; position:relative; z-index:10;} #container_news h2 a{ color:#a50069; font-size:20px; font-weight:bold; } #container_news .news_item{ } #container_news img { float:left; margin-right:10px; } #container_news p { float:right; margin:0px; width:140px; font-size:11px; line-height:13px; } #container_news p a { margin:0px; background:url(../images/arrowpink_right.gif) right center no-repeat; padding:2px 22px 2px 0px; font-size:11px; color:#a50069; line-height:10px;font-weight:bold; } #container_news ul {padding:0px; margin:0px;} #container_news ul li { padding:0px; margin:0px; list-style:none; position:relative; z-index:90;} #container_news .jcarousel-skin-tango{ min-height:160px !important; height:160px !important; } #container_news .jcarousel-clip-horizontal{ min-height:160px !important; height:160px !important;} #container_news .jcarousel-item-horizontal{ min-height:160px !important; height:160px !important;} #container_tabs { position:relative; background:url(../images/containerpink_top.jpg) top no-repeat #c90044; padding:30px 8px 10px 8px; width:220px; margin-top:0px; } #container_tabs_foot { position:absolute; bottom:0px; left:0px; background:url(../images/containerpink_foot.jpg) bottom no-repeat; width:236px; height:9px; } #footer { position:relative; display:block; width:830px; margin:30px 0px 0px 20px; padding:10px 0px 20px 0px; border-top:5px solid #ffd300; } #footer p { font-size:10px; color:#666; line-height:15px; } #footer_logos { width:240px; float:right; display:block;} #nav_footer { width:100%; margin:10px 0px 10px 0px; } #nav_footer a { margin-right:10px; font-size:12px; font-weight:bold; color:#333; } #social_net a { padding:2px 0px 2px 20px; margin:0px 30px 0px 0px; font-size:12px; font-weight:bold; color:#333; } .facebook {background:url(../images/icon_facebook.jpg) left center no-repeat; } .twitter {background:url(../images/icon_twitter.jpg) left center no-repeat; } .clear { clear:both; } .news .img_news_left{ float:left; margin:0px 3px 3px 0px; } .news a {color:#00aaad;} .news a.readmore {padding-left:65px; display:block;} .news .img_news_left {float:left; display:block; width:60px; margin:0px} .news p {float:right; display:block; width:335px; margin:0px;} #donation_left .error_feedback {border:2px solid #EF2323; width:440px; padding:0 15px;} #donation_left .error_feedback p {font-size:16px; color:#EF2323; text-decoration:underline; margin-bottom:0;} #donation_left .error_feedback ul {padding:0 0 0 18px; margin-top:5px;} #donation_left .error_feedback ul li {color:#EF2323; font-weight:normal;} /*------------------------------------ community fundraiser form -----------------------------------------------------------*/ .checkbox_select {float:left; display:block; margin:4px 20px 0 4px;} .initial_selection p {margin:0 0 15px 0;} .initial_selection label {width:140px !important;} .initial_selection select {width:240px !important;} .initial_selection button {float:right; display:block; font-size:16px; color:#00AAAD; font-weight:bold; margin:10px; background:none; border:0;} .initial_selection button:hover {text-decoration:underline;} label {word-wrap:break-word;} p.wide_input input {width:280px; margin:5px 0; padding:4px 5px;} p.wide_input select {width:200px; margin:5px 0; padding:2px 3px;} p.wide_label label {width:200px !important;} .individual_fundraiser, .group_fundraiser {margin:0 0 40px 0;} .wide_labels {float:left; display:block; margin:15px 0 10px 0;} .wide_labels label {width:238px !important;} .additional_information_textarea {float:left; display:block; margin:15px 0 !important;} .additional_information_textarea label {width:350px !important; margin-bottom:5px !important;} .additional_information_textarea textarea {width:350px !important;} .contact_other {display:none;} .contact_other textarea {width:230px; height:100px} .collection_box_query {display:none;} .collection_box_query textarea {width:230px; height:100px} .fundraiser_query textarea {width:230px; height:150px;} .collectionbox_query textarea {width:230px; height:150px;} .other_query textarea {width:230px; height:150px;} .community_type_selector {float:right; display:block; font-size:16px; font-weight:bold; margin:10px;} .contact_reason_selector {float:right; display:none; font-size:16px; font-weight:bold; margin:10px;} #IndividualFundraiser select, #GroupFundraiser select {width:238px;} input[type="radio"] { border-style:none !important; } input[type="checkbox"] { border-style:none !important; } .other_title {display:none;} p .label_345 {width:345px !important;} /*------------------------------------ social footer -----------------------------------------------------------*/ .footer_social_feeds {position:relative; width:840px; padding:0; min-height:300px; height:auto !important; height:300px; background:#7ECE0D;} .footer_social_block {float:left; display:block; border-left:3px solid #FFF; height:350px;} .footer_social_block.first {border:0;} .social_block_title {margin:0 0 10px 0;} .social_block_content {position:relative; width:165px; background:#FFF;} .footer_social_block .view_more {position:relative; margin:10px 0 0 12px;} .top_left {position:absolute; top:0; left:0; background:url(/images/corners/top_left.png) left top no-repeat; width:10px; height:10px;} .top_right {position:absolute; top:0; right:0; background:url(/images/corners/top_right.png) right top no-repeat; width:10px; height:10px;} .bottom_left {position:absolute; bottom:0; left:0; background:url(/images/corners/bottom_left.png) bottom left no-repeat; width:10px; height:10px;} .bottom_right {position:absolute; bottom:0; right:0; background:url(/images/corners/bottom_right.png) bottom right no-repeat; width:10px; height:10px;} .social_block_content .top_left {background:url(/images/corners/top_left_green.png) left top no-repeat;} .social_block_content .top_right {background:url(/images/corners/top_right_green.png) right top no-repeat;} .social_block_content .bottom_left {background:url(/images/corners/bottom_left_green.png) bottom left no-repeat;} .social_block_content .bottom_right {background:url(/images/corners/bottom_right_green.png) bottom right no-repeat;} #twitter_feed ul li span {line-height:1;} .facebook_feed {padding:10px 0;} .facebook_feed ul {margin:0px; padding:0px;} .facebook_feed ul li {list-style:none; margin:0 10px 10px 10px; padding:10px 5px 0 5px; width:135px; height:120px; font-weight:normal; border-top:1px solid #666666;} .facebook_feed ul li.firstFacebook {border-top:0; padding-top:0;} .facebook_feed ul li span {color:#6F6259; font-size:12px; line-height:1;} .facebook_feed ul li span a {color:#6F6259; display:inline;} .facebook_feed ul li span p {font-size:11px !important;} .facebook_feed ul li a {margin-top:5px; display:block; color:#7ECE0D;} .twitter_block {border:0; width:164px; padding:15px 10px 15px 20px;} .facebook_block {width:166px; padding:15px 10px;} .youtube_block {width:231px; padding:15px 0;} .youtube_block .social_block_title {margin:0 0 10px 10px;} .youtube_block .social_block_content {width:220px; background:none !important;} .youtube_feed {} .youtube_feed a {float:left; display:block; margin:0 0px 15px 11px;} .youtube_feed a img {border:2px solid #FFF;} .youtube_feed .view_more img {border:0;} .flickr_block {width:219px; padding:15px 0;} .flickr_block .social_block_title {margin:0 0 10px 10px;} .flickr_block .social_block_content {width:190px; background:none !important;} #thumbs {} #thumbs a {float:left; display:block; margin:0 0px 15px 11px; height:71px; overflow:hidden;border:2px solid #FFF;} #thumbs a img {} /*------------------------------------ accordian -----------------------------------------------------------*/ #accordian {} .acc {display:block; float:left; } .accordian_title { display:block; float:left; position:relative; cursor:pointer; background:url(/images/acc_title.jpg) no-repeat left top; width:39px; padding:0px 0px 0px 0px; margin:0px 4px 0px 0px; height:328px; } .accordian_title_right {position:absolute; width:4px; height:328px; top:0px; right:-4px; background:url(/images/right_acc.png) no-repeat right top;} *html .accordian_title_right {right:-3px;} .accordian_title p { padding:10px 10px 10px 10px; white-space:nowrap; display:block; bottom:0; width:20px; margin:0px; font-size:19px; color:#fff; writing-mode:tb-rl; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg);} #a1{width: 210px !important;} .acc_content h1 {color:#fff;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav_footer { width:100%; margin:10px 0px 10px 0px; } #nav_footer a { margin-right:10px; font-size:12px; font-weight:bold; color:#333; } #nav_footer_left { float:left; width:350px; margin:10px 0px 10px 0px; } #nav_footer_left a { margin-right:10px; font-size:12px; font-weight:bold; color:#333; } #nav_footer_right { float:right; width:400px; margin:10px -15px 10px 0px;} #nav_footer_right a { margin-right:10px; font-size:12px; font-weight:bold; color:#333; } #nav { width:846px; position:relative; z-index:110; margin:0px 0px 0px 10px; padding:0px 0px 4px 10px; background:url(../images/nav_bar.jpg) no-repeat center bottom; } #nav ul {margin:0px; padding:0px;} #nav ul li {margin:0px; padding:0px; display:block; float:left; list-style:none;} #nav a { margin:0px 0px 4px 0px; display:block;} #nav a img {vertical-align:bottom;} #nav a:hover { text-decoration:none; color:#ffffff; } .sub_menu_container {position:absolute; top:46px; display:none; width:500px; min-height:150px; height:auto !important; height:150px; } *html .sub_menu_container {top:40px;} #nav ul li#donation .sub_menu_container {right:-17px;} .sub_menu_links {background:#FFF; border-right:8px solid #55ad00; border-left:8px solid #55ad00; min-height:150px; height:auto !important; height:150px; } .sub_menu_links_inner {position:relative; width:470px; margin:0 auto 0px auto !important; padding-bottom:10px;} .sub_menu_links ul { width:228px; padding:0px !important; display:block; float:left; margin:10px 0px 0px 0px !important;} .sub_menu_links ul li { float:none !important; padding:1px 0px 1px 0px !important; margin:0px 0px 0px 0px !important;} .sub_menu_links ul li a.top { margin:0px 0px 0px 0px; text-transform:lowercase; color:#7fcd0d; font-size:15px; font-weight:bold; background:url('/images/bg_nav_arrow.png') 0px 3px no-repeat; padding:0px 0px 0px 25px;} .sub_menu_links ul li a:hover.top {color:#55ad00 !important; } .sub_menu_images { padding:0px 0px 0px 0px; position:relative; min-height:10px; height:auto !important; height:10px; background:#FFF; } .sub_menu_images a {float:left; display:block; } .sub_menu_images a img {margin:0px 0px -7px 0px; } .sub_menu_images a.image_right {float:right; display:block;} .top_sub {background:url(../images/sub_menu_top-500.png) no-repeat left top; width:500px; height:13px; position:relative; top:0px; left:0px; } .below_sub { background:url(../images/sub_menu_below-500.png) no-repeat left bottom; width:500px; height:13px; position:absolute; bottom:-8px; left:0px; } *html .top_sub {background:url(../images/sub_menu_top-500.gif) no-repeat left 5px; } *html .below_sub { background:url(../images/sub_menu_below-500.png) no-repeat left bottom; } /*--------------------------------------------------- Forms---------------------------------------------------------*/ .prize_draw_contact_form_checkboxes_left label{ width:200px; display:block; float:left; color:#333;} #event-interest p label.indent{ width:100px; } /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:#ffd300; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; position:relative; z-index:10; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:22px; color:#c90044; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#7fcd0d; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#7fcd0d; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#c90044; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#333; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#333; font-size:11px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { } ul li { font-size:14px; list-style:disc; } ol {} ol li {font-size:14px; list-style:decimal;} em {} .red { color:#c90044; } address {font-size:14px;} a { color:#00aaad; text-decoration:none; } a:hover { color:#00aaad; text-decoration:underline; } p { font-size:14px; line-height:20px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#333; } form p{ font-size:12px; } #social_blog_links iframe, #social_blog_links_below iframe {width:70px !important; float:right !important;}