@charset "utf-8"; /* CSS Document */ body { text-align:center; margin:5px; font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; } a { text-decoration:none; } a:hover { text-decoration:underline; } .bl_hr { color:#999999; height:1px; } /* === Begin: Route Specific styles === */ /* Note xxxbrn: position:relative, z-index:2 to overlap jpg banner on the top of the page, because the banner resolution must be 104px height to fill banner area of 100px (causing a 4px overlap) Why? There's a 4 pixel jump in IE which I can't explain so we make the banner slightly larger and overlap the horizontal nav bar to hide that fact. If you can fix it or know about a bug, please help out and send an email to corne.css[at]gmail.com. Thanks! */ /* === Avitourism style #2C7DC0 === */ #bl { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #bl .content { background:url('/shell/bl-bg.jpg') repeat-y left top } #bl h5 { background:url('/images/banner_h5.jpg') no-repeat left center } #bl h6 { background:url('/images/banner_h6.jpg') no-repeat left center } #bl .nav { background:url('/shell/bl-tnav.jpg') no-repeat left } #bl .footer { background:url('/shell/bl-footer.jpg') no-repeat left ; } /* === Eastern Cape BR styles === */ #ecbr { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #ecbr .content { background:url('/shell/ecbr-bg.jpg') repeat-y left top } #ecbr h5 { background:url('/eastern_cape/images/banner_h5.jpg') no-repeat left center } #ecbr h6 { background:url('/eastern_cape/images/banner_h6.jpg') no-repeat left center } #ecbr .nav { background:url('/shell/ecbr-tnav.jpg') no-repeat left } #ecbr .nav a { color:#ffffff; text-decoration:none; font-variant:small-caps; } #ecbr .nav a:hover { text-decoration:none; } #ecbr .footer { background:url('/shell/ecbr-footer.jpg') no-repeat left ; } /* === Free State BR styles === */ #fsbr { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #fsbr .content { background:url('/shell/fsbr-bg.jpg') repeat-y left top } #fsbr h5 { background:url('/free_state/images/banner_h5.jpg') no-repeat left center } #fsbr h6 { background:url('/free_state/images/banner_h6.jpg') no-repeat left center } #fsbr .nav { background:url('/shell/fsbr-tnav.jpg') no-repeat left } #fsbr .nav a { color:#ffffff; text-decoration:none; font-variant:small-caps; } #fsbr .nav a:hover { text-decoration:none; } #fsbr .footer { background:url('/shell/fsbr-footer.jpg') no-repeat left ; } /* === Gauteng BR styles === */ #gaubr { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #gaubr .content { background:url('/shell/gaubr-bg.jpg') repeat-y left top } #gaubr h5 { background:url('/gauteng/images/banner_h5.jpg') no-repeat left center } #gaubr h6 { background:url('/gauteng/images/banner_h6.jpg') no-repeat left center } #gaubr .nav { background:url('/shell/gaubr-tnav.jpg') no-repeat left } #gaubr .nav a { color:#ffffff; text-decoration:none; font-variant:small-caps; } #gaubr .nav a:hover { text-decoration:none; } #gaubr .footer { background:url('/shell/gaubr-footer.jpg') no-repeat left ; } /* === Kruger to Canyons BR styles === */ #k2c { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #k2c .content { background:url('/shell/k2cbr-bg.jpg') repeat-y left top } #k2c h5 { background:url('/kruger_to_canyons/images/banner_h5.jpg') no-repeat left center } #k2c h6 { background:url('/kruger_to_canyons/images/banner_h6.jpg') no-repeat left center } #k2c .nav { background:url('/shell/k2cbr-tnav.jpg') no-repeat left } #k2c .nav a:hover { text-decoration:none; } #k2c .footer { background:url('/shell/k2cbr-footer.jpg') no-repeat left ; } /* === Zululand BR styles === */ #zbr { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #zbr .content { background:url('/shell/zbr-bg.jpg') repeat-y left top } #zbr h5 { background:url('/zululand/images/banner_h5.jpg') no-repeat left center } #zbr h6 { background:url('/zululand/images/banner_h6.jpg') no-repeat left center } #zbr .nav { background:url('/shell/zbr-tnav.jpg') no-repeat left } #zbr .nav a { color:#ffffff; text-decoration:none; font-variant:small-caps; } #zbr .nav a:hover { text-decoration:none; } #zbr .footer { background:url('/shell/zbr-footer.jpg') no-repeat left ; } /* === Greater Limpopo BR styles === */ #glbr { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #glbr .content { background:url('/shell/glbr-bg.jpg') repeat-y left top } #glbr h5 { background:url('/limpopo/images/banner_h5.jpg') no-repeat left center } #glbr h6 { background:url('/limpopo/images/banner_h6.jpg') no-repeat left center } #glbr .nav { background:url('/shell/glbr-tnav.jpg') no-repeat left } #glbr .nav a { color:#ffffff; text-decoration:none; font-variant:small-caps; } #glbr .nav a:hover { text-decoration:none; } #glbr .footer { background:url('/shell/glbr-footer.jpg') no-repeat left ; } /* === Mpumalanga BR styles === */ #mbr { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #mbr .content { background:url('/shell/mbr-bg.jpg') repeat-y left top } #mbr h5 { background:url('/mpumalanga/images/banner_h5.jpg') no-repeat left center } #mbr h6 { background:url('/mpumalanga/images/banner_h6.jpg') no-repeat left center } #mbr .nav { background:url('/shell/mbr-tnav.jpg') no-repeat left } #mbr .nav a { color:#ffffff; text-decoration:none; font-variant:small-caps; } #mbr .nav a:hover { text-decoration:none; } #mbr .footer { background:url('/shell/mbr-footer.jpg') no-repeat left ; } /* === Southern KZN BR styles #DD781C === */ #skznbr { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #skznbr .content { background:url('/shell/skznbr-bg.jpg') repeat-y left top } #skznbr h5 { background:url('/southern_kzn/images/banner_h5.jpg') no-repeat left center } #skznbr h6 { background:url('/southern_kzn/images/banner_h6.jpg') no-repeat left center } #skznbr .nav { background:url('/shell/skznbr-tnav.jpg') no-repeat left } #skznbr .nav a { color:#ffffff; text-decoration:none; font-variant:small-caps; } #skznbr .nav a:hover { text-decoration:none; } #skznbr .footer { background:url('/shell/skznbr-footer.jpg') no-repeat left ; } /* === North-West BR styles #E77843 === */ #nwbr { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #nwbr .content { background:url('/shell/nwbr-bg.jpg') repeat-y left top } #nwbr h5 { background:url('/north_west/images/banner_h5.jpg') no-repeat left center } #nwbr h6 { background:url('/north_west/images/banner_h6.jpg') no-repeat left center } #nwbr .nav { background:url('/shell/nwbr-tnav.jpg') no-repeat left } #nwbr .nav a { color:#ffffff; text-decoration:none; font-variant:small-caps; } #nwbr .nav a:hover { text-decoration:none; } #nwbr .footer { background:url('/shell/nwbr-footer.jpg') no-repeat left ; } /* === Western Cape BR styles === */ #wcbr { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left } #wcbr .content { background:url('/shell/wcbr-bg.jpg') repeat-y left top } #wcbr h5 { background:url('/western_cape/images/banner_h5.jpg') no-repeat left center } #wcbr h6 { background:url('/western_cape/images/banner_h6.jpg') no-repeat left center } #wcbr .nav { background:url('/shell/wcbr-tnav.jpg') no-repeat left } #wcbr .nav a { color:#ffffff; text-decoration:none; font-variant:small-caps; } #wcbr .nav a:hover { text-decoration:none; } #wcbr .footer { background:url('/shell/wcbr-footer.jpg') no-repeat left ; } /* === End: Route Specific styles === */ /* === BirdLife Travel styles === */ #blt { font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; width:760px; margin: 0 auto; text-align:left; background: url(/images/blt-bg.jpg) repeat-y left top ; } #blt .content { background:url('/shell/blt-bg.jpg') repeat-y left top } #blt h5 { background:url('/travel/images/banner_h5.jpg') no-repeat left center } #blt h6 { background:url('/travel/images/banner_h6.jpg') no-repeat left center } #blt .nav { background:url('/shell/blt-tnav.jpg') no-repeat left } #blt .nav a { color:#ffffff; text-decoration:none; font-variant:small-caps; } #blt .nav a:hover { text-decoration:none; } #blt .footer { background:url('/shell/blt-footer.jpg') no-repeat left ; } /* === Generic Site Styles ==== */ h1 { font-size:16pt; font-weight:normal; text-align:center; } h2 { font-size:14pt; font-weight:normal; } h3 { font-size:12pt; font-weight:normal; text-align:center; } h4 { font-size:10pt; font-weight:bold; } h5 { color:#ffffff ; font-size:10pt ; font-weight:normal ; line-height:3.7 ; padding:0px 0px 0px 10px; margin:0px 0px 0px -20px; height:50px } h6 { color:#ffffff ; font-size:10pt ; font-weight:normal ; line-height:1.5 ; padding:1px 0px 1px 10px; margin:0px 0px 0px -20px; height:30px } .h7 { color:#000000; font-size:8pt; font-weight:bold; margin:20px 0px 0px 0px; } .nav { height:40px ; color:#ffffff ; font-size:10pt ; padding:0px 50px 10px 0px ; text-align:right ; position:relative } .nav a { color:#ffffff ; text-decoration:none ; font-variant:small-caps } .nav a:hover { text-decoration:none; } .categories { text-align:center; } .categories img { margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px } ul { font-size:8pt; margin-top:0px; margin-left:40px; } ol { font-size:8pt; margin-left:40px; padding-right:50px; list-style:outside; } img { margin:10px } .breadcrumb_l1 { text-align:left; font-size:10px } .content { background-color:#FFFFFF ; font-size:8pt ; text-align:justify; padding: 1px 0px 0px 255px ; margin: 0px 0px 0px 0px; } .footer { height: 50px; text-align:center ; margin:-10px 0px 0px 0px ; padding: 0px 0px 0px 0px; clear:both } .footer p { position:relative ; top:27px ; text-align:center ; color:#ffffff ; font-size:10px } .footnote { text-align:center; padding:0px; font-size:10px }