/* (c) 2008 Bam Creative Title : style.css Author : Bam Creative Description : Stylesheet */ /* GLOBAL SETTINGS------------------------------------- GLOBAL SETTINGS */ /* Style sheets called from main style sheet because of the high contrast style switcher. */ @import url("/templates/nav.css"); @import url("/templates/reset.css"); @import url('/common/lightbox/css/lightbox.css'); @import url('/modules/pageimage/templates/pageimagestyle.css'); html { } body { font-family: Arial, Helvetica, sans-serif; font-size: 85%; /* MASTER font-size controller */ color: #000; /* MASTER text colour controller */ background:url(/art/bg.gif) repeat-x 0 -1px #ffffff; } body.loggedin { background:url(/art/bg.gif) repeat-x 0 51px #ffffff; } /*-- this controls the tinymce area --*/ .mceContentBody { background-image: none; background-color: #fff; } /* LINKS -------------------------------------------------------- LINKS */ a { color:#016f78; text-decoration:none; } a:hover { color:#000; text-decoration:underline; } /* HEADINGS -------------------------------------------------- HEADINGS */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; padding-bottom: 0.4em; } h1 { font-size: 150%; font-weight: bold; line-height: 1.2em; } h1.homeh1 { color:#016F78; padding-left:12px; } p.h1-title { color:#007b85; font-size: 150%; font-weight: bold; line-height: 1.2em; padding-bottom: 0.4em; } h2 { font-weight: bold; color:#007b85; font-size: 130%; font-weight: 600; line-height: 1.3em; } h2 a { color:#007b85; text-decoration:none; } h2 a:hover { text-decoration:underline; } #contact-middle h2 { color:#fff; } #community-middle h2 { font-size: 125%; color:#000; font-weight:bold; } .news-item h3 a { font-size: 80%; font-weight:normal; line-height:1em; padding:0; margin:0; } h3 { font-size: 120%; font-weight: 600; line-height: 1.2em; } #community-middle h3 { font-size:100%; } h4 { font-size: 110%; line-height: 1.2em; font-weight: bold; padding-bottom: 0.3em; color:#007b85; } h5 { font-size: 100%; line-height: 1.3em; font-weight: bold; padding-bottom: 0.2em; } h6 { line-height: 1.3em; font-weight: bold; padding-bottom: 0.2em; } /* PARAGRAPHS ---------------------------------------------- PARAGRAPHS */ p { line-height: 1.4em; padding: 0 0 1.25em 0; } a.skip { color:#fff; float:left; vertical-align:middle; margin:4px 6px; background-color:#007a85; } a.skip-anchor { padding:0; margin:0; line-height:0; float:left; } /* LISTS -------------------------------------------------------- LISTS */ ul, ol { padding:0 0 1.25em 2.5em; } #content li, body#tinymce li { line-height: 1.4em; } #content ul li, body#tinymce ul li { list-style:square; } /*-- nested lists --*/ #content ul ul, body#tinymce ul ul { padding: 0 0 0 1.5em; } #content ol ol, body#tinymce ol ol { padding: 0 0 0 1.5em; } /* LAYOUT ------------------------------------------------------ LAYOUT */ #container { width:983px; margin: 0 auto; position: relative; } #header { width:983px; margin:0 auto; padding:0; clear:both; position:relative; background-color:#007b85; overflow:auto; } #logo { background:url(/art/abwa-logo.jpg); width:342px; height:155px; float:left; text-indent:-9999px; border:1px solid #007b85; } #controls { position:absolute; top:64px; right:10px; /*text-align:right;*/ } #controls img { vertical-align:middle; } #aplus1, #aplus2, #aplus3, #aplus1:hover, #aplus2:hover, #aplus3:hover { width:28px; height:22px; display:block; float:left; margin-right:4px; padding:0; border:0; color:#000; cursor:pointer; } #aplus1 { background:url(/art/aplus.jpg) 0px 0 #fff; font-size:100%; } #aplus2 { background:url(/art/aplus.jpg) 0px -24px #fff; font-size:110%; } #aplus3 { background:url(/art/aplus.jpg) 0px -48px #fff; font-size:120%; } #aplus1:hover { background:url(/art/aplus.jpg) 28px 0 #eaeaea; } #aplus2:hover { background:url(/art/aplus.jpg) 28px -24px #eaeaea; } #aplus3:hover { background:url(/art/aplus.jpg) 28px -48px #eaeaea; } #aminus { background:url(/art/aminus.gif); width:28px; height:24px; text-indent:-99999px; display:block; overflow:hidden; float:left; margin-right:4px; } #aminus:hover { background:url(/art/aminus-over.gif); } #view_low_contrast-link { background:url(/art/high-contrast.gif) no-repeat #023236; width:145px; color:#fff; font-weight:bold; height:20px; display:block; overflow:hidden; float:left; padding:4px 0 0 10px; margin-right:4px; border:0; cursor:pointer; font-size:90%; } #view_low_contrast-link:hover { background:url(/art/high-contrast-over.gif) no-repeat #023236; } #high, #standard { background-color:#666; color:#fff; display:block; overflow:hidden; float:left; padding:5px 10px; margin-right:0px; border:0; cursor:pointer; text-align:center; font-family:Arial, Helvetica, sans-serif; } #high { margin-right:10px; } #high:hover, #standard:hover { background-color:#333; text-decoration:none; } #donate-inner { display:none; } #main #donate-inner { background:url(/art/donate-inner.gif) no-repeat #02494f; width:89px; height:23px; display:block; color:#fff; font-weight:bold; float:right; padding:8px 0 0 14px; } #main #donate-inner:hover { background:url(/art/donate-inner-over.gif) no-repeat #02494f; } #main #banner { display:none; } #banner { width:731px; height:180px; /*background:url(/art/rta/headers/abwa-banner.jpg);*/ float:left; margin-bottom:15px; } #main #right-column { display:none; } #right-column { width:237px; float:right; margin-left:15px; } #donate-id { background:url(/art/donate-over.jpg) no-repeat #02494f; width:237px; height:90px; color:#fff; } #donate-btn { text-indent:-9999px; background:url(/art/donate.jpg); width:237px; height:90px; display:block; } #donate-btn:hover { background:url(/art/donate-over.jpg); } #right-column ul { list-style:none; margin:8px 0 0px 0; padding:0; } #right-column ul li { margin:0 0px 8px 0; } #right-column ul li a { background:url(/art/rightmenu-bg.gif) repeat #007b85; padding:9px 10px 9px 0px; width:227px; color:#fff; font-weight:bold; display:block; text-align:center; text-decoration:none; font-size: 100%; } #right-column ul li a:hover { background:url(/art/rightmenu-bg-over.gif) repeat #02494f; } #contact { width:237px; margin:0 0 .8em 0; } #contact a { color:#fff; text-decoration:underline; } #contact a:hover { text-decoration:none !important; } #contact-top { height:7px; width:237px; background:url(/art/contact-top.gif); } #contact-middle { color:#fff; width:201px; padding:5px 15px 0px 15px; background:url(/art/contact-middle.gif) no-repeat #02494f; } #contact-middle p { padding:.4em 0em; } #contact-bottom { height:7px; width:237px; background:url(/art/contact-bottom.gif); } #main #contact { display:none; } #main #home-content { display:none; } #home-content { } #main #community { display:none; } #community { float:left; width:283px; margin:0 23px 0 0; display:block; } #community-top { height:7px; width:283px; background:url(/art/community-top.gif); } #community-middle { border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background-color:#f5f5f5; padding:7px 15px; width:251px; } a.readmore { float:right; color:#016f78; display:block; } #community-buttons { border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background-color:#f5f5f5; height:61px; padding:5px 0 2px 6px; width:275px; } #community-bottom { height:7px; width:283px; background:url(/art/community-bottom.gif); clear:both; margin-bottom:10px; } #conference { background:url(/art/conference-centre.jpg); height:47px; width:131px; text-indent:-9999px; float:left; margin-right:5px; } #conference:hover { background:url(/art/conference-centre-over.jpg); } #discovery { background:url(/art/discovery-centre.jpg); height:47px; width:131px; text-indent:-9999px; float:left; } #discovery:hover { background:url(/art/discovery-over.jpg); } #main #get-help, #main #give-help { display:none; } div.get-help-now { float:left; width:208px; margin-right:10px; display:block; } div.getinvolved { float:left; width:207px; display:block; } div.getinvolved div, div.get-help-now div { margin-bottom:25px; font-size:100% !important; } div.getinvolved div.title, div.get-help-now div.title { margin:3px 0 5px 0; font-size:105% !important; color:#000000 !important; } div.title h2 { font-size:120% !important; color:#000000 !important; } #content { margin:10px 0 0 0; float:left; } #left-column { display:none; } #main #left-column { float:left; width:197px; display:block; margin:0px 15px 10px 0; clear:both; } #main #left-top { background:url(/art/left-top.gif); height:8px; width:197px; } #main #left-middle { border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#f5f5f5; padding:5px 15px; } #main #left-bottom { background:url(/art/left-bottom.gif); height:8px; width:197px; } table.help { float:left; width:238px; margin-right:15px; height:240px; } table.help td.top { background:url(/art/left-top.gif); height:8px; width:197px; } table.help td.middle { border:1px solid #e5e5e5; background-color:#f5f5f5; padding: 15px 15px 0 15px; vertical-align:top; } table.help td.bottom { background:url(/art/left-bottom.gif); height:8px; width:197px; } #main #content { float:left; width:764px; } #main #page-content { font-size:110%; } #page-content.float { float:left; width:440px; padding-right:20px; } #page-content { /* all bamCMS content goes inside here: shouldn't need styling really */ } #footer { width:983px; height:60px; margin:10px auto; } #footer-inner { background-color:#02494f; margin-right:5px; padding:2px 0; } #footer-top { background:url(/art/footer-top.gif); height:5px; } #footer-bottom { background:url(/art/footer-bottom.gif); height:5px; } #lottery { float:left; width:131px; margin:0 100px 0 5px; height:59px; text-indent:-9999px; background:url(/art/lottery-west.gif); } #social { color:#fff; padding:8px 0 0 0; float:left; width:200px; } #social span { line-height:1.5em } #facebook { float:left; width:24px; height:25px; margin:0 3px 0 0; text-indent:-9999px; background:url(/art/facebook.jpg); } #twitter { float:left; width:24px; height:25px; text-indent:-9999px; background:url(/art/twitter.jpg); } #copyright { text-align:right; padding:8px 10px 6px 0; color:#fff; } #copyright a { color:#fff; text-decoration:underline; } /* TABLES ------------------------------------------------------ TABLES */ /*-- data table --*/ table.custom-data-table { border: 1px solid #ccc; border-bottom: none; border-right: none; width: 100%; } th { text-align:left; } table.custom-data-table th, table.custom-data-table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px; text-align: left; line-height: normal; } table.custom-data-table th{ background-color: #eee; font-weight: bold; height: 23px; color: #666; line-height: normal; } table.custom-data-table td { color: #676767; text-align: left; } table.custom-data-table td.right { text-align: right; } /* MISC --------------------------------------------------------- MISC */ hr { background: #ccc;/*NS FF OP */ color: #ccc;/*IE*/ border: none;/*FF NS OP*/ height: 1px;/*FF NS OP*/ width: 100%; } /* FORMS -------------------------------------------------------- FORMS */ /* No generic form styling shall be applied here as it causes too many problems with Bamcms admin area. Instead, use classes or ids on forms to style. For more information refer to the CSS and XHTML Best Practices Manual */ #search input { padding:4px 5px; margin:0; border:0; vertical-align:middle; font-family:Arial, Helvetica, sans-serif !important; } #searchform2 { display:block; padding-bottom:25px; } #searchform input{ padding:4px 5px; margin:0; border:0px solid #ccc; vertical-align:middle; font-family:Arial, Helvetica, sans-serif !important; } #searchform2 input { vertical-align:middle; padding:4px 5px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif !important; } #searchform input.submit { background-color:#eaeaea; width:63px; color:#000; border:1px solid #ccc; cursor:pointer; font-size: 0%; display:block; line-height: 0px; } #searchform2 input.submit { background-color:#eaeaea; width:63px; color:#000; border:1px solid #ccc !important; cursor:pointer; } #searchform2 input.submit:hover { background-color:#cbcbcb; } form#search { float:left !important; } #searchform { padding: 0 0 1em 0; display:block; } #searchform input.search { width:152px; height:16px; border:1px solid #ccc; } #search input.search { background:url(/art/search-input.gif) no-repeat #fff; width:152px; height:16px; } #search input.submit:hover { background:url(/art/search-btn-over.gif) no-repeat #02494f; } #search input.submit { background:url(/art/search-btn.gif) no-repeat #409ca4; width:63px; height:24px; cursor:pointer; color:#fff; font-size:90%; text-align:left; font-weight:bold; vertical-align:middle; margin-left:3px; } #order-form #step-one, #order-form #step-two, #order-form #step-three { border:1px solid #e5e5e5; padding:15px; margin:0 0 20px 0; background-color:#f5f5f5; } #step-one label, #step-three label { display:block; width:100px; float:left; margin:0 0 10px 0; } #step-one div, #step-three div { display:block; float:none; margin:0 0 10px 0; } #Table11 td { padding:5px 0px 5px 10px; vertical-align:middle; } #Table11 select { font-family:Arial, Helvetica, sans-serif; } #mailform-guide input#field_20 { width: 10px; } #order-form input#FormsButton2, #mailform fieldset.submit input.submit, #mailform-donate input.submit, #mailform-contact input.submit, #mailform-guide input.submit { font-family:Arial, Helvetica, sans-serif !important; background-color:#007a85; font-weight:bold; color:#fff; padding:3px; border:1px solid #007a85; cursor:pointer; margin: 0 5px 0 0; font-size:110%; width:auto; } #order-form input#FormsButton3, #mailform fieldset.submit input, #mailform-donate fieldset.submit input, #mailform-contact input.reset, #mailform-guide fieldset input.submit, #mailform-guide input.reset { font-family:Arial, Helvetica, sans-serif !important; background-color:#02494f; font-weight:bold; color:#fff; padding:3px; border:1px solid #02494f; cursor:pointer; font-size:110%; width:auto; } #order-form td.header { background-color:#e1e1e1; padding:7px 5px 0 10px; margin:25px 0 10px 0; display:block; } #order-form input, #order-form select { font-family:Arial, Helvetica, sans-serif !important; } /* #mailform -------------------------------------- */ #mailform fieldset{ border:0; margin:0; padding:0; } #mailform legend { display:none; } #mailform fieldset ol { margin:10px 0 0 0; padding:0; } #mailform input, #mailform select { font-family:Arial, Helvetica, sans-serif; } #mailform label { width:150px; } #mailform label.wide { width:800px; } #mailform input, #mailform-contact input, #mailform-guide input { width:300px; border:1px solid #ccc; padding:4px; font-size:100%; font-family:Arial, Helvetica, sans-serif !important; } #mailform-contact textarea { width:730px; border:1px solid #ccc; padding:4px; font-size:100%; font-family:Arial, Helvetica, sans-serif !important; } #mailform ol li ol li { padding:0; margin:0; } /* #mailform-donate -------------------------------------- */ #mailform-donate fieldset, #mailform-contact fieldset, #mailform-guide fieldset { margin-bottom:10px; padding:10px; border:1px solid #e5e5e5; background-color:#f5f5f5; } #mailform-contact fieldset { padding:10px; } img#map { border:1px solid #ccc; margin-top:10px; } #mailform-contact legend, #mailform-guide legend { display:none; } #mailform-donate fieldset.submit { background:none; border:0; padding:0; } #mailform-donate ol, #mailform-guide ol { list-style:none; margin:10px; padding:0; } #mailform-guide input#field_21 { width:10px; } #mailform-guide ol li fieldset { border:0; margin:0; padding:0; } #mailform-guide ol li fieldset ol { margin:20px 0 0 0px; padding:0; } #mailform-guide ol li fieldset ol li { margin:0; padding:0; } #mailform-contact ol { list-style:none; margin:0px; padding:0; } #mailform-donate ol li label, #mailform-contact ol li label, #mailform-guide ol li label { width:150px; float:left; } #mailform-donate ol.donate-amount li label { float:none; } #mailform-contact ol li label { width:100%; } #mailform-donate ol li label.wide, #mailform-contact ol li label.wide, #mailform-guide ol li label.wide { width:500px; } #mailform-donate ol li, #mailform-contact ol li, #mailform-guide ol li { margin: 0 0 6px 0; } #mailform-guide input#field_19,#mailform-guide input.radioinput { width:20px; } #mailform-donate ol.donate-amount { margin:0 0 0px 20px;; } #mailform-donate input, #mailform-donate select, #mailform-contact select { font-family:Arial, Helvetica, sans-serif; } /* CUSTOM CLASSES -------------------------------------- CUSTOM CLASSES */ .clear { clear: both; } .custom-left-image { border:3px solid #02494f; margin-right:15px; margin-bottom:10px; float:left; } .custom-right-image { border:3px solid #02494f; margin-left:15px; float:right; margin-bottom:10px; } /* ARTICLES MODULE------------------------------------------ ARTICLES MODULE */ div.news-box { float: right; padding:0px; border: 0px solid #ccc; } .news-item h5 a { font-weight:normal; color:#000000; text-decoration:none; } .news-item h5 a:hover { text-decoration:underline; } img.news-thumb { float: left; padding: 4px; border: 1px solid #eee; margin: 0 8px 8px 0; } div.news-item { border-bottom: 0px dashed #ccc; margin-bottom: 0px; } .news-item p { padding:0; margin:0; } div.news-item h3 a { text-decoration: none; } div.article-category-heading { border-bottom: 0px dashed #ccc; margin-bottom: 0px; float:left; margin-right:10px; } div#events-subscribe { float:left; padding:5px;; margin:0; } div.article-thumbnail { float: left; margin: 0 9px 9px 0; } div.article-thumbnail img { border: 1px solid #eee; padding: 4px; } div.articles-paginator { background-color: #f1f1f1; padding: 3px 8px; border: 1px solid #ddd; width: auto; clear: both; margin-bottom: 10px; } div.article-listing { border-bottom: 1px dashed #ccc; padding-bottom: 8px; margin-bottom: 10px; float:left; width:480px; } div.articles-all { width:510px; float:left; } div.article-short-content { float: left; width: 480px; } div.articles-paginator p { padding: 0; } p.article-date { font-size: 90%; color: #999; padding-bottom: 0.8em; } div.article-image { float: right; margin: 0 0 10px 10px; } div.article-image img { border: 1px solid #eee; padding: 8px; } /* Any classes that start with the "custom-" prefix will automatically be made available in the TinyMCE Styles drop down menu. For example: .custom-red-text { color: #F00; } */ /* TABLES------------------------------------- TABLES */ #home-table { float:left; width:424px; display:block; } #home-table th { text-align:left; padding:1em 0 0em 0; } #home-table td { border-bottom:1px dashed #ccc; padding:1em 1.5em 1em 0; vertical-align:top; } /* SLIDESHOW-------------------------------------SLIDESHOW */ .image-wrapper { height:320px; margin:0; padding:0; position:relative; } /* Calendar -------------------------------------- Calendar */ .calendar-display { float:left; margin: 0 0 15px 0px; display: inline; border:1px solid #e5e5e5; background-color:#f5f5f5; padding:7px; width:238px; } .calendar-display-header { margin: 0px 0 20px 0; padding:5px 5px 0px 5px; } .calendar-display-footer { margin-bottom: 0px; } .cal_header { padding: 2px 0 12px 0; position: relative; font-weight: normal; width: 240px; } .calendar-display-footer .cal_header { padding-bottom: 5px; } .prevbtn { width: 55px; height: 19px; display: block; background: url(/art/prevbtn.gif) no-repeat 0 0; font-size: .95em; color: #333333; font-weight: normal; padding: 4px 0 0 22px; text-align: left; position: absolute; left: 0; top: 0; } .nextbtn { width: 50px; height: 19px; display: block; background: url(/art/nextbtn.gif) no-repeat 0 0; font-size: .95em; color: #333333; font-weight: normal; padding: 4px 0 0 6px; position: absolute; text-align: left; right: 0; top: 0; } a.prevbtn:hover, a.nextbtn:hover { background-position: 0 -23px; color: #000; } .calendar-display .active { background: #eaeaea; color: #007b85; } .article-categories{ margin:0 0 20px 0; } select{ color:#393939; font-family:Arial, Helvetica, sans-serif; font-size:100%; } .cal_header { font-weight: bold; text-align: center; } .cal_header a { text-decoration: none; } .cal_day_header { float: left; width: 30px; padding: 2px; font-size: 100%; font-weight: bold; text-align: center; background: #fff; } .cal_non_month_day, .cal_day, .cal_today, .cal_weekend { position: relative; width: 30px; text-align: center; vertical-align: middle; float: left; padding: 2px; overflow: visible; background: #fff; } .cal_non_month_day { } .cal_day { } .cal_today { background: #007b85; color:#fff; font-weight:bold; } .cal_weekend { } #slideshow { position: relative; } #slideshow div { top:0px; left: 0px; position: absolute; } table.none { margin:0; padding:0; border:0; border-collapse:collapse; } label#search-btn-label { display:none; } .custom-gallery-style { float:left; margin:0px 10px 10px 0; }