/*######################################## Project: Version: Last change: Designed by: Big Click Studios - www.bigclick.com.au #########################################*/ /*------------------------------------------------------------------ [Table of contents] 1. GLOBAL STYLES 2. HEADER STYLES 3. COLUMN STRUCTURE 4. LEFT COLUMN STYLES 5. RIGHT COLUMN STYLES 7. FOOTER STYLES 8. MISCELLANEOUS # ------------------------------------------------------------------*/ /*--------------------------------------- 1. GLOBAL STYLES - reset, html, body, wrap -----------------------------------------*/ * {margin: 0; padding:0} html {background: #286CAC url(../img/bg.gif) top left repeat-x;} body { background: url(../img/clouds.jpg) 0px 6px repeat-x; font-size: 62.5%; font-family: helvetica, arial, sans-serif; min-width: 996px; } #wrap { position: relative; margin: 0 auto; width: 996px; overflow: hidden; z-index: 1000; } /*--------------------------------------- 2. HEADER STYLES - branding, logo, top nav, popups -----------------------------------------*/ /* Branding */ #branding { background: url(../img/branding-bg.png) 350px 80px no-repeat; height: 231px; margin: 0 0 5px 0; position: relative; } /* Logo */ a#logo { position: absolute; left: 24px; top: 40px; background: url(../img/logo.png); display: block; height: 86px; text-indent: -9999px; width: 232px;} /* Top Nav */ #nv { list-style: none; width: 960px; margin-left: 18px; height: 61px; background: url(../img/nav-li-bg.gif) top left no-repeat; padding-left: 2px; } #nv li { float: left; width: 137px; background: url(../img/nav-li-bg.gif) top right no-repeat; } #nv li a { position: relative; display: block; width: 137px; height: 61px; text-decoration: none; text-transform: uppercase; font-size: 1.4em; } #nv li a:link, #nv li a:visited { color: #FFF; } #nv li a:hover, #nv li a:active, #nv li#current a { color: #FECB66; background: url(../img/nav-hover-bg.gif) 17px 56px no-repeat; } #nv li a em { display: block; width: 100px; padding-top: 14px; margin: 0 23px 0 17px; font-style: normal; cursor: pointer; } /* Pop Ups */ #nv li a span { position: absolute; display: none; background: url(../img/popup-bg.png); height: 39px; width: 218px; padding: 10px 20px; text-align: center; color: #333; font-size: 0.9em; text-transform: none; } #nv li a.last span { position: absolute; display: none; background: url(../img/popup-bg-last.png); height: 39px; width: 218px; padding: 10px 20px; text-align: center; color: #333; font-size: 0.9em; text-transform: none; } /*--------------------------------------- 3. COLUMN STRUCTURE - including content background -----------------------------------------*/ #ct-left { float: left; width: 657px; margin: 13px 0 0 0; } #ct-right {float: right; width: 338px; margin: 12px 0 4px 0; } #ct-left.home { position: relative; padding-top: 131px; } #ct-left.home-2 { position: relative; } #ct { width: 643px; margin: 0 0 0 14px; background: url(../img/ct-bg.png) repeat-y; padding-bottom: 26px; /*min-height:880px;*/ min-height:1120px; height:auto !important; height:1120px; } #ct-2 { width: 643px; margin: 0 0 0 14px; background: url(../img/ct-bg.png) repeat-y; padding-bottom: 1px; min-height:200px; height:auto !important; height:452px; } .ct-block { margin: 0 5px; background: url(../img/ct-block-bg.gif) 0px 1px repeat-x; padding: 26px; } .ct-block-nopad { margin: 0 5px; background: url(../img/ct-block-bg.gif) 0px 1px repeat-x; } /*--------------------------------------- 4. LEFT COLUMN STYLES - header, copy, lists, images -----------------------------------------*/ /* Headers */ p#home-intro { position: absolute; width: 580px; top: 20px; left: 18px; height: 65px; font-size: 3.1em; color: #333; line-height: 24px; } p#intro-2 { position: absolute; width: 640px; top: 50px; right: 0px; height: 65px; font-size: 3.35em; color: #FFF; line-height: 24px; } h2.upcoming-events { background: url(../img/upcoming-events.png); width: 643px; height: 45px; text-indent: -9999px; margin: 0 0 0 14px; } h1 { width: 643px; height: 33px; text-indent: 20px; padding-top: 12px; margin: 0 0 0 14px; color: #FFFFFF; font-size: 22px; text-transform: uppercase; font-weight: 400; } h1 strong { font-weight: 700; } h1.about-the-challenge { background: url(../img/about-the-challenge.png); } h1.news-and-updates { background: url(../img/news-and-updates.png); } h1.panel-header { background: url(../img/get-in-touch.png); } h1.useful-downloads { background: url(../img/some-useful-downloads.png); } h2.featured-galleries { margin: 0 5px; height: 40px; background: url(../img/featured-galleries.gif); text-indent: -9999px; } h2.latest-news-updates { margin: 0 5px; height: 40px; background: url(../img/latest-news-updates.gif); text-indent: -9999px; } h2.useful-downloads { margin: 0 5px; height: 40px; background: url(../img/some-useful-downloads.png); text-indent: -9999px; } h3 { color: #215B9B; font-size: 1.8em; font-weight: normal; margin-bottom: 20px; } .ct-block h4 { color: #4B5457; font-size: 1.8em; font-weight: normal; margin-bottom: 20px; } /* Text */ .ct-block p { font-size: 1.4em; color: #333; line-height: 140%; margin-bottom: 18px; } .ct-block ul { list-style: none; font-size: 1.4em; color: #333; line-height: 140%; margin: 0 0 24px 24px; } .ct-block ul li { padding-left: 26px; background: url(../img/li-arw.gif) 0px 1px no-repeat; font-weight: bold; margin-bottom: 10px; position: relative; } .ct-block a:link, .ct-block a:visited { color: #215B9B; text-decoration: underline; } .ct-block a:hover { color: #40494D; text-decoration: none; } /* Home Page Article Excerpts */ .excerpt-list { padding-top: 26px; } .excerpt { margin: 20px 0px 20px 0px; position: relative; padding:0px 26px 10px 0px; border-bottom:solid 1px #E2EDF5; } .excerpt h4 { margin: 0 0 6px 64px; font-size: 1.5em; color: #333; font-weight: bold; } .excerpt h4 a:link, .excerpt h4 a:visited { color: #333; text-decoration: none; } .excerpt h4 a:hover, .excerpt h4 a:active { color: #333; text-decoration: underline; } .excerpt p { margin: 0 0 8px 64px; font-size: 1.4em; color: #333; line-height: 140%; } .excerpt p.excerpt-date { float: left; width: 56px; height: 58px; background: url(../img/excerpt-date-bg.png); margin: 0 0 0 -14px; text-align: center; color: #FFF; font-size: 1em; text-transform: uppercase; line-height: normal; } .excerpt p.excerpt-date span { display: block; width: 56px; padding-top: 7px; } .excerpt p.excerpt-date em {display: block; width: 56px; font-size: 2em; line-height: 20px; font-weight: bold; font-style: normal; } .vw-all-events-btn { display: block; width: 180px; height: 22px; text-indent: -9999px; margin: 0 0 30px 64px; } .vw-all-events-btn:link, .vw-all-events-btn:visited { background: url(../img/vw-all-events-btn.gif); } .vw-all-events-btn:hover, .vw-all-events-btn:active { background: url(../img/vw-all-events-btn.gif) -180px 0px; } .vw-all-nart-btn { display: block; width: 154px; height: 22px; text-indent: -9999px; margin: 0 0 30px 64px; } .vw-all-nart-btn:link, .vw-all-nart-btn:visited { background: url(../img/vw-all-nart-btn.gif); } .vw-all-nart-btn:hover, .vw-all-nart-btn:active { background: url(../img/vw-all-nart-btn.gif) -154px 0px; } /* Featured Gallery */ .ct-block-nopad ul.featured-gallery-list { list-style: none; margin: 0 0 30px 26px; width: 600px; overflow: hidden; padding-top: 26px; } .ct-block-nopad ul.featured-gallery-list li { float: left; padding: 0; margin-right: 20px; width: 180px; margin-bottom: 10px; } .ct-block-nopad ul.featured-gallery-list li a.thumb { display: block; width: 180px; margin-bottom: 8px; } .ct-block-nopad ul.featured-gallery-list li a.thumb img { display: block; border: 5px solid #ADD1EB; } .ct-block-nopad ul.featured-gallery-list li p { font-size: 1.3em; font-weight: bold; margin: 0 5px;} .ct-block-nopad ul.featured-gallery-list li p a:link, .ct-block-nopad ul.featured-gallery-list li p a:visited { color: #333; text-decoration: none; } .ct-block-nopad ul.featured-gallery-list li p a:hover, .ct-block-nopad ul.featured-gallery-list li p a:active { color: #333; text-decoration: underline; } .vw-all-gall-btn { display: block; width: 126px; height: 22px; text-indent: -9999px; margin: 0 0 30px 26px; } .vw-all-gall-btn:link, .vw-all-gall-btn:visited { background: url(../img/vw-all-gall-btn.gif); } .vw-all-gall-btn:hover, .vw-all-gall-btn:active { background: url(../img/vw-all-gall-btn.gif) -126px 0px; } /* Logo List on About Page */ .ct-block ul.logo-list { list-style: none; margin: 0 0 24px 0; width: 580px; overflow: hidden; } .ct-block ul.logo-list li { float: left; margin: 30px 20px 0 0; padding: 0; height: 100px; width: 261px; background: none; } .ct-block ul.logo-list li a.logo-list-gsc { display: block; width: 104px; height: 89px; margin: 0 auto; } .ct-block ul.logo-list li a.logo-list-dol { display: block; width: 261px; height: 34px; margin: 30px auto; } .ct-block ul.logo-list li a.logo-list-cox { display: block; width: 111px; height: 40px; margin: 20px auto; } .ct-block ul.logo-list li a.logo-list-kerr { display: block; width: 196px; height: 74px; margin: 0 auto; } /* Download List */ .downloads-list { list-style: none; } .downloads-list li { background: url(../img/dloads-list-li-bg.gif) bottom left repeat-x; padding: 12px 26px 13px 26px; position: relative; } .downloads-list li div { background: #E8F1F7; width: 560px; overflow: hidden; padding: 4px 10px 8px 10px; border:1px solid #fff; } .downloads-list li div.alt { background: #F4F4CC; } .downloads-list li a.dload-btn { float: left; display: block; margin-right: 13px; width: 67px; height: 80px; background: url(../img/dload-btn-blu.gif) no-repeat; } .downloads-list li div.alt a.dload-btn { background: url(../img/dload-btn-yell.gif) no-repeat; } .downloads-list li a.poll-btn { float: left; display: block; margin-right: 13px; width: 67px; height: 80px; background: url(../img/poll-btn-blu.gif) no-repeat; } .downloads-list li div.alt a.poll-btn { background: url(../img/poll-btn-yell.gif) no-repeat; } .downloads-list h6 { font-size: 1.3em; margin-bottom: 8px; padding-top: 12px; } .downloads-list h6 a { color: #333; text-decoration: none; } .downloads-list p { color: #333; font-size: 1.3em; } /* Blog Stuff */ .ct-block p.post-date { color: #3476B8; font-size: 1.3em; margin-top: -16px; } .ct-block ul.blog-navigation { margin: 0 0 30px 0; width: 580px; overflow: hidden; } .ct-block ul.blog-navigation li.prev { float: left; width: 200px; margin: 0; text-align: left; padding-left: 28px; background: url(../img/prev-arw.gif) center left no-repeat; } .ct-block ul.blog-navigation li.next { float: right; width: 200px; margin: 0; text-align: right; padding-right: 28px; background: url(../img/next-arw.gif) center right no-repeat; } .ct-block ul.blog-navigation li a:link, .ct-block ul.blog-navigation li a:visited { text-decoration: none; line-height: 20px; } .ct-block ul.blog-navigation li a:hover, .ct-block ul.blog-navigation li a:active { text-decoration: underline; line-height: 20px; } .ct-block ul.commentlist { margin: 0 0 30px 0; } .ct-block ul.commentlist li { margin: 0 0 14px 0; background: #E8F1F7; padding: 14px 0 0 0; font-weight: normal; position: relative; } .ct-block ul.commentlist li .avatar { position: absolute; top: 14px; left: 14px; border: 2px solid #FFF; } .ct-block ul.commentlist li p { margin: 0 14px 14px 72px; font-size: 0.9em; line-height: 120%; color: #40494D; } .ct-block ul.commentlist li p.commentmeta { margin: 0; padding: 6px 10px; font-size: 0.9em; color: #3476B8; background: #E8F1F7; border-top: 2px solid #FFF;} #respond { overflow: hidden; } /* Forms */ .form-wrap { background: #E8F1F7; padding: 18px 0; width: 580px; overflow: hidden; margin-bottom: 30px; } .form-left { float: left; margin-left: 24px; display: inline; width: 250px; } .form-right { float: right; margin-right: 24px; display: inline; width: 250px; } .form-full { float: left; margin-left: 24px; display: inline; width: 524px; } .ct-block p.field { margin-bottom: 8px; } .ct-block p label { font-size: 0.8em; color: #6695AE; font-family: verdana; } .ct-block p label em { margin-left: 8px; font-size: 0.9em; } .ct-block p.field input, .ct-block p.field select { border: 2px solid #ACE1F0; padding: 5px; width: 235px; color: #6695AE; font-size: 12px; } .ct-block p.field select { width: 248px; } .ct-block p.field input.error { border: 2px solid #FF6561; } .ct-block p input.cbox { margin-right: 6px; } .ct-block p.field input:focus, .ct-block p.field textarea:focus { color: #223C55; font-weight: bold; } .ct-block p.field textarea { border: 2px solid #ACE1F0; padding: 5px; width: 235px; height: 130px; color: #6695AE; font-size: 12px;} .ct-block p.field textarea.error { border: 2px solid #FF6561; } .ct-block p.btn input { float: right; } /*--------------------------------------- 5. RIGHT COLUMN STYLES - inc. sidebar panel structure -----------------------------------------*/ .sbar-pnl-outer-wrap { background: url(../img/sbar-pnl-top.png) top left no-repeat; padding-top: 6px; margin: 0; } .sbar-pnl-outer-wrap-first { background: url(../img/sbar-pnl-top-first.png) top left no-repeat; padding-top: 12px; margin: 0; } .sbar-pnl-wrap { background: url(../img/sbar-pnl-tl.png) repeat-y; margin: 0; } .sbar-pnl { margin: 0 5px; padding: 14px 11px 11px 11px; background: url(../img/sbar-pnl-tl-hr.png) repeat-x; position: relative; height: 1%; } .logo-links { padding: 80px 11px; } .sbar-pnl-end { background: url(../img/sbar-pnl-end.png) bottom left no-repeat; height: 10px; } .sbar-pnl-end-end { background: url(../img/sbar-pnl-end-end.png) top left no-repeat; height: 11px; } a#register-interest { display: block; width: 306px; height: 55px; text-indent: -9999px; margin-bottom: 6px; } a#register-interest:link, a#register-interest:visited { background: url(../img/register-interest.png) no-repeat; } a#register-interest:hover, a#register-interest:active { background: url(../img/register-interest.png) -306px 0px no-repeat; } .sbar-pnl h4 { margin-bottom: 14px; text-indent: -9999px; } .sbar-pnl h4.ltst-pl-hd {background: url(../img/ltst-pl-hd.png) no-repeat; width: 154px; height: 34px; } .sbar-pnl h4.usfl-doc-hd {background: url(../img/usfl-doc-hd.png) no-repeat; width: 221px; height: 36px; margin-left: 2px; } .sbar-pnl h4.c-gp-hd {background: url(../img/c-gp-hd.png) no-repeat; width: 229px; height: 35px; margin-left: 1px; } .sbar-pnl p { font-size: 1.4em; color: #333; line-height: 140%; margin: 0 10px 10px 10px; } .sbar-pnl-outer-wrap-first .sbar-pnl p { text-align: center; margin-bottom: 0; } .sbar-pnl-outer-wrap-first .sbar-pnl { padding-top: 4px; } .sbar-pnl ul { list-style: none; font-size: 1.4em; line-height: 140%; margin: 0 10px 12px 10px; } .sbar-pnl ul li { } .sbar-pnl ul li a { padding-left: 20px; background: url(../img/sbar-arw.gif) center left no-repeat; } .sbar-pnl ul li a:link, .sbar-pnl ul li a:visited { font-weight: bold; text-decoration: none; color: #333; } .sbar-pnl ul li a:hover, .sbar-pnl ul li a:active { font-weight: bold; text-decoration: none; color: #000; } .hv-say-btn { display: block; width: 107px; height: 22px; text-indent: -9999px; margin: 0 10px; } .hv-say-btn:link, .hv-say-btn:visited { background: url(../img/hv-say-btn.gif); } .hv-say-btn:hover, .hv-say-btn:active { background: url(../img/hv-say-btn.gif) -107px 0px; } .vw-doc-btn { display: block; width: 140px; height: 22px; text-indent: -9999px; margin: 0 10px; } .vw-doc-btn:link, .vw-doc-btn:visited { background: url(../img/vw-doc-btn.gif); } .vw-doc-btn:hover, .vw-doc-btn:active { background: url(../img/vw-doc-btn.gif) -140px 0px; } .ctct-us-btn { display: block; width: 90px; height: 22px; text-indent: -9999px; margin: 0 10px; } .ctct-us-btn:link, .ctct-us-btn:visited { background: url(../img/ctct-us-btn.gif); } .ctct-us-btn:hover, .ctct-us-btn:active { background: url(../img/ctct-us-btn.gif) -90px 0px; } .logo-link { display: block; } .gsc { width: 104px; height: 89px; margin: 0 auto 60px auto; } .dol { width: 261px; height: 34px; margin: 0 auto; } /*--------------------------------------- 6. FOOTER STYLES - footer -----------------------------------------*/ #ft-wrap { background: #1E5180 url(../img/ft-wrap-bg.gif) top left repeat-x; position: relative; height: 200px; } #ft { margin: 0 auto; width: 968px; padding-top: 50px; position: relative; background: url(../img/ct-left-bg.png) top left no-repeat; } /* Footer Nav and Copyright */ #ft ul { list-style: none; width: 635px; overflow: hidden; margin-bottom: 10px; padding-left: 4px;} #ft ul li { float: left; margin-right: 12px; padding-right: 12px; font-size: 1.2em; border-right: 1px solid #FFF; } #ft ul li.last { margin-right: 0; padding-right: 0; border-right: none; } #ft ul li.priv { text-transform: uppercase; } #ft ul li a:link, #ft ul li a:visited { color: #FFF; text-decoration: none; } #ft ul li a:hover, #ft ul li a:active { color: #FFF; text-decoration: underline; } #ft p { font-size: 1.2em; color: #FFF; padding-left: 4px; } #ft span { margin-left: 12px; padding-left: 12px; border-left: 1px solid #FFF; } #ft p a { color: #FFF; text-decoration: none; } /* Site Validation Links */ #valid-css { position: absolute; left: 650px; top: 20px; display: block; width: 80px; height: 15px; background: url(../img/css.gif); text-indent: -9999px; } #valid-xhtml { position: absolute; left: 740px; top: 20px; display: block; width: 80px; height: 15px; background: url(../img/xhtml.gif); text-indent: -9999px; } /*--------------------------------------- 7. MISCELLANEOUS -----------------------------------------*/ a { outline: none; } img { border: none; } #flashMessage.message { color:#3C0; font-size: 1.6em; margin-bottom: 20px; } .mariners-promo { background: url('/img/rcol-img-hovers.png') top left; display: block; width: 301px; height: 135px; text-indent: -9999px } .mariners-promo:hover { background-position: 302px 0px; } a.flyover-promo { background: url('/img/rcol-img-hovers.png') top left; display: block; width: 308px; height: 153px; text-indent: -9999px; } a.flyover-promo:hover { background-position: bottom left; } a.flyover-promo2 { background: url('/img/rcol-img-3d-hover-2.png') top left; display: block; width: 315px; height: 78px; text-indent: -9999px; } a.flyover-promo2:hover { background-position: bottom left; } a.flyover-promo3 { background: url('/img/rcol-img-sydney-hover.png') top left; display: block; width: 315px; height: 78px; text-indent: -9999px; } a.flyover-promo3:hover { background-position: bottom left; } a.flyover-promo4 { background: url('/img/rcol-img-performing-arts-hover.png') top left; display: block; width: 315px; height: 78px; text-indent: -9999px; } a.flyover-promo4:hover { background-position: bottom left; } a.walkthrough-promo { background: url('/img/rcol-img-hovers.png') top right; display: block; width: 308px; height: 153px; text-indent: -9999px; } a.walkthrough-promo:hover { background-position: bottom right; } /* Commuter Survey Styles */ table { border-collapse:collapse; color: rgb(51, 51, 51);font-size: 1.4em;line-height: 140%; background-color: white } table tr { height:20px;} table tr td {border: 1px solid rgb(38, 102, 166); padding: 5px; verticle-align: middle; text-align:center; vertical-align: middle} table tr td.option-name { padding-right: 10px; text-align: right; background-color: rgb(32, 89, 153); color: #DDDDDD; border-right: 2px solid rgb(38, 102, 166);} table tr td input { } table tr.table-header td { background-color: #205999;} table tr.form-input td { padding: 0px; } table tr.form-input td.option-name { padding: 5px; } table tr.form-input td input { width: 330px; margin: 0px; padding: 3px; padding-left: 10px; height: 18px; border: none; font-size: 14px } /* Gallery Styles */ ul#gallery { overflow: hidden; } ul#gallery li { margin: 5px; padding: 10px; text-align: center; width: 150px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; float: left; background: #FFFFFF; display: inline;} ul#gallery li:hover { border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD;} ul#gallery li span { display: block; margin-top: 10px; } /* Home Hero Styles */ #flash { width:634px; height:200px; margin-left:5px; padding-top: 1px; }