/* 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 { height: 68px; background: url(images/states/main-nav-bg.jpg) no-repeat left top; } #header-nsw { height: 68px; background: url(images/states/main-nav-bg-nsw.jpg) no-repeat left top; } #topnav { float: left; width: 640px; height: 34px; margin-left: 360px !important; margin-left: 180px; } #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-wa { background: url(images/states/surfing-wa-logo.jpg) no-repeat left top; height: 187px; } #logo-vic { background: url(images/states/surfing-vic-logo.jpg) no-repeat left top; height: 187px; } #logo-sa { background: url(images/states/surfing-sa-logo.jpg) no-repeat left top; height: 187px; } #logo-tas { background: url(images/states/surfing-tas-logo.jpg) no-repeat left top; height: 187px; } #twitter-youtube { width: 151px; margin-left: 819px; padding-top: 5px; } #twitter { float: left; width: 83px; margin-right: 10px; } #youtube { float: left; width: 58px; } #content { } #main-content { float: left; width: 767px; margin-right: 12px; } #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: 13px; } .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; */} #home-mid-wrapper { margin-bottom: 11px; } #home-mid-left-wrapper { float: left; width: 378px; margin-right: 11px; } #home-events { height: 293px; 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-right-wrapper { float: left; width: 378px; } #home-surf-schools { height: 131px; margin-bottom: 11px; background: #FFF; padding: 10px 0 10px 10px; } #home-coaching-judging { height: 131px; background: #FFF; padding: 10px 0 10px 10px; } #home-bot-wrapper { background: #FFF; padding: 10px 0 10px 10px; margin-bottom: 11px; } /* ie8 */ #home-bot-wrapper, #ie8#fix { background: #FFF; padding: 10px 0 2px 10px; margin-bottom: 11px; } /* ie7 and ie6 */ html:not([dummy]) #home-bot-wrapper { background: #FFF; padding: 10px 0 10px 10px; } /* firefox, safari and opera */ .home-bot-box { float: left; width: 233px; margin-right: 23px; } #home-bot-box-last { margin-right: 0; } #home-banner-video-shop { margin-bottom: 11px; } #home-single-banner { float: left; width: 378px; margin-right: 11px; } #home-video { float: left; width: 174px; background: #FFF; padding: 5px; margin-right: 11px; } #home-online-shop { float: left; width: 162px; background: #FFF; padding: 10px 10px 11px; } #home-online-shop, #ie8#fix { float: left; width: 162px; background: #FFF; padding: 10px 10px 6px; } html:not([dummy]) #home-online-shop { float: left; width: 162px; background: #FFF; padding: 10px 10px 11px; } #page-content { background: #FFF; margin-bottom: 10px; min-height: 946px; } /* ie8 */ #page-content, #ie8#fix { background: #FFF; margin-bottom: 10px; min-height: 957px; } /* ie7 and ie6 */ html:not([dummy]) #page-content { background: #FFF; margin-bottom: 10px; min-height: 945px; } /* firefox, opera, safari */ #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; } #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; } .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-coaching-judging { background: url(images/states/coaching-judging-title-top.jpg) no-repeat left top; } #page-side-content-membership { background: url(images/states/membership-title-top.jpg) no-repeat left top; } #page-side-content-ratings { background: url(images/states/ratings-title-top.jpg) no-repeat left top; } #page-side-content-partners { background: url(images/states/partners-title-top.jpg) no-repeat left top; } #page-side-content-contact { background: url(images/states/contact-title-top.jpg) no-repeat left top; } #page-side-content-about { background: url(images/mainsite/about-title.jpg) no-repeat left top; } #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-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-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; } #one-page-content { padding: 0 20px; color: #333; } #ratings-page-content { padding: 0 10px; color: #333; } #one-page-content h2, #ratings-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; } #ratings-page-content h3 { font-size: 140%; 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; } .page-list-wrapper { float: left; width: 233px; padding-top: 10px; } #page-coaching-list { background: #DDD url(images/mainsite/coaching-courses-title.jpg) no-repeat left top; margin-bottom: 20px; } #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: 30px 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; } .page-list p { padding-top: 35px; } .course-date { color: #666 } #page-list-content { float: right; width: 470px; } #page-list-content h2 { margin-top: 10px; } #page-rating-list { width: 200px; padding-top: 0; } #rating-list-content { float: right; width: 526px; } #rating-list-content h3 { margin-bottom: 20px; } #rating-table-wrapper { padding-bottom: 10px; } #youtube-video-wrapper { width: 343px; } #youtube-video-wrapper p { text-align: center; } .gallery-img-wrapper, .gallery-img-wrapper-last { float:left; width: 207px; margin-right: 20px; margin-bottom: 20px; } .gallery-img-wrapper-last { margin-right: 0px; } #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: 0px; } #event-partner-wrapper, #ie8#fix { 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; } #newsletter { background: #FFF; padding: 9px; 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; } #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; } a.extLink { display: block; border: 1px solid #004684; background: #004684; font-size: 14px; color: #EBEBEB; width: 140px; cursor: pointer; padding: 4px 0; text-decoration: none; text-align: center; } #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 { 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; } .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; } /************************* 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 { } /************************* 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; } #rating-table { margin-top: 3px; width: 100%; color: #004684; } #rating-table tr { } #rating-table tr.hilite { background: #BED4E2; } #rating-table tr.nohilite { background: #98C5E1; } /************************* 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; }