/*######################################## Project: Version: Last change: Designed by: Big Click Studios - www.bigclick.com.au #########################################*/ /*------------------------------------------------------------------ [Table of contents] 1. GLOBAL STYLES 2. HEADER STYLES 3. BANNER STYLES 4. CONTENT WRAP 5. HOME PANEL STYLES 6. SUB PAGE LEFT COLUMN STYLES 7. SUB PAGE RIGHT COLUMN STYLES 8. FOOTER STYLES 9. MISCELLANEOUS # ------------------------------------------------------------------*/ /*--------------------------------------- 1. GLOBAL STYLES - reset, body -----------------------------------------*/ * {margin: 0; padding: 0;} body { background: #32231C; font-size: 62.5%; font-family: georgia, times, sans-serif; min-width: 996px; padding-bottom: 40px; } /*--------------------------------------- 2. HEADER STYLES - branding, logo, navigation -----------------------------------------*/ /* Branding */ #brd-wrap { background: url(/img/layout/brd-wp-bg.gif) repeat-x; } #brd { position: relative; margin: 0 auto; width: 992px; height: 159px; } /* Logo */ #logo { position: absolute; left: 25px; top: 14px; display: block; width: 350px; height: 81px; background: url(/img/layout/logo.png); text-indent: -9999px; } /* Top Nav */ ul#tp-nv { position: absolute; top: 10px; right: 16px; list-style: none; } ul#tp-nv li { display: inline; height: 25px; margin-left: 2px; } ul#tp-nv li a { display: inline-block; text-decoration: none; color: #FFF; font-size: 1.1em; text-transform: uppercase; padding: 0 0 0 14px; font-weight: bold; cursor: pointer; } ul#tp-nv li a:link, ul#tp-nv li a:visited { background: url(/img/layout/nav-tab-lt1.gif) top left no-repeat; } ul#tp-nv li a:hover { background: url(/img/layout/nav-tab-lt1.gif) bottom left no-repeat; } /*ul#tp-nv li a:hover, ul#tp-nv li a:active, ul#tp-nv li#current a:link, ul#tp-nv li#current a:visited , ul#tp-nv li#current a:hover , ul#tp-nv li#current a:active { }*/ ul#tp-nv li a span { display: inline-block; line-height: 25px; padding-right: 14px; background: url(/img/layout/nav-tab-rt1.gif) top right no-repeat; } ul#tp-nv li a:hover span { background: url(/img/layout/nav-tab-rt1.gif) bottom right no-repeat; } /* Main Nav */ #mn-nv { position: absolute; left: 0px; top: 120px; width: 992px; height: 53px; background: url(/img/layout/nv-main-bg.png) no-repeat; } #mn-nv ul { list-style: none; margin: 6px 0 0 6px; padding: 0 0 0 0; height: 41px; width: 800px; } #mn-nv ul li { float: left; padding-right: 2px; background: url(/img/layout/nv-main-li-bg.gif) top right repeat-y; } #mn-nv ul li a { display: block; height: 41px; } #mn-nv ul li a img { } #mn-nv ul li a#events-tb:link, #mn-nv ul li a#events-tb:visited { width: 141px; } #mn-nv ul li a#events-tb:hover, #mn-nv ul li a#events-tb:active { background: url(/img/layout/events-roll.gif) no-repeat; } #mn-nv ul li a#directory-tb:link, #mn-nv ul li a#directory-tb:visited { width: 163px; } #mn-nv ul li a#directory-tb:hover, #mn-nv ul li a#directory-tb:active { background: url(/img/layout/nv-main-roll-bg.gif) repeat-x; } #mn-nv ul li a#links-tb:link, #mn-nv ul li a#links-tb:visited { width: 114px; } #mn-nv ul li a#links-tb:hover, #mn-nv ul li a#links-tb:active { background: url(/img/layout/nv-main-roll-bg.gif) repeat-x; } #mn-nv ul li a#projects-tb:link, #mn-nv ul li a#projects-tb:visited { width: 146px; } #mn-nv ul li a#projects-tb:hover, #mn-nv ul li a#projects-tb:active { background: url(/img/layout/nv-main-roll-bg.gif) repeat-x; } #mn-nv ul li a#membership-tb:link, #mn-nv ul li a#membership-tb:visited { width: 174px; } #mn-nv ul li a#membership-tb:hover, #mn-nv ul li a#membership-tb:active { background: url(/img/layout/nv-main-roll-bg.gif) repeat-x; } #mn-nv form { position: absolute; top: 12px; right: 13px; width: 218px; height: 24px; padding: 2px 0; background: url(/img/layout/sch-form-bg.png); overflow: hidden; } #mn-nv form input#sch-terms { float: left; margin: 0 0 0 2px; width: 140px; padding: 5px; background: none; border: none; outline: none; } #mn-nv form input#sch-btn { float: right; width: 63px; height: 26px; background: none; border: none; text-indent: -9999px; font-size: 0px; display:block; line-height: 0px;} /*--------------------------------------- 2. BANNER STYLES -----------------------------------------*/ /* Banner */ #bnr-wrap-home { background: url(/img/layout/bnr-hm-bg.jpg) top center repeat-x; } #bnr-home { position: relative; margin: 0 auto; width: 992px; height: 266px; } #bnr-home #flash { position:absolute; right:10px; bottom:0px; width:451px; height:252px; } #bnr-home h1 { position: absolute; left: 24px; top: 44px; color: #2C2C2C; font-size: 4em; } #bnr-home p { position: absolute; left: 24px; top: 100px; color: #2C2C2C; font-size: 1.7em; width: 520px; } #list-events-btn:link, #list-events-btn:visited { position: absolute; left: 26px; top: 182px; display: block; width: 169px; height: 45px; background: url(/img/layout/list-event-btn.gif) no-repeat; text-indent: -9999px; } #list-events-btn:hover, #list-events-btn:active { position: absolute; left: 26px; top: 182px; display: block; width: 169px; height: 45px; background: url(/img/layout/list-event-btn.gif) -169px 0px no-repeat; text-indent: -9999px; } #add-org-btn:link, #add-org-btn:visited { position: absolute; left: 208px; top: 182px; display: block; width: 169px; height: 45px; background: url(/img/layout/add-org-btn.gif) no-repeat; text-indent: -9999px; } #add-org-btn:hover, #add-org-btn:active { position: absolute; left: 208px; top: 182px; display: block; width: 169px; height: 45px; background: url(/img/layout/add-org-btn.gif) -169px 0px no-repeat; text-indent: -9999px; } #subscribe-btn:link, #subscribe-btn:visited { position: absolute; left: 390px; top: 182px; display: block; width: 169px; height: 45px; background: url(/img/layout/subscribe-btn.gif) no-repeat; text-indent: -9999px; } #subscribe-btn:hover, #subscribe-btn:active { position: absolute; left: 390px; top: 182px; display: block; width: 169px; height: 45px; background: url(/img/layout/subscribe-btn.gif) -169px 0px no-repeat; text-indent: -9999px; } #bnr-wrap-sub { background: url(/img/layout/bnr-sub-bg.jpg) top center repeat-x; } #bnr-sub { position: relative; margin: 0 auto; width: 992px; height: 62px; } /*--------------------------------------- 4. CONTENT WRAP -----------------------------------------*/ #ct-wrap { background: #E3DEC1 url(/img/layout/ct-wp-bg.gif) top left repeat-x; } #ct { position: relative; top: -13px; margin: 0 auto; width: 992px; overflow: hidden; } /*--------------------------------------- 5. HOME PANEL STYLES - upper and lower panels -----------------------------------------*/ .ct-home { padding-bottom: 12px; margin-bottom: 12px; background: url(/img/layout/ct-home-bg.gif) bottom center no-repeat; width: 992px; overflow: hidden; } #ct-hm-left { position: relative; float: left; width: 496px; } #ct-hm-right { position: relative; float: right; width: 496px; } /* Upper Panels */ #ct-hm-left h2 { position: relative; background: url(/img/layout/hm-top-h2left-bg.png) no-repeat; height: 58px; color: #FFF; padding: 0 22px; margin-bottom: -10px; font-size: 2.2em; text-transform: uppercase; } #ct-hm-right h2 { position: relative; background: url(/img/layout/hm-top-h2right-bg.png) no-repeat; height: 58px; color: #FFF; padding: 0 16px; margin-bottom: -10px; font-size: 2.2em; text-transform: uppercase; } #ct-hm-left h2 span, #ct-hm-right h2 span { padding-top: 16px;} #ct-hm-left .view-all { position: absolute; top: 18px; right: 18px; } #ct-hm-right .view-all { position: absolute; top: 18px; right: 24px; } .view-all:link, .view-all:visited { color: #B1D3E9; font-size: 1.4em; font-style: italic; text-decoration: none; } .view-all:hover, .view-all:active { color: #FFF; font-size: 1.4em; font-style: italic; text-decoration: none; } .hm-exc { height: 135px; background: url(/img/layout/hm-exc-bg.gif) no-repeat; padding: 0 20px 0 15px; } #ct-hm-left .hm-exc { margin: 0 0 2px 6px; } #ct-hm-right .hm-exc { margin: 0 6px 2px 0; } #ct-hm-left .thumb { float: left; display: block; width: 106px; height: 106px; margin: 15px 10px 15px 0; } #ct-hm-left .thumb img { display: block; width: 98px; height: 98px; margin: 4px; } #ct-hm-right .thumb { float: left; display: block; width: 106px; height: 106px; margin: 15px 8px 15px 0; } #ct-hm-right .thumb img { display: block; width: 98px; height: 98px; margin: 4px; } .hm-exc h3 { color: #4B3522; font-size: 2em; margin: 0 0 4px 0; padding-top: 12px; } .hm-exc p { color: #3A2B1E; font-size: 1.3em; margin: 0 0 8px 0; } .hm-exc p.date-time { color: #3A90C7; font-size: 1.3em; margin-bottom: 6px; } .hm-exc p.date-time span.date { padding-left: 20px; background: url(/img/layout/date.gif) center left no-repeat; margin-right: 12px; height: 16px; line-height: 16px; } .hm-exc p.date-time span.time { padding-left: 20px; background: url(/img/layout/time.gif) center left no-repeat; height: 16px; line-height: 16px; } .r-more-btn:link, .r-more-btn:visited { display: block; width: 74px; height: 17px; background: url(/img/layout/read-more-btn.gif) no-repeat; text-indent: -9999px; margin-left: 116px; } .r-more-btn:hover, .r-more-btn:active { display: block; width: 74px; height: 17px; background: url(/img/layout/read-more-btn.gif) -74px 0px no-repeat; text-indent: -9999px; margin-left: 116px; } #ct-hm-right .r-more-btn { margin-left: 114px; } /* Lower Panels */ #ct-hm-news-wrap { float: left; width: 324px; background: url(/img/layout/hm-lower-end-bg.gif) bottom left no-repeat; margin-left: 7px; padding-bottom: 14px; display: inline; } #ct-hm-members-wrap { float: left; width: 324px; background: url(/img/layout/hm-lower-end-bg.gif) bottom left no-repeat; margin-left: 3px; padding-bottom: 14px; display: inline; } #ct-hm-donate-wrap { float: right; width: 324px; background: url(/img/layout/hm-lower-end-bg.gif) bottom left no-repeat; margin-right: 7px; padding-bottom: 14px; display: inline; } #ct-hm-news-wrap h2, #ct-hm-members-wrap h2, #ct-hm-donate-wrap h2 { background: url(/img/layout/hm-lower-h2-bg.gif) no-repeat; color: #FFF; height: 60px; padding: 0 14px; font-size: 2.2em; text-transform: uppercase; } #ct-hm-news-wrap h2 span, #ct-hm-members-wrap h2 span, #ct-hm-donate-wrap h2 span { padding-top: 10px; } .ct-hm-lower { background: url(/img/layout/hm-lower-panel-bg.gif) repeat-y; padding: 10px 12px 3px 12px; height: 295px;} .ct-hm-lower p { color: #3A2B1E; font-size: 1.3em; line-height: 140%; margin: 0 16px 14px 16px; } .ct-hm-lower p em { color: #B35331; font-style: normal; font-weight: bold; } .hm-news-exc { background: url(/img/layout/hm-dots.gif) bottom left repeat-x; padding: 0 0 14px 0; margin-bottom: 14px; } .last { position: relative; background: none; margin: 0; height: 1%; } .hm-news-exc h5 { margin: 0 16px 6px 16px; font-size: 1.3em; } .hm-news-exc h5 a:link, .hm-news-exc h5 a:visited { color: #B35331; text-decoration: none; } .hm-news-exc h5 a:hover, .hm-news-exc h5 a:active { color: #B35331; text-decoration: underline; } .ct-hm-lower .hm-news-exc p { margin: 0 16px; } .bcm-member-btn:link, .bcm-member-btn:visited { display: block; margin: 0 0 6px 16px; width: 150px; height: 30px; background: url(/img/layout/bcm-member-btn.gif) no-repeat; text-indent: -9999px; } .bcm-member-btn:hover, .bcm-member-btn:active { display: block; margin: 0 0 6px 16px; width: 150px; height: 30px; background: url(/img/layout/bcm-member-btn.gif) -150px 0px no-repeat; text-indent: -9999px; } .mk-donation-btn:link, .mk-donation-btn:visited { display: block; margin: 0 0 6px 16px; width: 150px; height: 30px; background: url(/img/layout/mk-donation-btn.gif) no-repeat; text-indent: -9999px; } .mk-donation-btn:hover, .mk-donation-btn:active { display: block; margin: 0 0 6px 16px; width: 150px; height: 30px; background: url(/img/layout/mk-donation-btn.gif) -150px 0px no-repeat; text-indent: -9999px; } a.btn-blank { display: block; margin: 0 0 6px 16px; padding:5px 0px 0px 0px; width: 150px; height: 25px; background: url(/img/layout/btn-blank.png) no-repeat; background-position:left; font-family: georgia, times, sans-serif; font-size:14px; color:#FFF !important; text-align:center; text-decoration:none !important; } a.btn-blank:hover { background-position:right; } input.btn-blank { display: block; margin: 10px 0 6px 0px; padding-top:0px; font-family: georgia, times, sans-serif; width: 150px; height: 30px; background: url(/img/layout/btn-blank.png) no-repeat; background-position:left; font-size:14px; color:#FFF; text-align:center; border:none; cursor:pointer; } input.btn-blank:hover { background-position:right; } /*--------------------------------------- 6. SUB PAGE LEFT COLUMN STYLES -----------------------------------------*/ #ct-sub-left { position: relative; float: left; width: 665px; padding-bottom: 12px; margin-bottom: 12px; background: url(/img/layout/ct-sub-left-bg.gif) bottom left no-repeat; overflow: hidden; } .ct-sub-left-panel-wrap { background: url( /img/layout/sub-left-panel-top.gif) top left no-repeat; padding-top: 10px; margin-bottom: 2px; } .ct-sub-left-panel { position: relative; background: url( /img/layout/sub-left-panel-bg.gif) repeat-y; padding: 30px 0; height: 1%; } .ct-sub-left-panel-exc { position: relative; background: url( /img/layout/sub-left-panel-bg.gif) repeat-y; padding: 5px 20px 0 26px; width: 665px; overflow: hidden; } .ct-sub-left-panel-end { height: 10px; background: url( /img/layout/sub-left-panel-end.gif) bottom left no-repeat; } /* Headers */ h3 a { text-decoration: none !important; color: #4B3522 !important; } h2 a { text-decoration: none !important; color: #4B3522 !important; } #ct-sub-left h1 { position: relative; background: url(/img/layout/sub-h1-bg.png) no-repeat; height: 59px; color: #FFF; padding: 0 22px; margin-bottom: -10px; font-size: 2.2em; text-transform: uppercase; } #ct-sub-left h1 span { padding-top: 16px; } #ct-sub-left h2 { color: #4B3522; font-size: 2.2em; margin: 0 46px 18px 46px; } #ct-sub-left h2.mid-panel { position: relative; background: url(/img/layout/midpanel-h2-bg.png) no-repeat; height: 59px; color: #FFF; padding: 0 22px; font-size: 2.2em; text-transform: uppercase; margin: 0 0 18px 0; } #ct-sub-left h2.mid-panel span { padding-top: 16px; } #ct-sub-left .ct-sub-left-panel-exc h2 { margin: 0 0 8px 0; } #ct-sub-left h3 { color: #4B3522; font-size: 2.2em; margin: 0 46px 18px 46px; } /* Text */ #ct-sub-left p { color: #3A2B1E; font-size: 1.3em; line-height: 140%; margin: 0 46px 22px 46px; } #ct-sub-left .ct-sub-left-panel-exc p { margin-right: 140px; } #ct-sub-left p.sub-intro { color: #4B3522; font-size: 2.2em; margin: 0 46px 22px 46px;} #ct-sub-left a:link, #ct-sub-left a:visited { color: #B35331; text-decoration: underline; } #ct-sub-left a:hover, #ct-sub-left a:active { color: #B35331; text-decoration: none; } #ct-sub-left ul { list-style: none; color: #3A2B1E; font-size: 1.3em; line-height: 140%; margin: 0 56px 22px 56px; } #ct-sub-left ul li { position: relative; padding-left: 20px; background: url(/img/layout/bullet-left.gif) 0px 4px no-repeat; margin-bottom: 12px; } /* Buttons */ .contact-us-btn:link, .contact-us-btn:visited { display: block; margin: 0 0 22px 46px; width: 95px; height: 30px; background: url(/img/layout/contact-us-btn.gif) no-repeat; text-indent: -9999px; } .contact-us-btn:hover, .contact-us-btn:active { display: block; margin: 0 0 22px 46px; width: 95px; height: 30px; background: url(/img/layout/contact-us-btn.gif) -95px 0px no-repeat; text-indent: -9999px; } /* Events List */ .ct-sub-left-panel-exc .thumb { float: left; display: block; width: 106px; height: 106px; margin: 0 10px 0 0; } .ct-sub-left-panel-exc .thumb img { display: block; width: 98px; height: 98px; margin: 4px; } #ct-sub-left .ct-sub-left-panel-exc p.date-time { color: #3A90C7; font-size: 1.3em; margin-bottom: 6px; } #ct-sub-left .ct-sub-left-panel-exc p.date-time span.date { padding-left: 20px; background: url(/img/layout/date.gif) center left no-repeat; margin-right: 12px; height: 16px; line-height: 16px; } #ct-sub-left .ct-sub-left-panel-exc p.date-time span.time { padding-left: 20px; background: url(/img/layout/time.gif) center left no-repeat; height: 16px; line-height: 16px; } .ct-sub-left-panel-exc .r-more-btn:link, .ct-sub-left-panel-exc .r-more-btn:visited { position: absolute; bottom: 15px; left: 450px; display: block; width: 74px; height: 17px; background: url(/img/layout/read-more-btn.gif) no-repeat; text-indent: -9999px; } .ct-sub-left-panel-exc .r-more-btn:hover, .ct-sub-left-panel-exc .r-more-btn:active { position: absolute; bottom: 15px; left: 450px; display: block; width: 74px; height: 17px; background: url(/img/layout/read-more-btn.gif) -74px 0px no-repeat; text-indent: -9999px; } /* Pagination */ #ct-sub-left div.pagination { margin-left: 70px; width: 500px; overflow: hidden; } #ct-sub-left div.pagination span { float: left; padding: 0; background: none; border: none; margin-right: 3px; } #ct-sub-left div.pagination span a, #ct-sub-left div.pagination span.current { display: block; width: 24px; line-height: 25px; font-family: helvetica, arial, sans-serif; font-weight: bold; text-align: center; } #ct-sub-left div.pagination span a:link, #ct-sub-left div.pagination span a:visited { background: url(/img/layout/pagination-li-bg.gif); text-decoration: none; color: #C1C1C1; } #ct-sub-left div.pagination span a:hover, #ct-sub-left div.pagination span a:active, #ct-sub-left div.pagination span.current { background: url(/img/layout/pagination-li-bg.gif) -24px 0px; text-decoration: none; color: #203B5B; } #ct-sub-left div.pagination span.previous a:link, #ct-sub-left div.pagination span.previous a:visited, #ct-sub-left div.pagination span.previous a:hover, #ct-sub-left div.pagination span.previous a:active { display: block; width: 75px; text-indent: -9999px; background: url(/img/layout/previous.gif) no-repeat; } #ct-sub-left div.pagination span.next a:link, #ct-sub-left div.pagination span.next a:visited, #ct-sub-left div.pagination span.next a:hover, #ct-sub-left div.pagination span.next a:active { display: block; width: 75px; text-indent: -9999px; background: url(/img/layout/next.gif) no-repeat; } /* Event View */ .event-view-wrap { margin: 0 30px 22px 40px; width: 590px; overflow: hidden; } .event-view-wrap img { float: left; display: block; } .event-view-ct-wrap { float: right; width: 371px; background: url(/img/layout/event-view-ct-top.gif) top left no-repeat; padding-top: 8px; } .event-view-ct { position: relative; padding: 14px 22px 8px 22px; background: url(/img/layout/event-view-ct-bg.gif) repeat-y; height: 1%; } .event-view-ct-end { height: 10px; background: url(/img/layout/event-view-ct-end.gif) top left no-repeat; } #ct-sub-left .event-view-ct p { margin: 0 0 12px 0; } #ct-sub-left .event-view-ct p.event-date { padding-left: 24px; background: url(/img/layout/date.gif) 0px 6px no-repeat; font-size: 2.2em; } #ct-sub-left .event-view-ct p.event-time { padding-left: 24px; background: url(/img/layout/time.gif) 0px 4px no-repeat; font-size: 1.8em; } #ct-sub-left .event-view-ct p.event-location { padding-left: 24px; background: url(/img/layout/address.gif) 0px 2px no-repeat; font-size: 1.8em; } .r-more-btn-lrg:link, .r-more-btn-lrg:visited { display: block; width: 96px; height: 30px; background: url(/img/layout/read-more-btn-lrg.gif) no-repeat; text-indent: -9999px; margin: 0 46px 22px 46px; } .r-more-btn-lrg:hover, .r-more-btn-lrg:active { display: block; width: 96px; height: 30px; background: url(/img/layout/read-more-btn-lrg.gif) -96px 0px no-repeat; text-indent: -9999px; margin: 0 46px 22px 46px; } /* Forms */ .clear{clear: both;} #ct-sub-left .form-wrap { margin: 0 0 30px 46px; width: 575px; background: url(/img/layout/form-wrap-bg.gif) center top repeat-y; overflow: hidden; } #ct-sub-left .form-wrap-btn { margin: 0 0 22px 46px; width: 575px; overflow: hidden; } #ct-sub-left .form-wrap .form-left { float: left; width: 270px; } #ct-sub-left .form-wrap .form-right-wrap { float: right; width: 270px; background: url(/img/layout/form-right-top.gif) top left no-repeat; padding-top: 8px; } #ct-sub-left .form-wrap .form-right { position: relative; padding: 14px 22px 8px 22px; background: url(/img/layout/form-right-bg.gif) repeat-y; height: 1%; } #ct-sub-left .form-wrap .form-right-end { height: 14px; background: url(/img/layout/form-right-end-bg.gif) top left no-repeat; } #ct-sub-left .form-wrap .form-right-wrap-plain { float: right; width: 270px; } #ct-sub-left .form-wrap .form-right h3 { margin: 0 0 10px 0; } #ct-sub-left .form-wrap .form-right p { margin: 0 0 12px 0; } #ct-sub-left .form-wrap .form-right-wrap-plain p { margin: 0 0 12px 0; } #ct-sub-left .form-wrap .form-right p.phone { padding-left: 24px; background: url(/img/layout/phone.gif) 0px 8px no-repeat; font-size: 2.2em; } #ct-sub-left .form-wrap .form-right p.fax { padding-left: 24px; background: url(/img/layout/fax.gif) 0px 2px no-repeat; font-size: 1.8em; } #ct-sub-left .form-wrap .form-right p.address { padding-left: 24px; background: url(/img/layout/address.gif) 0px 2px no-repeat; font-size: 1.8em; } #ct-sub-left .form-wrap .form-right p.pobox { padding-left: 24px; background: url(/img/layout/pobox.gif) 0px 2px no-repeat; font-size: 1.8em; } #ct-sub-left .form-wrap .form-left p { margin: 0 0 4px 0; } #ct-sub-left .form-wrap .form-left p.field label, #ct-sub-left .form-right-wrap-plain p.field label { font-weight: bold; display: block; width: 270px; } #ct-sub-left .form-wrap .form-left p.field input { padding: 8px; width: 254px; background: url(/img/layout/input-bg.gif) repeat; border: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; outline: none; } #ct-sub-left .form-wrap .form-left p.field select { padding: 8px; width: 270px; background: url(/img/layout/input-bg.gif) repeat; border: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; outline: none; } #ct-sub-left .form-wrap .form-left div.input select { padding: 8px; width: 85px; background: url(/img/layout/input-bg.gif) repeat; border: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; outline: none; } #ct-sub-left .form-wrap .form-left p.field select option { background:#fff; border:none; border-bottom:1px solid #B2DAE2; padding:0px; margin:0px; line-height:26px; } #ct-sub-left .form-wrap .form-left div.input select option { background:#fff; border:none; border-bottom:1px solid #B2DAE2; padding:0px; margin:0px; line-height:26px; } #ct-sub-left .form-right-wrap-plain p input { float: right; } #ct-sub-left .form-wrap .form-left p.field textarea, #ct-sub-left .form-wrap .form-right-wrap-plain p.field textarea { padding: 8px; width: 254px; height: 80px; background: url(/img/layout/input-bg.gif) repeat; border: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; outline: none; } #ct-sub-left .form-wrap .form-left ul { list-style: none; margin: 0; width: 270px; overflow: hidden; } #ct-sub-left .form-wrap .form-left ul li { float: left; padding: 0; margin: 0 10px 10px 0; width: 270px; font-size: 0.9em; } #ct-sub-left .form-wrap .form-left ul li label { font-weight: bold; margin: 0 0 0 5px; } #ct-sub-left .form-wrap .form-left ul li input { } #EventDateMonth {width: 110px !important;} #EventDateDay {width: 60px !important;} #EventDateYear {width: 80px !important;} #EventStartHour, #EventStartMin, #EventFinishHour, #EventFinishMin { width: 80px !important; } #EventStartMeridian, #EventFinishMeridian {width: 90px !important;} /* Filter Form */ .filter input { display: inline; } .error { color: red; } /*--------------------------------------- 7. SUB PAGE RIGHT COLUMN STYLES -----------------------------------------*/ #ct-sub-right { position: relative; float: right; width: 327px; padding-bottom: 12px; margin-bottom: 12px; background: url(/img/layout/ct-sub-right-bg.png) bottom left no-repeat; overflow: hidden; } .ct-sub-right-panel-wrap { background: url( /img/layout/sub-right-panel-top.gif) top left no-repeat; padding-top: 18px; margin: 0 0 2px 1px; } .ct-sub-right-panel { position: relative; background: url( /img/layout/sub-right-panel-bg.gif) repeat-y; padding: 12px 17px 12px 11px; height: 1%; } .ct-sub-right-panel-end { height: 20px; background: url( /img/layout/sub-right-panel-end.gif) top left no-repeat; } #ct-sub-right h4 { position: relative; background: url(/img/layout/sub-h4-bg.png) no-repeat; height: 59px; color: #FFF; padding: 0 18px; margin-bottom: -10px; font-size: 2.2em; text-transform: uppercase; } #ct-sub-right h4 span { padding-top: 16px; } #ct-sub-right h5 { position: relative; background: url(/img/layout/sub-h5-bg.png) no-repeat; height: 52px; color: #FFF; padding: 0 18px; margin: 0 0 -9px 1px; font-size: 2.2em; text-transform: uppercase; } #ct-sub-right h5 span { padding-top: 10px; } .ct-sub-right-panel p { color: #3A2B1E; font-size: 1.3em; line-height: 140%; margin: 0 16px 14px 16px; } .ct-sub-right-panel p em { color: #B35331; font-style: normal; font-weight: bold; } .sub-news-exc { background: url(/img/layout/hm-dots.gif) bottom left repeat-x; padding: 0 0 16px 0; margin-bottom: 14px; } .last { position: relative; background: none; margin: 0; height: 1%; } .sub-news-exc h6 { margin: 0 16px 6px 16px; font-size: 1.3em; } .sub-news-exc h6 a:link, .sub-news-exc h6 a:visited { color: #B35331; text-decoration: none; } .sub-news-exc h6 a:hover, .sub-news-exc h6 a:active { color: #B35331; text-decoration: underline; } .sub-news-exc p { color: #3A2B1E; font-size: 1.3em; line-height: 140%; margin: 0 16px; } .ct-sub-right-list-wrap { background: url( /img/layout/sub-right-list-top.gif) top left no-repeat; padding-top: 10px; margin: 0 0 2px 1px; } .ct-sub-right-list { list-style: none; position: relative; background: url( /img/layout/sub-right-list-bg.gif) repeat-y; padding: 1px 17px 1px 11px; height: 1%; } .ct-sub-right-list li { border-bottom: 2px solid #FFF; font-size: 1.3em; font-weight: bold; } .ct-sub-right-list li a:link, .ct-sub-right-list li a:visited { display: block; width: 256px; height: 32px; line-height: 32px; padding: 0 10px 0 34px; color: #295078; text-decoration: none; background: url( /img/layout/sub-right-list-li-bg.gif) no-repeat; } .ct-sub-right-list li a:hover, .ct-sub-right-list li a:active { display: block; width: 256px; height: 32px; line-height: 32px; padding: 0 10px 0 34px; color: #295078; text-decoration: none; background: url( /img/layout/sub-right-list-li-bg.gif) -300px 0px; no-repeat; } .ct-sub-right-list-end { height: 10px; background: url( /img/layout/sub-right-list-end.gif) top left no-repeat; } /*--------------------------------------- 8. FOOTER STYLES -----------------------------------------*/ #ft-wrap { background: url(/img/layout/ft-wp-bg.gif) top left repeat-x; } #ft { position: relative; margin: 0 auto; width: 936px; padding: 40px 28px 80px 28px; overflow: hidden; } /* Footer Nav and Copyright */ #ft ul { float: left; list-style: none; width: 110px; overflow: hidden; margin: 0 30px 0 0; } #ft ul li { margin-bottom: 12px; font-size: 1.2em; 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; } /* Docs Logo */ #docs-logo { position: absolute; right: 5px; top: 25px; display: block; width: 290px; height:45px; text-align: right; font-family: lucida grande, lucida sans, helvetica, arial sans-serif; color: #9D9896; font-size: 1em; text-decoration: none; } /* Big Click Credit */ #bc-logo { position: absolute; right: 26px; top: 100px; display: block; width: 131px; padding-top: 36px; background: url(/img/layout/bc-logo.gif) no-repeat; text-align: right; font-family: lucida grande, lucida sans, helvetica, arial sans-serif; color: #9D9896; font-size: 1em; text-decoration: none; } /* Site Validation Links */ #valid-css { position: absolute; right: 239px; top: 110px; display: block; width: 80px; height: 15px; background: url(/img/layout/css.png); text-indent: -9999px; } #valid-xhtml { position: absolute; right: 157px; top: 110px; display: block; width: 80px; height: 15px; background: url(/img/layout/xhtml.png); text-indent: -9999px; } /*--------------------------------------- 9. MISCELLANEOUS -----------------------------------------*/ a { outline: none; } img { border: none; } /*---------------------------------------- 10. DIRECTORY ----------------------------------------*/ .cat-wrap{ width: 600px; margin: 0 46px 22px; } .cat-clear{ clear: both; } .category{ width: 270px; height: 80px; float: left; padding: 10px; } .category p{ margin:0 !important; } .category h3 {margin: 0 !important; } .category h3 a { text-decoration: none !important; }