/* Surfing Australia Style Sheet created by 2Creative */ * { margin: 0; padding: 0; } body { color: #004684; font: 75%/1.4em Arial, Helvetica, sans-serif; background: #113B66 url(../images/states/bg-strip.jpg) repeat-x left top; } h1, h2, h3, h4, h5, h6 { color: #004684; } h1 { font-size: 200%; font-weight: normal; margin-bottom: 20px; } h2 { font-size: 160%; font-weight: normal; margin-bottom: 20px; } h3 { font-size: 140%; font-weight: normal; margin-bottom: 15px; } h4 { font-size: 120%; margin-bottom: 15px; } p { padding-bottom: 15px; } img { border: none; } a { color: #004684; text-decoration: underline; } a:hover { text-decoration: none; } ul, ol { padding-left: 20px; margin-bottom: 15px; } ol { margin-left: 15px; } ul li, ol li { margin-bottom: 2px; } ul li { list-style: square; } #wrapper { width: 1000px; margin: 0 auto; } #header-nsw { height: 68px; background: url(../images/states/main-nav-bg-nsw.jpg) no-repeat left top; } #topbanner { float: left; width: 444px; margin-right: 70px; padding-top: 2px; } #topbanner-one { float: left; width: 220px; margin-right: 2px; } #topbanner-two { float: left; width: 220px; } #topbanner-single { float: left; width: 442px; } #topnav { float: left; width: 486px; height: 34px; } #topnav a { float: left; height: 34px; } a.nav-main { width: 129px; background: url(../images/states/main-nav-sa.jpg) no-repeat left top; margin-right: 25px; } a.nav-main:hover { background: url(../images/states/main-nav-sa.jpg) no-repeat left center; } a.nav-main-on { width: 129px; background: url(../images/states/main-nav-sa.jpg) no-repeat left bottom; } a.nav-asp { width: 36px; background: url(../images/mainsite/nav-asp.jpg) no-repeat left top; margin-right: 23px; } a.nav-asp:hover { background: url(../images/mainsite/nav-asp.jpg) no-repeat left center; } a.nav-asp-on { background: url(../images/mainsite/nav-asp.jpg) no-repeat left bottom; } a.nav-isa { width: 34px; background: url(../images/mainsite/nav-isa.jpg) no-repeat left top; margin-right: 25px; } a.nav-isa:hover { background: url(../images/mainsite/nav-isa.jpg) no-repeat left center; } a.nav-isa-on { background: url(../images/mainsite/nav-isa.jpg) no-repeat left bottom; } a.nav-qld { width: 37px; background: url(../images/mainsite/nav-qld.jpg) no-repeat left top; margin-right: 25px; } a.nav-qld:hover { background: url(../images/mainsite/nav-qld.jpg) no-repeat left center; } a.nav-qld-on { background: url(../images/mainsite/nav-qld.jpg) no-repeat left bottom; } a.nav-nsw { width: 48px; background: url(../images/mainsite/nav-nsw.jpg) no-repeat left top; margin-right: 20px; } a.nav-nsw:hover { background: url(../images/mainsite/nav-nsw.jpg) no-repeat left center; } a.nav-nsw-on { background: url(../images/mainsite/nav-nsw.jpg) no-repeat left bottom; } a.nav-wa { width: 38px; background: url(../images/mainsite/nav-wa.jpg) no-repeat left top; margin-right: 25px; } a.nav-wa:hover { background: url(../images/mainsite/nav-wa.jpg) no-repeat left center; } a.nav-wa-on { background: url(../images/mainsite/nav-wa.jpg) no-repeat left bottom; } a.nav-vic { width: 37px; background: url(../images/mainsite/nav-vic.jpg) no-repeat left top; margin-right: 20px; } a.nav-vic:hover { background: url(../images/mainsite/nav-vic.jpg) no-repeat left center; } a.nav-vic-on { background: url(../images/mainsite/nav-vic.jpg) no-repeat left bottom; } a.nav-sa { width: 30px; background: url(../images/mainsite/nav-sa.jpg) no-repeat left top; margin-right: 25px; } a.nav-sa:hover { background: url(../images/mainsite/nav-sa.jpg) no-repeat left center; } a.nav-sa-on { background: url(../images/mainsite/nav-sa.jpg) no-repeat left bottom; } a.nav-tas { width: 39px; background: url(../images/mainsite/nav-tas.jpg) no-repeat left top; } a.nav-tas:hover { background: url(../images/mainsite/nav-tas.jpg) no-repeat left center; } a.nav-tas-on { background: url(../images/mainsite/nav-tas.jpg) no-repeat left bottom; } #mainnav { height: 34px; margin-top: 0 !important; margin-top: -8px; } #mainnav a { float: left; height: 34px; margin-right: 27px; } a.nav-home { width: 55px; background: url(../images/states/main-nav-home.jpg) no-repeat left top; } a.nav-home:hover { background: url(../images/states/main-nav-home.jpg) no-repeat left center; } a.nav-home-on { width: 55px; background: url(../images/states/main-nav-home.jpg) no-repeat left bottom; } a.nav-news { width: 47px; background: url(../images/states/main-nav-news.jpg) no-repeat left top;} a.nav-news:hover { background: url(../images/states/main-nav-news.jpg) no-repeat left center; } a.nav-news-on { width: 47px; background: url(../images/states/main-nav-news.jpg) no-repeat left bottom; } a.nav-events { width: 52px; background: url(../images/states/main-nav-events.jpg) no-repeat left top; } a.nav-events:hover { background: url(../images/states/main-nav-events.jpg) no-repeat left center; } a.nav-events-on { width: 52px; background: url(../images/states/main-nav-events.jpg) no-repeat left bottom; } a.nav-surfschools { width: 84px; background: url(../images/states/main-nav-surf-schools.jpg) no-repeat left top; } a.nav-surfschools:hover { background: url(../images/states/main-nav-surf-schools.jpg) no-repeat left center; } a.nav-surfschools-on { width: 84px; background: url(../images/states/main-nav-surf-schools.jpg) no-repeat left bottom; } a.nav-coaching-judging { width: 126px; background: url(../images/states/main-nav-coaching-judging.jpg) no-repeat left top; } a.nav-coaching-judging:hover { background: url(../images/states/main-nav-coaching-judging.jpg) no-repeat left center; } a.nav-coaching-judging-on { width: 126px; background: url(../images/states/main-nav-coaching-judging.jpg) no-repeat left bottom; } a.nav-membership { width: 83px; background: url(../images/states/main-nav-membership.jpg) no-repeat left top; margin-right: 23px; } a.nav-membership:hover { background: url(../images/states/main-nav-membership.jpg) no-repeat left center; } a.nav-membership-on { width: 83px; background: url(../images/states/main-nav-membership.jpg) no-repeat left bottom; } a.nav-ratings { width: 56px; background: url(../images/states/main-nav-ratings.jpg) no-repeat left top; } a.nav-ratings:hover { background: url(../images/states/main-nav-ratings.jpg) no-repeat left center; } a.nav-ratings-on { width: 56px; background: url(../images/states/main-nav-ratings.jpg) no-repeat left bottom; } a.nav-clubs { width: 49px; background: url(../images/states/main-nav-clubs.jpg) no-repeat left top; } a.nav-clubs:hover { background: url(../images/states/main-nav-clubs.jpg) no-repeat left center; } a.nav-clubs-on { width: 49px; background: url(../images/states/main-nav-clubs.jpg) no-repeat left bottom; } a.nav-videos { width: 42px; background: url(../images/states/main-nav-videos.jpg) no-repeat left top; } a.nav-videos:hover { background: url(../images/states/main-nav-videos.jpg) no-repeat left center; } a.nav-videos-on { width: 42px; background: url(../images/states/main-nav-videos.jpg) no-repeat left bottom; } a.nav-about { width: 50px; background: url(../images/states/main-nav-about.jpg) no-repeat left top; } a.nav-about:hover { background: url(../images/states/main-nav-about.jpg) no-repeat left center; } a.nav-about-on { width: 50px; background: url(../images/states/main-nav-about.jpg) no-repeat left bottom; } a.nav-partners { width: 59px; background: url(../images/states/main-nav-partners.jpg) no-repeat left top; } a.nav-partners:hover { background: url(../images/states/main-nav-partners.jpg) no-repeat left center; } a.nav-partners-on { width: 59px; background: url(../images/states/main-nav-partners.jpg) no-repeat left bottom; } #mainnav-nsw { height: 34px; margin-top: 0 !important; margin-top: -8px; } #mainnav-nsw a { float: left; height: 34px; margin-right: 22px; } a.nav-home-nsw { width: 54px; background: url(../images/states/main-nav-home-nsw.jpg) no-repeat left top; } a.nav-home-nsw:hover { background: url(../images/states/main-nav-home-nsw.jpg) no-repeat left center; } a.nav-home-nsw-on { width: 54px; background: url(../images/states/main-nav-home-nsw.jpg) no-repeat left bottom; } a.nav-news-nsw { width: 44px; background: url(../images/states/main-nav-news-nsw.jpg) no-repeat left top;} a.nav-news-nsw:hover { background: url(../images/states/main-nav-news-nsw.jpg) no-repeat left center; } a.nav-news-nsw-on { width: 44px; background: url(../images/states/main-nav-news-nsw.jpg) no-repeat left bottom; } a.nav-events-nsw { width: 49px; background: url(../images/states/main-nav-events-nsw.jpg) no-repeat left top; } a.nav-events-nsw:hover { background: url(../images/states/main-nav-events-nsw.jpg) no-repeat left center; } a.nav-events-nsw-on { width: 49px; background: url(../images/states/main-nav-events-nsw.jpg) no-repeat left bottom; } a.nav-surfschools-nsw { width: 80px; background: url(../images/states/main-nav-surf-schools-nsw.jpg) no-repeat left top; } a.nav-surfschools-nsw:hover { background: url(../images/states/main-nav-surf-schools-nsw.jpg) no-repeat left center; } a.nav-surfschools-nsw-on { width: 80px; background: url(../images/states/main-nav-surf-schools-nsw.jpg) no-repeat left bottom; } a.nav-coaching-judging-nsw { width: 122px; background: url(../images/states/main-nav-coaching-judging-nsw.jpg) no-repeat left top; } a.nav-coaching-judging-nsw:hover { background: url(../images/states/main-nav-coaching-judging-nsw.jpg) no-repeat left center; } a.nav-coaching-judging-nsw-on { width: 122px; background: url(../images/states/main-nav-coaching-judging-nsw.jpg) no-repeat left bottom; } a.nav-membership-nsw { width: 81px; background: url(../images/states/main-nav-membership-nsw.jpg) no-repeat left top; margin-right: 23px; } a.nav-membership-nsw:hover { background: url(../images/states/main-nav-membership-nsw.jpg) no-repeat left center; } a.nav-membership-nsw-on { width: 81px; background: url(../images/states/main-nav-membership-nsw.jpg) no-repeat left bottom; } a.nav-ratings-nsw { width: 55px; background: url(../images/states/main-nav-ratings-nsw.jpg) no-repeat left top; } a.nav-ratings-nsw:hover { background: url(../images/states/main-nav-ratings-nsw.jpg) no-repeat left center; } a.nav-ratings-nsw-on { width: 55px; background: url(../images/states/main-nav-ratings-nsw.jpg) no-repeat left bottom; } a.nav-regions-nsw { width: 56px; background: url(../images/states/main-nav-regions-nsw.jpg) no-repeat left top; } a.nav-regions-nsw:hover { background: url(../images/states/main-nav-regions-nsw.jpg) no-repeat left center; } a.nav-regions-nsw-on { width: 56px; background: url(../images/states/main-nav-regions-nsw.jpg) no-repeat left bottom; } a.nav-clubs-nsw { width: 45px; background: url(../images/states/main-nav-clubs-nsw.jpg) no-repeat left top; } a.nav-clubs-nsw:hover { background: url(../images/states/main-nav-clubs-nsw.jpg) no-repeat left center; } a.nav-clubs-nsw-on { width: 45px; background: url(../images/states/main-nav-clubs-nsw.jpg) no-repeat left bottom; } a.nav-videos-nsw { width: 38px; background: url(../images/states/main-nav-videos-nsw.jpg) no-repeat left top; } a.nav-videos-nsw:hover { background: url(../images/states/main-nav-videos-nsw.jpg) no-repeat left center; } a.nav-videos-nsw-on { width: 38px; background: url(../images/states/main-nav-videos-nsw.jpg) no-repeat left bottom; } a.nav-about-nsw { width: 47px; background: url(../images/states/main-nav-about-nsw.jpg) no-repeat left top; } a.nav-about-nsw:hover { background: url(../images/states/main-nav-about-nsw.jpg) no-repeat left center; } a.nav-about-nsw-on { width: 47px; background: url(../images/states/main-nav-about-nsw.jpg) no-repeat left bottom; } a.nav-partners-nsw { width: 60px; background: url(../images/states/main-nav-partners-nsw.jpg) no-repeat left top; } a.nav-partners-nsw:hover { background: url(../images/states/main-nav-partners-nsw.jpg) no-repeat left center; } a.nav-partners-nsw-on { width: 60px; background: url(../images/states/main-nav-partners-nsw.jpg) no-repeat left bottom; } #logo { background: url(../images/states/surfing-nsw-logo.jpg) no-repeat left top; height: 187px; } #logo-nsw { float: left; width: 308px; margin-top: 15px; margin-left: 30px; } #twitter-youtube { float: right; width: 194px; padding-top: 5px; margin-right: 30px; } #facebook { float: left; width: 28px; margin-right: 15px; } #twitter { float: left; width: 83px; margin-right: 10px; } #youtube { float: left; width: 58px; } #content { } #main-content { float: left; width: 767px; margin-right: 12px; } #page-content { background: #FFF; margin-bottom: 10px; min-height: 960px; } html:not([dummy]) #page-content { background: #FFF; margin-bottom: 10px; min-height: 1046px; } #page-main-content { float: left; width: 536px; } #page-main-text { padding: 20px 0 0 20px; color: #333; } #page-main-text h2 { font-size: 16px; font-weight: bold; margin-bottom: 20px; color: #004684; } #page-main-text h3 { font-size: 120%; font-weight: normal; margin-bottom: 10px; } .page-side-content { float: right; width: 219px; padding-top: 25px; } #page-side-content-text { padding-top: 10px; padding-right: 12px; } .page-image-wrapper { background: #CCC; margin-bottom: 20px; } .page-image-wrapper p { font-size: 11px; padding: 4px; color: #666; text-align: center; } #page-side-content-clubs { background: url(../images/mainsite/clubs-title.jpg) no-repeat left top; } #side-content{ float: left; width: 210px; } #watch-this-space { background: #FFF url(images/mainsite/watch-this-space.jpg) no-repeat left top; } #watch-this-space img { padding: 34px 9px 0 ; margin-bottom: 8px; } #watchspace { margin: 34px 9px 0 ; margin-bottom: 8px; } #event-partners { background: #FFF url(images/mainsite/event-partners.jpg) no-repeat left top; margin-bottom: 11px; } #event-partner-wrapper { padding-top: 34px; padding-bottom: 9px; } html:not([dummy]) #event-partner-wrapper { padding-top: 34px; padding-bottom: 0; } .event-partner-logo { width: 192px; margin-bottom: 5px; } .event-partner-logo img { padding-left: 9px; } /*.event-partner-flash { width: 192px; margin-left: 9px; margin-bottom: 5px; }*/ #event-partner-flash1, #event-partner-flash2, #event-partner-flash3, #event-partner-flash4, #event-partner-flash5 { width: 192px; margin-left: 9px; margin-bottom: 5px; } #event-partner-asc { width: 192px; margin-left: 9px; margin-bottom: 5px; } #newsletter { background: #FFF; padding: 9px; margin-bottom: 11px; } html:not([dummy]) #newsletter { background: #FFF; padding: 11px; margin-bottom: 11px; } #newsletter .title-heading { margin-bottom: 5px; } #newsletter h3 { font-size: 110%; font-weight: bold; margin-bottom: 5px; } #clubs-events-page-content { padding: 0 10px 0 10px; color: #333; } #clubs-events-page-content h3 { font-size: 110%; font-weight: normal; margin-bottom: 5px; } #clubs-side-content { background: #FFF url(../images/states/clubs-title-top.jpg) no-repeat left top; padding-top: 34px; } #regions-side-content { background: #FFF url(../images/states/regions-title-top.jpg) no-repeat left top; padding-top: 34px; } #clubs-side-content-images { padding: 0 0 0 5px; } .clubs-page-image-wrapper { background: #CCC; margin-bottom: 20px; width: 200px; padding-bottom: 10px; } .clubs-page-image-wrapper p { font-size: 11px; padding: 4px; color: #666; text-align: center; } #search-area { padding-top: 10px; margin-bottom: 20px; } #search-area h3 { font-size: 120%; margin-top: 40px; margin-bottom: 30px; } #search-map { float: left; width: 288px; padding-left: 20px; margin-right: 20px; } #search-box { float: left; width: 410px; } .school-listing { margin-bottom: 20px; } .school-listing-image { float: left; width: 100px; margin-right: 10px; } .school-listing-text { float: left; width: 620px; } .school-listing-text h3 { font-size: 12px; font-weight: bold; margin-bottom: 5px; line-height: 1em; } .school-listing-text p { padding-bottom: 0; } .school-listing-text p.location { font-size: 12px; color: #666; } #event-search { float: left; width: 475px; border-right: 1px dotted #CCC; margin-bottom: 10px; } .left-col { float: left; width: 220px; } .right-col { float: right; width: 240px; } .left-col, .right-col { margin-bottom: 8px; } #event-archive { float: right; width: 210px; } #event-archive h3 { margin-top: 0; margin-bottom: 10px; } .event-listing { margin-bottom: 10px; } .event-label { float: left; width: 120px; color: #004684; font-weight: bold; } .event-value { float: left; width: 620px; } .course-value { float: left; width: 340px; } a.buttonLink { float: left; display: block; width: 110px; line-height: 1.8em; background: #004684; color: #FFF; font-weight: bold; text-align: center; text-decoration: none; margin-top: 5px; margin-right: 10px; } #documents { background: url(../images/mainsite/about-documents.jpg) no-repeat left top; padding-top: 30px; padding-left: 5px; } #doc-table { width: 190px; font-size: 95%; line-height: 1.2em; font-weight: bold; margin-bottom: 20px; } #doc-table th { padding: 0; } #doc-table td { vertical-align: center; padding: 2px; } #doc-table a { text-decoration: none; } #doc-table a:hover { text-decoration: underline; } #logos { margin-top: -8px; margin-bottom: 5px; } html:not([dummy]) #logos { margin-top: 0; margin-bottom: 5px; } .logo-wrapper { float: left; width: 189px; height: 151px; margin-right: 11px; margin-bottom: 9px; } .logo-wrapper-last { float: left; width: 189px; height: 151px; margin-right: 0; margin-bottom: 9px; } #footer { border-top: 1px dotted #FFF; padding-bottom: 10px; } #footer p { padding-top: 10px; padding-bottom: 0; text-align: center; font-size: 11px; color: #FFF; } #footer a { color: #FFF; text-decoration: none; } #footer a:hover { color: #66CCFF; text-decoration: none; } .pagination { margin-bottom: 10px; padding-bottom: 10px; } /* this applies ie8 only */ .pagination, #ie8#fix { margin-bottom: 10px; padding-bottom: 0px; } /* this applies to every browsers except ie8 */ .pagination ul { margin: 0; padding: 0; text-align: center; font-size: 11px; } html:not([dummy]) .pagination ul { margin: 0; padding: 0; text-align: center; font-size: 11px; padding-bottom: 10px; } .pagination li { list-style-type: none; display: inline; padding-bottom: 1px; margin-right: 4px; } .pagination a, .pagination a:visited { padding: 2px 5px; border: 1px solid #EBEBEB; text-decoration: none; color: #004684; } .pagination a:hover, .pagination a:active { border: 1px solid #004684; color: #FFF; background-color: #004684; text-decoration: none; } .pagination a.currentpage { background-color: #004684; color: #FFF !important; border-color: #004684; font-weight: bold; cursor: default; } .pagination a.disablelink, .pagination a.disablelink:hover { background-color: white; cursor: default; color: #004684; border-color: #004684; font-weight: normal !important; } .pagination a.prevnext { } table { width: 100%; border-collapse: collapse; padding-bottom: 10px; } th { background: #3399FF; color: #FFFFFF; padding: 5px; } td { padding: 5px; } #logo-table td { padding: 0;} #logo-table td img { margin-bottom: 10px; } /************************ MISC ********************/ .clearFloat { clear: both; line-height: 0; height: 0;} .warning { color: #FF0000; font-weight: bold; padding-bottom: 0; } .notice { font-size: 85%; font-style: italic; } .invisible { display: none; } .title-heading { margin-bottom: 10px; } .no-margin { margin-bottom: 0px; } .readmore { padding-bottom: 5px; } .readmore a { color: #990000; text-decoration: none; } .readmore a:hover { text-decoration: underline; } .linkRed { font-weight: bold; color: #CC0000; } .textBlue, .textBlueBold { color: #004684; } .textBlueBold { font-weight: bold; } a.pdflink { font-size: 11px; font-weight: bold; padding: 15px 0 10px 40px; background: url(images/mainsite/pdf-icon.jpg) no-repeat left center; } a.archiveLink { display: block; width: 50px; height: 22px; background: url(images/mainsite/event-go-btn.jpg) no-repeat left top; } .floatedRightImage { float: right; margin-left: 10px; margin-bottom: 10px; } .page-image-heading { padding-top: 5px; padding-bottom: 10px; } #page-image-heading-events { padding-top: 0; padding-bottom: 10px; } .pagination { margin-bottom: 10px; padding-bottom: 10px; } /* this applies ie8 only */ .pagination, #ie8#fix { margin-bottom: 10px; padding-bottom: 0px; } /* this applies to every browsers except ie8 */ .pagination ul { margin: 0; padding: 0; text-align: center; font-size: 11px; } html:not([dummy]) .pagination ul { margin: 0; padding: 0; text-align: center; font-size: 11px; padding-bottom: 10px; } .pagination li { list-style-type: none; display: inline; padding-bottom: 1px; margin-right: 4px; } .pagination a, .pagination a:visited { padding: 2px 5px; border: 1px solid #EBEBEB; text-decoration: none; color: #004684; } .pagination a:hover, .pagination a:active { border: 1px solid #004684; color: #FFF; background-color: #004684; text-decoration: none; } .pagination a.currentpage { background-color: #004684; color: #FFF !important; border-color: #004684; font-weight: bold; cursor: default; } .pagination a.disablelink, .pagination a.disablelink:hover { background-color: white; cursor: default; color: #004684; border-color: #004684; font-weight: normal !important; } .pagination a.prevnext { } /************************* FORM **********************/ form br { clear: left; } form p { padding-top: 10px; padding-bottom: 5px; } label { font-size: 95%; border: none; width: 150px; margin-right: 5px; } input, textarea, select { font: small Arial, Helvetica, sans-serif; font-size: 95%; border: 1px solid #666; width: 160px; color: #333; } .tinyInput { width: 20px; } .miniInput { width: 60px; } .smallInput { width: 100px; } .stateInput { width: 150px; } .eventNameInput { width: 200px; } .mediumInput { width: 200px; } .wideLabel { width: 260px; } input.hidden { display: none; } .sendButton { cursor: pointer; color: #071F34; font-weight: bold; border: none; float: left; display: block; margin-top: 10px; background: #99CC00; width: 100px; } #formSearch {} #formSearch input, #formSearch select { display: block; width: 263px; border: 1px solid #4DB2E8; font-size: 12px; color: #034668; padding: 3px; margin-bottom: 10px; margin-top: 10px; } #formSearch input { float: left; width: 210px; } #formSearch .goButton { cursor: pointer; color: #FFF; font-size: 12px;font-weight: bold; border: none; float: left; display: block; margin-left: 10px; background: #4DB2E8; width: 35px; } .or { height: 22px; background: url(images/mainsite/search-options.jpg) no-repeat left top; } #formEventSearch { } #formEventSearch .noborder { border: none; width: 133px; height: 22px; margin-top: 10px; } #formEventSearch label { color: #000; font-weight: bold; padding-bottom: 5px; margin-right: 10px; } #formEventSearch input, #formEventSearch select { }