/* 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/mainsite/waves-tile.jpg) repeat-x 1601px 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; } #background { background: url(images/mainsite/surf-wave.jpg) no-repeat left top; min-height: 781px; } #wrapper { width: 1000px; margin: 0 auto; } #header { height: 68px; background: url(images/mainsite/navbar-v3.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-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: 23px; } a.nav-home { width: 54px; background: url(images/mainsite/nav-home.jpg) no-repeat left top; } a.nav-home:hover { background: url(images/mainsite/nav-home.jpg) no-repeat left center; } a.nav-home-on { width: 54px; background: url(images/mainsite/nav-home.jpg) no-repeat left bottom; } a.nav-news { width: 48px; background: url(images/mainsite/nav-news.jpg) no-repeat left top;} a.nav-news:hover { background: url(images/mainsite/nav-news.jpg) no-repeat left center; } a.nav-news-on { width: 48px; background: url(images/mainsite/nav-news.jpg) no-repeat left bottom; } a.nav-events { width: 52px; background: url(images/mainsite/nav-events.jpg) no-repeat left top; } a.nav-events:hover { background: url(images/mainsite/nav-events.jpg) no-repeat left center; } a.nav-events-on { width: 52px; background: url(images/mainsite/nav-events.jpg) no-repeat left bottom; } a.nav-surfschools { width: 83px; background: url(images/mainsite/nav-surfschools.jpg) no-repeat left top; } a.nav-surfschools:hover { background: url(images/mainsite/nav-surfschools.jpg) no-repeat left center; } a.nav-surfschools-on { width: 83px; background: url(images/mainsite/nav-surfschools.jpg) no-repeat left bottom; } a.nav-surfgroms { width: 71px; background: url(images/mainsite/nav-surfgroms.jpg) no-repeat left top; } a.nav-surfgroms:hover { background: url(images/mainsite/nav-surfgroms.jpg) no-repeat left center; } a.nav-surfgroms-on { width: 71px; background: url(images/mainsite/nav-surfgroms.jpg) no-repeat left bottom; } a.nav-education { width: 73px; background: url(images/mainsite/nav-education-2.jpg) no-repeat left top; } a.nav-education:hover { background: url(images/mainsite/nav-education-2.jpg) no-repeat left center; } a.nav-education-on { width: 73px; background: url(images/mainsite/nav-education-2.jpg) no-repeat left bottom; } a.nav-shop { width: 43px; background: url(images/mainsite/nav-shop-2.jpg) no-repeat left top; margin-right: 23px; } a.nav-shop:hover { background: url(images/mainsite/nav-shop-2.jpg) no-repeat left center; } a.nav-shop-on { width: 43px; background: url(images/mainsite/nav-shop-2.jpg) no-repeat left bottom; } a.nav-hpc { width: 37px; background: url(images/mainsite/nav-hpc-2.jpg) no-repeat left top; } a.nav-hpc:hover { background: url(images/mainsite/nav-hpc-2.jpg) no-repeat left center; } a.nav-hpc-on { width: 37px; background: url(images/mainsite/nav-hpc-2.jpg) no-repeat left bottom; } a.nav-teamaust { width: 74px; background: url(images/mainsite/nav-teamaust-2.jpg) no-repeat left top; } a.nav-teamaust:hover { background: url(images/mainsite/nav-teamaust-2.jpg) no-repeat left center; } a.nav-teamaust-on { width: 74px; background: url(images/mainsite/nav-teamaust-2.jpg) no-repeat left bottom; } a.nav-clubs { width: 46px; background: url(images/mainsite/nav-clubs-2.jpg) no-repeat left top; } a.nav-clubs:hover { background: url(images/mainsite/nav-clubs-2.jpg) no-repeat left center; } a.nav-clubs-on { width: 46px; background: url(images/mainsite/nav-clubs-2.jpg) no-repeat left bottom; } a.nav-surfreports { width: 85px; background: url(images/mainsite/nav-surfreports-2.jpg) no-repeat left top; } a.nav-surfreports:hover { background: url(images/mainsite/nav-surfreports-2.jpg) no-repeat left center; } a.nav-surfreports-on { width: 85px; background: url(images/mainsite/nav-surfreports-2.jpg) no-repeat left bottom; } a.nav-awards { width: 57px; background: url(images/mainsite/nav-awards.jpg) no-repeat left top; } a.nav-awards:hover { background: url(images/mainsite/nav-awards.jpg) no-repeat left center; } a.nav-awards-on { width: 57px; background: url(images/mainsite/nav-awards.jpg) no-repeat left bottom; } /* obsolete a.nav-about { width: 69px; background: url(images/mainsite/nav-about.jpg) no-repeat left top; } a.nav-about:hover { background: url(images/mainsite/nav-about.jpg) no-repeat left center; } a.nav-about-on { width: 69px; background: url(images/mainsite/nav-about.jpg) no-repeat left bottom; } */ #logo { height: 187px; background: url(images/mainsite/surfing-australia-logo.png) no-repeat left top; } #logo-banner { float: left; width: 285px; margin-left: 420px; margin-top: 6px; } #twitter-youtube { float: right; width: 255px; padding-top: 5px; margin-right: 32px; } #facebook { float: left; width: 28px; margin-right: 12px; } #twitter { float: left; width: 83px; margin-right: 10px; } #youtube { float: left; width: 58px; margin-right: 10px; } #about-nav { float: left; width: 51px; } #subscription-facebook { float: right; width: 465px; padding-top: 10px; margin-right: 45px; } #subscription-facebook, #ie8#fix { float: right; width: 465px; padding-top: 0px; margin-right: 45px;} html:not([dummy]) #subscription-facebook { float: right; width: 465px; padding-top: 10px; margin-right: 45px;} #subscription-box { /*float: left; width: 440px; */} #facebook-like { float: left; width: 80px; margin-left: 10px; } #content { } #main-content { float: left; width: 767px; margin-right: 12px; } #home-news-wrapper { background: #FFF; padding: 0 0 9px 10px; margin-bottom: 11px; } html:not([dummy]) #home-news-wrapper { background: #FFF; padding: 0 0 11px 10px; margin-bottom: 11px; } #paginate-slider { float: left; width: 97px; padding-top: 10px; margin-right: 7px !important; margin-right: 2px; } #paginate-slider img { border: none; margin-bottom: 4px; } #paginate-slider img.toclast { margin-bottom: 0; } .sliderwrapper { position: relative; overflow: hidden; width: 653px; height: 281px; } .sliderwrapper .contentdiv { visibility: hidden; position: absolute; left: 0; top: 0; width: 653px; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .sliderwrapper .contentdiv .mainnewsimage { float: left; width: 423px; padding-top: 10px; } .sliderwrapper .contentdiv .mainnewstext { float: right; width: 204px; padding-right: 15px !important; padding-right: 0; } .mainnewstext h3 { margin-top: 15px; font-size: 17px; line-height: 1.2em; } .mainnewstext p { font-size: 11px; color: #333; } .mainnewstext p.news-date { color: #666; font-style: italic; padding-bottom: 3px; } .news-rss { padding-top: 12px; /*position: absolute; top: 518px; left: 678px; */} /* original #home-top-wrapper { background: #FFF; margin-bottom: 11px; padding: 10px 12px 10px 10px !important; padding: 10px 12px 5px 10px; } */ #home-top-wrapper { background: #FFF; margin-bottom: 11px; padding: 10px 12px 10px 10px; } /* for ie8 */ #home-top-wrapper, #ie8#fix { background: #FFF; margin-bottom: 11px; padding: 10px 12px 5px 10px; } /* for ie7 and ie6 */ html:not([dummy]) #home-top-wrapper { background: #FFF; margin-bottom: 11px; padding: 10px 12px 10px 10px; } /* for firefox, safari */ /* original #school-hpc { margin-bottom: 15px !important; margin-bottom: 0px; } */ #school-hpc { margin-bottom: 15px; } /* for ie8 */ #school-hpc, #ie8#fix { margin-bottom: 5px; } /* for ie7 and ie6 */ html:not([dummy]) #school-hpc { margin-bottom: 15px; } /* for firefox, safari */ #home-surf-schools { float: left; width: 360px; margin-right: 25px; } #home-hpc { float: left; width: 360px; } #club-education-shop { } #home-clubs { float: left; width: 233px; margin-right: 24px; } #home-education { float: left; width: 232px; margin-right: 24px; } #home-shop { float: left; width: 232px; } /*#home-top-external-wrapper { background: #FFF; margin-bottom: 11px; padding: 10px 19px 10px 20px; }*/ #home-top-external-wrapper { background: #FFF; margin-bottom: 11px; padding: 10px; } #home-mid-wrapper { } #home-mid-left-wrapper { float: left; width: 378px; margin-right: 11px; } #home-events { height: 131px; margin-bottom: 11px; background: #FFF; padding: 10px 0 10px 10px; } #eventTableHome { width: 100%; font-size: 95%; line-height: 1.2em; } #eventTableHome th { padding: 0; } #eventTableHome td { vertical-align: top; padding: 2px; } #eventTableHome a { text-decoration: none; } #eventTableHome a:hover { text-decoration: underline; } #home-mid-top-banner { height: 151px; margin-bottom: 11px !important; margin-bottom: 8px; } #home-mid-left-banner { } #home-mid-right-wrapper { float: left; width: 378px; margin-bottom: 11px; } #home-mid-right-banner { height: 151px; margin-bottom: 11px !important; margin-bottom: 8px; } #home-video { height: 313px; background: #FFF; } #home-video p { text-align: center; padding: 3px 0 0 !important; padding: 0; } #youtube-channel { width: 343px; height: 278px; margin-left: 18px; padding-top: 10px } #page-content { background: #FFF; margin-bottom: 10px; min-height: 1115px; } /* for ie8 */ #page-content, #ie8#fix { background: #FFF; margin-bottom: 10px; min-height: 1110px; } /* for all browsers except for ie8 */ html:not([dummy]) #page-content { background: #FFF; margin-bottom: 10px; min-height: 1117px; } /* for safari, opera, firefox */ #page-main-content { float: left; width: 536px; } .page-menu { background: url(images/mainsite/subnav-about-bg.jpg) no-repeat left top; height: 25px; } .page-menu a { float: left; height: 25px; margin-right: 23px; } #page-menu-about { background: url(images/mainsite/subnav-about-bg.jpg) no-repeat left top; } #page-menu-education { background: url(images/mainsite/subnav-education-bg.jpg) no-repeat left top; } #page-menu-coaching { background: url(images/mainsite/subnav-coaching-bg.jpg) no-repeat left top; } #page-menu-judging { background: url(images/mainsite/subnav-judging-bg.jpg) no-repeat left top; } #page-menu-hpc { background: url(images/mainsite/subnav-hpc-bg.jpg) no-repeat left top; } #page-menu-team-aust { background: url(images/mainsite/subnav-teamaust-bg.jpg) no-repeat left top; } #page-menu-coaching a, #page-menu-education a, #page-menu-judging a, #page-menu-hpc a, #page-menu-team-aust a { margin-right: 20px; } a.page-nav-about { width: 54px; background: url(images/mainsite/subnav-about-about.jpg) no-repeat left top; } a.page-nav-about:hover { background: url(images/mainsite/subnav-about-about.jpg) no-repeat left center; } a.page-nav-about-on { width: 54px; background: url(images/mainsite/subnav-about-about.jpg) no-repeat left bottom; } a.page-nav-stats { width: 74px; background: url(images/mainsite/subnav-about-fastfacts.jpg) no-repeat left top; } a.page-nav-stats:hover { background: url(images/mainsite/subnav-about-fastfacts.jpg) no-repeat left center; } a.page-nav-stats-on { width: 74px; background: url(images/mainsite/subnav-about-fastfacts.jpg) no-repeat left bottom; } a.page-nav-partners { width: 65px; background: url(images/mainsite/subnav-about-partners.jpg) no-repeat left top; } a.page-nav-partners:hover { background: url(images/mainsite/subnav-about-partners.jpg) no-repeat left center; } a.page-nav-partners-on { width: 65px; background: url(images/mainsite/subnav-about-partners.jpg) no-repeat left bottom; } a.page-nav-members { width: 134px; background: url(images/mainsite/subnav-about-members.jpg) no-repeat left top; } a.page-nav-members:hover { background: url(images/mainsite/subnav-about-members.jpg) no-repeat left center; } a.page-nav-members-on { width: 134px; background: url(images/mainsite/subnav-about-members.jpg) no-repeat left bottom; } a.page-nav-community { width: 81px; background: url(images/mainsite/subnav-about-community.jpg) no-repeat left top; } a.page-nav-community:hover { background: url(images/mainsite/subnav-about-community.jpg) no-repeat left center; } a.page-nav-community-on { width: 81px; background: url(images/mainsite/subnav-about-community.jpg) no-repeat left bottom; } a.page-nav-board { width: 51px; background: url(images/mainsite/subnav-about-board.jpg) no-repeat left top; } a.page-nav-board:hover { background: url(images/mainsite/subnav-about-board.jpg) no-repeat left center; } a.page-nav-board-on { width: 51px; background: url(images/mainsite/subnav-about-board.jpg) no-repeat left bottom; } a.page-nav-staff { width: 45px; background: url(images/mainsite/subnav-about-staff.jpg) no-repeat left top; } a.page-nav-staff:hover { background: url(images/mainsite/subnav-about-staff.jpg) no-repeat left center; } a.page-nav-staff-on { width: 45px; background: url(images/mainsite/subnav-about-staff.jpg) no-repeat left bottom; } a.page-nav-results { width: 58px; background: url(images/mainsite/subnav-about-results.jpg) no-repeat left top; } a.page-nav-results:hover { background: url(images/mainsite/subnav-about-results.jpg) no-repeat left center; } a.page-nav-results-on { width: 58px; background: url(images/mainsite/subnav-about-results.jpg) no-repeat left bottom; } a.page-nav-education { width: 73px; background: url(images/mainsite/subnav-education-overview.jpg) no-repeat left top; } a.page-nav-education:hover { background: url(images/mainsite/subnav-education-overview.jpg) no-repeat left center; } a.page-nav-education-on { width: 73px; background: url(images/mainsite/subnav-education-overview.jpg) no-repeat left bottom; } a.page-nav-coaching { width: 70px; background: url(images/mainsite/subnav-education-coaching.jpg) no-repeat left top; } a.page-nav-coaching:hover { background: url(images/mainsite/subnav-education-coaching.jpg) no-repeat left center; } a.page-nav-coaching-on { width: 70px; background: url(images/mainsite/subnav-education-coaching.jpg) no-repeat left bottom; } a.page-nav-judging { width: 61px; background: url(images/mainsite/subnav-education-judging.jpg) no-repeat left top; } a.page-nav-judging:hover { background: url(images/mainsite/subnav-education-judging.jpg) no-repeat left center; } a.page-nav-judging-on { width: 61px; background: url(images/mainsite/subnav-education-judging.jpg) no-repeat left bottom; } a.page-nav-greenroom { width: 86px; background: url(images/mainsite/subnav-education-green-room.jpg) no-repeat left top; } a.page-nav-greenroom:hover { background: url(images/mainsite/subnav-education-green-room.jpg) no-repeat left center; } a.page-nav-greenroom-on { width: 86px; background: url(images/mainsite/subnav-education-green-room.jpg) no-repeat left bottom; } #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; } #about-selection {} .about-selection-wrapper { float: left; width: 258px; margin-bottom: 20px; } ul.listColoured { list-style: none; color: #FFF; padding-left: 0; } ul.listColoured a { color: #FFF; text-decoration: none; } ul.listColoured li { font-size: 14px; padding: 10px 0 10px 20px; list-style: none; display: block; margin-bottom: 15px; } li.itemDarkBlue { background: #004684; } li.itemBlue { background: #0278C3; } li.itemLightBlue { background: #5DA4D1; } ul.listColouredCentered { list-style: none; color: #004684; padding-left: 0; text-align: center; } ul.listColouredCentered li { padding-left: 20px; font-size: 14px; list-style: none; display: block; margin-bottom: 15px; padding: 10px 0; } li.itemGrey { background: #CCC; } .text-page-video { width: 490px; margin-bottom: 20px; } .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-about { background: url(images/mainsite/about-title.jpg) no-repeat left top; } #annual-reports { background: url(images/mainsite/annual-reports-title.jpg) no-repeat left top; padding-top: 30px; padding-left: 5px; margin-bottom: 10px; } #annual-reports-table { width: 190px; font-size: 95%; line-height: 1.2em; font-weight: bold; } #annual-reports-table th { padding: 0; } #annual-reports-table td { vertical-align: center; padding: 2px; } #annual-reports-table a { text-decoration: none; } #annual-reports-table a:hover { text-decoration: underline; } #about-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; } #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; } #page-side-content-education { background: url(images/mainsite/education-title-pg.jpg) no-repeat left top; } #page-side-content-coaching { background: url(images/mainsite/coaching-title.jpg) no-repeat left top; } a.page-nav-coaching-overview { width: 73px; background: url(images/mainsite/subnav-coaching-overview.jpg) no-repeat left top; } a.page-nav-coaching-overview:hover { background: url(images/mainsite/subnav-coaching-overview.jpg) no-repeat left center; } a.page-nav-coaching-overview-on { width: 73px; background: url(images/mainsite/subnav-coaching-overview.jpg) no-repeat left bottom; } a.page-nav-coaching-documents { width: 81px; background: url(images/mainsite/subnav-coaching-documents.jpg) no-repeat left top; } a.page-nav-coaching-documents:hover { background: url(images/mainsite/subnav-coaching-documents.jpg) no-repeat left center; } a.page-nav-coaching-documents-on { width: 81px; background: url(images/mainsite/subnav-coaching-documents.jpg) no-repeat left bottom; } #page-side-content-judging { background: url(images/mainsite/judging-title.jpg) no-repeat left top; } a.page-nav-judging-overview { width: 74px; background: url(images/mainsite/subnav-judging-overview.jpg) no-repeat left top; } a.page-nav-judging-overview:hover { background: url(images/mainsite/subnav-judging-overview.jpg) no-repeat left center; } a.page-nav-judging-overview-on { width: 74px; background: url(images/mainsite/subnav-judging-overview.jpg) no-repeat left bottom; } a.page-nav-judging-australian { width: 119px; background: url(images/mainsite/subnav-judging-australian.jpg) no-repeat left top; } a.page-nav-judging-australian:hover { background: url(images/mainsite/subnav-judging-australian.jpg) no-repeat left center; } a.page-nav-judging-australian-on { width: 119px; background: url(images/mainsite/subnav-judging-australian.jpg) no-repeat left bottom; } a.page-nav-judging-international { width: 134px; background: url(images/mainsite/subnav-judging-international.jpg) no-repeat left top; } a.page-nav-judging-international:hover { background: url(images/mainsite/subnav-judging-international.jpg) no-repeat left center; } a.page-nav-judging-international-on { width: 134px; background: url(images/mainsite/subnav-judging-international.jpg) no-repeat left bottom; } a.page-nav-judging-documents { width: 84px; background: url(images/mainsite/subnav-judging-documents.jpg) no-repeat left top; } a.page-nav-judging-documents:hover { background: url(images/mainsite/subnav-judging-documents.jpg) no-repeat left center; } a.page-nav-judging-documents-on { width: 84px; background: url(images/mainsite/subnav-judging-documents.jpg) no-repeat left bottom; } #page-side-content-hpc { background: url(images/mainsite/hpc-page-title.jpg) no-repeat left top; } a.page-nav-hpc-overview { width: 37px; background: url(images/mainsite/subnav-hpc-hpc.jpg) no-repeat left top; } a.page-nav-hpc-overview:hover { background: url(images/mainsite/subnav-hpc-hpc.jpg) no-repeat left center; } a.page-nav-hpc-overview-on { width: 37px; background: url(images/mainsite/subnav-hpc-hpc.jpg) no-repeat left bottom; } a.page-nav-hpc-services { width: 48px; background: url(images/mainsite/subnav-hpc-services.jpg) no-repeat left top; } a.page-nav-hpc-services:hover { background: url(images/mainsite/subnav-hpc-services.jpg) no-repeat left center; } a.page-nav-hpc-services-on { width: 48px; background: url(images/mainsite/subnav-hpc-services.jpg) no-repeat left bottom; } a.page-nav-hpc-camps { width: 62px; background: url(images/mainsite/subnav-hpc-camps.jpg) no-repeat left top; } a.page-nav-hpc-camps:hover { background: url(images/mainsite/subnav-hpc-camps.jpg) no-repeat left center; } a.page-nav-hpc-camps-on { width: 62px; background: url(images/mainsite/subnav-hpc-camps.jpg) no-repeat left bottom; } a.page-nav-hpc-coaches { width: 49px; background: url(images/mainsite/subnav-hpc-coaches.jpg) no-repeat left top; } a.page-nav-hpc-coaches:hover { background: url(images/mainsite/subnav-hpc-coaches.jpg) no-repeat left center; } a.page-nav-hpc-coaches-on { width: 49px; background: url(images/mainsite/subnav-hpc-coaches.jpg) no-repeat left bottom; } a.page-nav-hpc-testimonials { width: 72px; background: url(images/mainsite/subnav-hpc-testimonials.jpg) no-repeat left top; } a.page-nav-hpc-testimonials:hover { background: url(images/mainsite/subnav-hpc-testimonials.jpg) no-repeat left center; } a.page-nav-hpc-testimonials-on { width: 72px; background: url(images/mainsite/subnav-hpc-testimonials.jpg) no-repeat left bottom; } a.page-nav-hpc-location { width: 51px; background: url(images/mainsite/subnav-hpc-location.jpg) no-repeat left top; } a.page-nav-hpc-location:hover { background: url(images/mainsite/subnav-hpc-location.jpg) no-repeat left center; } a.page-nav-hpc-location-on { width: 51px; background: url(images/mainsite/subnav-hpc-location.jpg) no-repeat left bottom; } a.page-nav-hpc-documents { width: 76px; background: url(images/mainsite/subnav-hpc-documents.jpg) no-repeat left top; } a.page-nav-hpc-documents:hover { background: url(images/mainsite/subnav-hpc-documents.jpg) no-repeat left center; } a.page-nav-hpc-documents-on { width: 76px; background: url(images/mainsite/subnav-hpc-documents.jpg) no-repeat left bottom; } #hpc-video { margin-top: 15px; margin-bottom: 20px; } #page-side-content-team-aust { background: url(images/mainsite/teamaus-title.jpg) no-repeat left top; } a.page-nav-team-aust-overview { width: 73px; background: url(images/mainsite/subnav-teamaust-overview.jpg) no-repeat left top; } a.page-nav-team-aust-overview:hover { background: url(images/mainsite/subnav-teamaust-overview.jpg) no-repeat left center; } a.page-nav-team-aust-overview-on { width: 73px; background: url(images/mainsite/subnav-teamaust-overview.jpg) no-repeat left bottom; } a.page-nav-team-aust-juniors { width:60px; background: url(images/mainsite/subnav-teamaust-juniors.jpg) no-repeat left top; } a.page-nav-team-aust-juniors:hover { background: url(images/mainsite/subnav-teamaust-juniors.jpg) no-repeat left center; } a.page-nav-team-aust-juniors-on { width: 60px; background: url(images/mainsite/subnav-teamaust-juniors.jpg) no-repeat left bottom; } a.page-nav-team-aust-open { width: 48px; background: url(images/mainsite/subnav-teamaust-open.jpg) no-repeat left top; } a.page-nav-team-aust-open:hover { background: url(images/mainsite/subnav-teamaust-open.jpg) no-repeat left center; } a.page-nav-team-aust-open-on { width: 48px; background: url(images/mainsite/subnav-teamaust-open.jpg) no-repeat left bottom; } a.page-nav-team-aust-masters { width: 61px; background: url(images/mainsite/subnav-teamaust-masters.jpg) no-repeat left top; } a.page-nav-team-aust-masters:hover { background: url(images/mainsite/subnav-teamaust-masters.jpg) no-repeat left center; } a.page-nav-team-aust-masters-on { width: 61px; background: url(images/mainsite/subnav-teamaust-masters.jpg) no-repeat left bottom; } a.page-nav-team-aust-documents { width: 81px; background: url(images/mainsite/subnav-teamaust-documents.jpg) no-repeat left top; } a.page-nav-team-aust-documents:hover { background: url(images/mainsite/subnav-teamaust-documents.jpg) no-repeat left center; } a.page-nav-team-aust-documents-on { width: 81px; background: url(images/mainsite/subnav-teamaust-documents.jpg) no-repeat left bottom; } #page-side-content-clubs { background: url(images/mainsite/clubs-title.jpg) no-repeat left top; } #page-side-content-news { background: url(images/mainsite/news-title.jpg) no-repeat left top; } .news-listing { padding-bottom: 20px; border-bottom: 1px solid #EBEBEB; margin-bottom: 20px; } .news-listing h3 { margin-bottom: 0; } .news-listing a { text-decoration: none; } .news-listing a:hover { text-decoration: underline; } .news-listing-image { float: left; width: 240px; margin-right: 20px; } .news-listing-text { float: left; width: 450px; } p.news-date { color: #666; font-style: italic; padding-bottom: 3px; } .news-event-name { font-weight: bold; padding-bottom: 10px; } #news-details { margin-bottom: 20px; } #all-news { float: left; width: 77px; } #rss-share { float: right; width: 200px; } #page-side-content-awards { background: url(images/mainsite/awards-title.jpg) no-repeat left top; } #page-side-content-events { padding-top: 25px; background: url(images/mainsite/events-title-pg.jpg) no-repeat left top; } #page-side-content-events, #ie8#fix { padding-top: 10px; background: url(images/mainsite/events-title-pg.jpg) no-repeat left top; } html:not([dummy]) #page-side-content-events { padding-top: 25px; background: url(images/mainsite/events-title-pg.jpg) no-repeat left top; } #page-side-content-rego { padding-top: 25px; background: url(images/mainsite/registration.jpg) no-repeat left top; } #page-side-content-rego, #ie8#fix { padding-top: 10px; background: url(images/mainsite/registration.jpg) no-repeat left top; } html:not([dummy]) #page-side-content-rego { padding-top: 25px; background: url(images/mainsite/registration.jpg) no-repeat left top; } #page-side-content-contact { background: url(images/mainsite/contact-title.jpg) no-repeat left top; } #one-page-content { padding: 20px 20px 0px; color: #333; } #one-page-content, #ie8#fix { padding: 0 20px; color: #333; } html:not([dummy]) #one-page-content { padding: 20px 20px 0; color: #333; } #one-page-content h2 { font-size: 16px; font-weight: bold; margin-bottom: 20px; color: #004684; } #one-page-content h3 { font-size: 120%; font-weight: normal; margin-bottom: 10px; } .partner-listing { border-bottom: 1px solid #EBEBEB; margin-bottom: 20px; } .partner-listing a { text-decoration: none; } .partner-listing a:hover { text-decoration: underline; } .partner-logo { float: left; width: 173px; } .partner-desc { float: right; width: 500px; } .staff-listing { border-bottom: 1px solid #EBEBEB; margin-bottom: 20px; } .staff-image { float: left; width: 173px; } .staff-desc { float: right; width: 500px; } #page-main-text .staff-desc h3 { margin-bottom: 5px; } .staff-desc .jobtitle { padding-bottom: 10px; color: #666; } .page-list-wrapper { float: left; width: 233px; padding-top: 35px; } #page-coaching-list { background: #DDD url(images/mainsite/coaching-courses-title.jpg) no-repeat left top; } #page-judging-list { background: #DDD url(images/mainsite/judging-courses-title.jpg) no-repeat left top; } #page-hpc-list { background: #DDD url(images/mainsite/hpc-camps-title.jpg) no-repeat left top; } #page-list { padding: 0 10px 10px; } #page-list ul { list-style: none; padding-left: 0; margin-bottom: 0; font-size: 95%; } #page-list li { list-style: none; font-weight: bold; margin-bottom: 5px; } #page-list a { text-decoration: none; } #page-list a:hover { text-decoration: underline; } .course-date { color: #666 } #page-list-content { float: right; width: 470px; } #page-banner { margin-bottom: 15px; } #youtube-video-wrapper { width: 343px; } #youtube-video-wrapper p { text-align: center; } #page-image-gallery {} .page-image-item { float: left; width: 207px; margin-right: 20px; margin-bottom: 10px; } .page-image-item p { text-align: center; pading-top: 5px; padding-bottom: 0; } #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/whats-on.jpg) no-repeat left top; margin-bottom: 11px; } #event-partner-wrapper { padding-top: 34px; padding-bottom: 3px; } /* ie8 only */ #event-partner-wrapper, #ie8#fix { padding-top: 34px; padding-bottom: 4px; } html:not([dummy]) #event-partner-wrapper { padding-top: 34px; padding-bottom: 5px; } .event-partner-logo { width: 192px; margin-bottom: 5px; } .event-partner-logo img { padding-left: 9px; } #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-sa { width: 192px; margin-left: 9px; margin-bottom: 5px; } #newsletter { background: #FFF; padding: 9px 9px 14px; margin-bottom: 10px; } #newsletter, #ie8#fix { 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; } #sa-vb-social { width: 190px; height: 151px; padding: 10px; background: #fff; margin-bottom: 10px; } #sa-vb-logo { } #sa-vb-logo h2 { font-size: 14px; font-weight: bold; } #sa-vb-like { } #extra-rhs-banner { background: #FFF; height: 91px; padding: 10px; } #extra-rhs-banner img { width: 192px; height: 91px; } #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/mainsite/clubs-title.jpg) no-repeat left top; padding-top: 34px; } #clubs-side-content-images { padding: 0 0 10px 5px; } .clubs-page-image-wrapper { background: #CCC; margin-bottom: 10px; width: 200px; } .clubs-page-image-wrapper p { font-size: 11px; padding: 4px; color: #666; text-align: center; } #search-area { padding-top: 10px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #CCC; } #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; } #national-ratings { padding-bottom: 20px; border-bottom: 1px dotted #CCC; margin-bottom: 20px; } a.nrLink { display: block; border: 1px solid #004684; background: #EBEBEB; font-size: 14px; color: #004684; width: 140px; cursor: pointer; padding: 4px 0; text-decoration: none; text-align: center; } #related-news-list { float: left; width: 250px; margin-right: 30px; } #related-news-wrapper { float: left; width: 460px; } #related-news-wrapper img { float: left; width: 94px; margin-right: 21px; margin-bottom: 20px; } .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; } .gallery-img-wrapper, .gallery-img-wrapper-last { float:left; width: 207px; margin-right: 20px; margin-bottom: 20px; } .gallery-img-wrapper-last { margin-right: 0px; } .testimonial-listing { margin-bottom: 20px; } .testimonial-image { float: left; width: 120px; margin-right: 10px; } .testimonial-desc { float: left; width: 300px; } .testimonial-desc p { padding-bottom: 8px; } #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; } /************************ MISC ********************/ .clearFloat { clear: both; line-height: 0; height: 0;} .warning, .error { color: #CC0000; font-weight: bold; padding-bottom: 5px; } .error { font-size: 14px; } .notice { font-size: 85%; font-style: italic; } .invisible { display: none; } .title-heading { margin-bottom: 10px; } #breadcrumb p { padding-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; } .bulletDarkBlue, .bulletBlue, .bulletLightBlue { padding-left: 20px; } .bulletDarkBlue { background: url(images/mainsite/hpc-arrow-1.jpg) no-repeat left center; } .bulletBlue { background: url(images/mainsite/hpc-arrow-2.jpg) no-repeat left center; } .bulletLightBlue { background: url(images/mainsite/hpc-arrow-3.jpg) no-repeat left center; } .pagination { padding: 10px 10px 20px; } .pagination a { padding: 5px 8px; margin: 2px; border: 1px solid #999; text-decoration: none; color: #999; } .pagination a:hover, .pagination a:active { border: 1px solid #004684; color: #004684; } .pagination span.current { padding: 5px 8px; margin: 2px; border: 1px solid #004684; font-weight: bold; background-color: #004684; color: #fff; } .pagination span.disabled { padding: 5px 8px; margin: 2px; border: 1px solid #ccc; color: #ccc; } 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; } /************************* 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: 98px; } .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; } #formSubscribe {} #formSubscribe label { float: left; display: block; width: 235px; color: #004684; font-size: 100%; font-weight: bold; padding-top: 2px; } #formSubscribe input { float: left; display: block; width: 140px; border: 1px solid #ccc; background: #ebebeb; font-size: 100%; color: #999; padding: 2px; margin-right: 10px; } #formSubscribe .subscribeButton { float: left; display: block; width: 46px; cursor: pointer; color: #FFF; font-size: 12px;font-weight: bold; border: none; background: #6caedf; } #formSearch {} #formSearch input, #formSearch select { display: block; width: 210px; 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 { } .backButton { display: block; background: #004684; width: 200px; line-height: 1.8em; color: #FFF; border: 1px solid #004684; font-weight: bold; text-align: center; cursor: pointer; } .formHeading { display: block; background: #3399FF;color: #FFFFFF; padding: 4px; font-weight: bold; text-align: center; margin-bottom: 10px; } .rightColumn { padding-left: 20px; } .longLabel { width: 300px; display: block; float: left; } #formCheckout .buttonProcess { border: 1px solid #990000; background: #990000; font-size: 12px; font-weight: bold; color: #FFF; width: 180px; height: 3em; cursor: pointer; margin-left: 285px !important; margin-left: 110px; margin-bottom: 10px; } #formCheckout label { font-size: 100%; float: left; width: 105px; display: block; text-align: left; padding-bottom: 10px; } #formCheckout input, #formCheckout select { font-size: 100%; float: left; width: 179px; display: block; border: 1px solid #666; color: #000; padding: 1px; } #formCheckout select { font-size: 95%; } #formCheckout .tinyInput { width: 55px; margin-right: 5px; } #formCheckout .tinyInputLast { width: 55px; margin-right: 0; } #formCheckout .smallInput { width: 80px; margin-right: 5px; } #formCheckout .mediumInput{ width: 145px; } #formCheckout .largeInput{ width: 493px; } #formCheckout .checkBox { width: 15px; height: 15px; margin: 0 5px 0 0; background: #01223C; border: 1px solid #01223C; border-bottom: 1px solid #CCC; color: #FFF; } #formCheckout .checkboxLabel { margin-right: 20px; width: 100px; display: block; } #formCheckout .checkboxMedLabel { margin-right: 20px; width: 250px; display: block; } #formCheckout .checkboxLongLabel { margin-right: 20px; width: 450px; display: block; } #formCheckout .radioLabel { width: 80px; } #formCheckout .radioLongLabel { width: 121px; } #formCheckout .radioExtraLongLabel { width: 200px; } #formCheckout .radioButton, #formCheckout .radioButtonFirst { width: 15px; margin: 0 5px 0 0; border: none; background: none; } #formCheckout .radioButtonFirst { margin-left: 20px; } #formCheckout .areacodeLabel { float: left; width: 60px; font-size: 11px; font-style: italic; padding-top: 3px; } #formCheckout .areacodeInput { width: 22px; margin-right: 5px; } #formCheckout .phoneLabel { float: left; width: 80px; font-size: 11px; font-style: italic; margin-left: 10px; padding-top: 3px; } #formCheckout .phoneInput { width: 80px; margin-right: 5px; } #formSubmit p { text-align: center; padding-bottom: 20px; } #formContact { } #formContact label, #formContact input, #formContact select, #formContact textarea { display: block; float: left; margin-bottom: 10px; border: 1px solid #333; font: 100% small Arial, Helvetica, sans-serif; padding: 2px; } #formContact input, #formContact select, #formContact textarea { border: 1px solid #333; width: 256px; } #formContact label { text-align: left; width: 150px; padding-right: 5px; border: none; } #formContact br { clear: left; } #formContact .sendButton { cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left; display: block; margin-top: 10px; background: #004684; width: 100px; padding-top: 5px; padding-bottom: 5px; } #formContact .tinyInput { width: 80px; } #formContact p { margin-bottom: 5px; } #formContact input.hidden { display: none; } #formContact .wideLabel { width: 260px; } /************************* TABLE **********************/ 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; } #register-table { width: 100%; font-size: 11px; margin-top: 3px; margin-bottom: 20px; } #register-table tr.hilite { background: #EBEBEB; } #register-table tr.nohilite { background: #FFFFFF; } #eventTableOther td { vertical-align: top; } #chart { width: 100%; border-collapse: inherit; color: #FFF; text-align: center; font-size: 10px; margin-bottom: 30px; } #chart td { padding: 10px; } #chart p { padding-bottom: 0; } .tdDarkBlue { background: #004684; } .tdBlue { background: #0278C3; } .tdLightBlue { background: #5DA4D1; } .tdVeryLightBlue { background: #6FC8FF; } .tdBluish { background: #99CCFF; } .chart-staff-name { font-size: 10px; } #twitter-box {} #twitter-box-icon { float: left; width: 22px; margin-right: 8px; } #twitter-box-txt { float: left; width: 300px; } #twitter-box-txt p { font-size: 11px; color: #444; padding-top: 5px; } #twitter-box-txt p a { color: #444; text-decoration: none; } #twitter-box-txt p a:hover { color: #004684; text-decoration: none; } #org-chart { margin-bottom: 20px; } /************************* OTHER **********************/ #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: #003F7E; width: 150px; /*Default width of hint.*/ padding: 3px; border:1px solid #CCCCCC; line-height:18px; z-index:100; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; visibility: hidden; font-size: 11px; font-style: italic; } .hintanchor{ /*CSS for link that shows hint onmouseover*/ font-weight: bold; color: #006699; margin: 3px 8px; }