/* Start of CMSMS style sheet 'RPS' */ /*Robin Pope Safaris Style Sheet ~ evolving since 2000 mutated in 2009*/ /*30 April 2010 update for fixed width and new front page */ /*===============================================================================*/ /*RPS green 7cb224 and brown 643604 */ /*Malawi blue 91d4f2 */ /*Zambia terracotta ce6b12 */ /*===============================================================================*/ /* RESET TO ZERO From Yahoo YUI version: 2.6.0 */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} /*li{list-style:none;}*/ caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*to enable resizing for IE - it was *font-size, but the * doesn't validate*/ input,textarea,select{font-size:100%;} /*because legend doesn't inherit in IE */ legend{color:#000;} del,ins{text-decoration:none;} /*PLUS*/ /*===============================================================================*/ /*http://24ways.org/2006/compose-to-a-vertical-rhythm and http://www.alistapart.com/articles/howtosizetextincss/ */ body { font-size: 75%; } /*gets us to 12px for IE6 and below*/ html>body { font-size: 12px; } /*for all others - who allow resizing of pixel fonts */ /* 1 em is now 12 pixels*/ body, p { line-height: 1.5; } /*sets line height to 18px*/ h1 { font-size:2em; /* 24 px - as used in sIFR - now = 1em*/ line-height: 1em; /* 24 */ padding-top: 1em; /* 24 px. if use margin, left border moves down*/ margin-bottom:0; /* nothing below */ } h2 { font-size:1.5em; /* 18 px - as used in sIFR - now = 1em*/ line-height: 1em; /* 18 */ margin-top: 2em; /* 36 two lines above */ margin-bottom: 0; /* nothing below*/ } h3 { font-size:1.5em; /* 18 px now = 1em*/ line-height: 1em; /* 18 */ margin-top: 1em; /* 18 one line above*/ margin-bottom: 0; /* nothing below*/ } h3.lineabove {width: 100%; margin-top: 0;padding-top:16px; clear:both;} #rps h3.lineabove {border-top: 2px solid #7cb224 } #malawi h3.lineabove {border-top: 2px solid #91d4f2 } #zambia h3.lineabove {border-top: 2px solid #ce6b12 } h3,h4,h5 {font-weight: bold} /*h1 and h2 covered in sifr*/ /* h4 and h5 = p*/ /* h5 has special use - default (for itineraries) puts border below, alternative, in a feedback div, puts border above. */ #content h5 {border: 0; border-bottom: 2px solid #ffffff; padding: 0 0 1.3333em 0; margin-bottom: 0; text-transform: uppercase; clear: both;} /* 16 underneath*/ #content #feedback h5 {border: 0; border-top: 2px solid #ffffff; padding: 1.3333em 0 0 0; margin: 0; text-transform: none;} /* 1em=12 * 1.333 = 16 + 2 = 18 */ #content p, #content h4, #content h5 { font-size:1.25em; /* 15 px now = 1em*/ line-height: 1.2em; /* 18 */ margin-top: 1.2em; /* 18*/ margin-bottom: 1.2em; /* 18*/ } h1, h2, #guides h3, #activities h3 {clear:both} p.linebelow {width: 100%; padding: 0 0 1.3333em 0; } #rps plinebelow {border-bottom: 2px solid #7cb224 } #malawi p.linebelow {border-bottom: 2px solid #91d4f2 } #zambia p.linebelow {border-bottom: 2px solid #ce6b12 } /*===============================================================================*/ /*structure*/ .wrapper{max-width: 100%; margin: 0 auto;} #fixedwrap{max-width: 1000px; margin: 0 auto; width: 1000px;} #header{width:100%;position:absolute;top:0;left: 0; margin: 0 auto;height:142px;max-width: 100%; z-index: 1;} #menu{width:100%;display:block;height:24px;z-index:9;position:absolute;top:170px;margin:0 auto;max-width: 100%;} #menu,#header,#sidebar,#content,#nav li ul ul {border:0;} #content{float:right;margin-top:198px;width:78%;} #sidebar{float:left;margin-top:198px;width:210px; padding-right: 10px;} /*experiment with top margin to get it right*/ #main {padding:0 0 0 1em;} /*vertical border defined below */ #main {min-height:0;}/*to set haslayout for IE*/ #search {position:absolute;top:116px;left:10px; z-index: 99;} /**/ /*===============================================================================*/ /* Header content*/ #header .logo{width:390px;background: url(uploads/images/rps/rps.gif) #fff no-repeat 50% 50%;min-width:128px;height:128px;position:absolute;top:10px;right:10px;} #header a{width:100%;display:block;height:128px;} #header a span{display:none;} #subhead ul {float:left;width:100%;padding:0;border:0;margin:0;list-style:none;height:22px;position:absolute;top:148px;left:0;} /*coloured below*/ #subhead li{float:left;padding:3px;display:block;text-align:center;height:20px;} #subhead li.zam{width:43%; border-right: 2px solid #fff;} #subhead li.mal{width:22%; border-right: 2px solid #fff;} #subhead li.rps{width:33%;} /**/ /*===============================================================================*/ /* #pagefoot */ /*#pagefootclassicwrap{background:transparent url(uploads/images/rps/logo128b.gif) no-repeat right 36px;}*/ #pagefoot{width:1000px;clear:both;margin:1em auto 0 auto;padding:0.5em 0;display:block;} #pagefoot{background:transparent url(uploads/images/rps/logo64.gif) no-repeat 93% 50px;font-size:1em;text-align:center;height:164px;} //#pagefoot{width:100%;clear:both;display:block;} #pagefoot a{float:left;} #pagefootlinks {font-size:1em;} ul#pagefootlinks {margin-bottom: 4em;} ul#pagefootlinks li {float: left; width:39.5%; display: block;} ul#pagefootlinks li.underside {width:7%;} /*to fit the links under the sidebar which is 21%*/ #pagefoot #pagefootlinks li a{float:left; text-align: left;} #pagefoot #pagefootlinks li.right a{float:right; text-align: right;} /**/ /*===============================================================================*/ /*FONTS FOR ALL */ * html,body{font-family: Arial,Helvetica,sans-serif;} h1,h2{font-family: LithosPro, Arial,Helvetica,sans-serif;}/*h1 and h2 will be Lithos Pro with Cufon*/ h3,h4,h5,p,li,ul,dl,dd,dt,th,td,a{font-family:Arial,Helvetica,sans-serif;} /*to be sure - probably covered by the html, body line */ /*===============================================================================*/ /*COLOURS FOR ALL */ * html,body{color:#643604;background:transparent;} #subhead ul {color:#fff;background:#643604;} #pagefoot{border:0;border-top:4px solid #7cb224;} /*same width as main left border*/ #main {border-left:4px solid #7cb224; } /*RPS colours green 7cb224 and brown 643604 */ #rps #header .logo{background: url(uploads/images/rps/rps.gif)} #rps #main {border-color: #7cb224; } #rps #pagefoot{border-color: #7cb224;} /*Malawi blue 91d4f2*/ #malawi #header .logo{background: url(uploads/images/rps/malawi.gif)} #malawi #main {border-color: #91d4f2; } #malawi #pagefoot{border-color: #91d4f2;} /*Zambia terracotta ce6b12*/ #zambia #header .logo{background: url(uploads/images/rps/zambia.gif)} #zambia #main {border-color: #ce6b12; } #zambia #pagefoot{border-color: #ce6b12;} /*special use of the h5 tag*/ #rps #main h5 {border-color: #7cb224;} #malawi #main h5 {border-color: #91d4f2;} #zambia #main h5 {border-color: #ce6b12;} /*===============================================================================*/ /**/ /*===============================================================================*/ /* anchor styles */ a,a:link,a:visited,a:active{font-weight:normal;color:#643604;background:transparent;} a:hover{font-weight:normal;text-decoration:underline;color:#000000;background:transparent;} /*dots on left*/ a.dotlink, a.dotlink:visited, a.previouslink, a.previouslink:visited, a.uplink, a.uplink:visited {padding:2px 2px 5px 18px;display:block;background:transparent url(uploads/images/dots/dot_green.gif) left center no-repeat;text-decoration:underline; font-weight:normal;} a.dotlink:hover, a.previouslink:hover, a.uplink:hover {background:transparent url(uploads/images/dots/right_green.gif) left center no-repeat;text-decoration:underline; font-weight:bold;} /*dots on right*/ a.nextlink, a.nextlink:visited {padding:2px 18px 5px 2px;display:block;background:transparent url(uploads/images/dots/dot_green.gif) right center no-repeat;text-decoration:underline; font-weight:normal;} a.nextlink:hover {background:transparent url(uploads/images/dots/right_green.gif) right center no-repeat;text-decoration:underline; font-weight:bold; } /*not sure if this magic is still used*/ .dotlink b{padding:2px 2px 5px 10px;float:left;font-weight:normal;} .dotlink i{display:none;} /*later, dotlink for sidebars is always green*/ #rps a.dotlink, a.dotlink:visited {background-image: url(uploads/images/dots/dot_green.gif);} #rps a.dotlink:hover {background-image: url(uploads/images/dots/right_green.gif);} #rps a.nextlink, a.nextlink:visited {background-image: url(uploads/images/dots/right_green.gif);} #rps a.nextlink:hover {background-image: url(uploads/images/dots/dot_green.gif);} #rps a.previouslink, a.previouslink:visited {background-image: url(uploads/images/dots/left_green.gif);} #rps a.previouslink:hover {background-image: url(uploads/images/dots/dot_green.gif);} #rps a.uplink, a.uplink:visited {background-image: url(uploads/images/dots/up_green.gif);} #rps a.uplink:hover {background-image: url(uploads/images/dots/dot_green.gif);} #zambia a.dotlink, a.dotlink:visited {background-image: url(uploads/images/dots/dot_orange.gif);} #zambia a.dotlink:hover {background-image: url(uploads/images/dots/right_orange.gif);} #zambia a.nextlink, a.nextlink:visited {background-image: url(uploads/images/dots/right_orange.gif);} #zambia a.nextlink:hover {background-image: url(uploads/images/dots/dot_orange.gif);} #zambia a.previouslink, a.previouslink:visited {background-image: url(uploads/images/dots/left_orange.gif);} #zambia a.previouslink:hover {background-image: url(uploads/images/dots/dot_orange.gif);} #zambia a.uplink, a.uplink:visited {background-image: url(uploads/images/dots/up_orange.gif);} #zambia a.uplink:hover {background-image: url(uploads/images/dots/dot_orange.gif);} #malawi a.dotlink, a.dotlink:visited {background-image: url(uploads/images/dots/dot_blue.gif);} #malawi a.dotlink:hover {background-image: url(uploads/images/dots/right_blue.gif);} #malawi a.nextlink, a.nextlink:visited {background-image: url(uploads/images/dots/right_blue.gif);} #malawi a.nextlink:hover {background-image: url(uploads/images/dots/dot_blue.gif);} #malawi a.previouslink, a.previouslink:visited {background-image: url(uploads/images/dots/left_blue.gif);} #malawi a.previouslink:hover {background-image: url(uploads/images/dots/dot_blue.gif);} #malawi a.uplink, a.uplink:visited {background-image: url(uploads/images/dots/up_blue.gif);} #malawi a.uplink:hover {background-image: url(uploads/images/dots/dot_blue.gif);} a.pdflink, a.pdflink:visited{padding:2px 2px 5px 25px;display:block;color:#643604;background:transparent url(uploads/images/icons/pdf.gif) no-repeat 0 0;text-decoration:underline;font-weight:normal;} a.pdflink:hover{background:transparent url(uploads/images/icons/pdf.gif) no-repeat 1px 1px;color:#000000;text-decoration:underline;font-weight:normal;} a.wordlink, a.wordlink:visited{padding:2px 2px 5px 25px;display:block;color:#643604;background:transparent url(uploads/images/icons/word.gif) no-repeat 0 0;text-decoration:underline;font-weight:normal;} a.wordlink:hover{background:transparent url(uploads/images/icons/word.gif) no-repeat 1px 1px;color:#000000;text-decoration:underline;font-weight:normal;} a.xlslink, a.xlslink:visited{padding:2px 2px 5px 25px;display:block;color:#643604;background:transparent url(uploads/images/icons/xls.gif) no-repeat 0 0;text-decoration:underline;font-weight:normal;} a.xlslink:hover{background:transparent url(uploads/images/icons/xls.gif) no-repeat 1px 1px;color:#000000;text-decoration:underline;font-weight:normal;} /**/ /*suppress underlined links in certain contexts*/ ul.search a {text-decoration:none;} ul.itsmondayindex a {text-decoration:none;} /*===============================================================================*/ /* HTML Tags */ strong{display:inline;font-weight:bold;} em{display:inline;font-style:italic;} /* LISTS */ #content ul {font-size: 1.25em; /*15 */line-height: 1.2em; /*18*/ list-style-position: outside; margin:0; border: 0; padding: 0 0 0 1em;} /*no air at the top, so a list can start a page*/ #content ul ul {font-size: 0.95em; } /*so the fonts get smaller - slightly, and sod the 18px grid*/ #rps #main ul {list-style-image: url(uploads/images/dots/circle_green.gif)} #zambia #main ul {list-style-image: url(uploads/images/dots/circle_orange.gif)} #malawi #main ul {list-style-image: url(uploads/images/dots/circle_blue.gif)} #rps #main #sitemap ul {padding: 0; list-style: none;} #rps #main #sitemap ul ul {padding: 0 0 0 1em;} #rps #main #sitemap li.sectionheader {font-weight: normal; font-style:normal;} #rps #main #sitemap li.separator {display:none;} #rps #main #sitemap a {font-weight: normal; text-decoration:none;} #rps #main #sitemap a:hover {font-weight: normal; text-decoration:underline;} ul.pdflist{list-style:url(uploads/images/icon/pdf.gif);} ul.pdflist li{margin-top:1em;} ul.doublespace li {margin-bottom:1.2em;}/*18*/ #content div.productlistwrap {margin-left: 312px;}/*assumes 300px boxleft is to the left*/ #content div.productlistwrap ul{margin-bottom: 2.4em;} /* 36 = two lines */ /* More list set-up in the sidebar section */ /*===============================================================================*/ /* #pseudo table */ ul.ident li{clear:left;list-style:none;font-size:0.8em;line-height:1.5em;} ul.ident strong {width:8em;float:left;display:block;font-style:normal;font-weight:bold;} ul.ident em{float:left;display:block;font-style:normal;font-weight:normal;} ul.ident {margin-bottom: 1.5em;} table.ident {font-size:1em;line-height:1.5em; border: 0; clear: none; width: 430px;} table.ident td {border: 0;} blockquote {margin-top: 6em;} /*6 x 12 = 72 = 3 lines of air at the top of a quote*/ blockquote p {background-color: transparent;} blockquote img.quoteleft {display: block; float: left; border: 0; margin: 0 1em 0 0;} blockquote img.quoteright {display: block; float: right; border: 0; margin: 0 0 0 1em;} /*use q for guest quotes in a single paragraph*/ q {display: block; width: 80%; padding: 0 10%; margin-bottom: 1.5em; font-style:italic;} /**/ /**/ /*===============================================================================*/ /* Forms */ fieldset {margin: 1.5em; border: 1px solid #643604;width: 600px; } legend {padding:1em; margin:1em; font-size:1.2em;font-weight:bold; color:#643604;} /**/ /*===============================================================================*/ /* Rulers and clearage*/ hr.cleaner{clear:both;margin:-1px 0 0 0;padding:18px 0 0 0;border:none;height:1px;visibility:hidden;} .pclear{clear:both;} .clearage{clear:both;padding:0;margin:0;} /*not sure where this is used*/ /**/ /*===============================================================================*/ /* if we must have tables lets make them consistent*/ table{border:1px solid #c0c0c0;width:100%;background:#ffffff; color:#643604; clear:left} td,th{text-align:left; vertical-align: top;} table.table4col td, table.table4col th { width:25%;} table.tablelright td {text-align:right; } /*body only, not header cells*/ table.tablelcenterl td, table.tablelcenterl th {text-align:center; } th.firstcol{width:20%;} table.tablel4col td, table.tablel4col th { width:25%;} th { font-weight:bold; font-size: 1.25em; /* 12 x 1.25 = 15px */ padding:0 0.643em 0.6em 0.5333em; /* 15x0.6 =9px 15x0.5333=8px */ border-bottom:0.06666em solid #643604; /* 15x0.06666=1px */ } td { font-size: 1em; /* 16x0.75=12px */ padding:0.333em 0.75em 0.417em 0.75em; /* 12*0.333=4px 12*0.75=9px 12x0.417=5px */ border-bottom:0.083em solid #ccc; /* 12x0.083=1px */ line-height: 1em; /* 12x1=12px */ } #zambia th {background-color: #ce6b12; color: #ffffff;} #malawi th {background-color: #91d4f2; color: #ffffff;} #rps th {background-color: #7cb224; color: #ffffff;} #zambia thead.tophead th {background-color: #643604 ; color: #ffffff;border-bottom:0.06666em solid #fff; /* 15x0.06666=1px */} /*should work if table has class ruler, and javascript is present*/ #zambia tr.ruled{background-color:#ce6b12; color: #ffffff;} #malawi tr.ruled{background-color:#91d4f2; color: #ffffff;} #rps tr.ruled{background-color:#7cb224; color: #ffffff;} /**/ /*===============================================================================*/ /*===============================================================================*/ /* images */ img{margin:0 1em 1.3333em 0;padding:0; border:1px solid #643604;float: left;} img.ic, img.centered{margin:0 auto;display:block;} img.l, img.left{float:left;clear:left;margin-left:0;} img.r, img.right{float:right;clear:right;margin: 0 0 1.3333em 1em;} img.noedge, img.signature {margin:0;padding:0;border:0;} /*think these can be deleted - don't understand them*/ /*img.ic img{margin:10px;padding:0;border:1px solid #643604;clear:both;} img.ic p{margin:0;text-align:center;} img.icapr{float:right;font-size:80%;text-align:center;} img.icapr p{margin-top:0.5em;} */ /**/ /*===============================================================================*/ /*A picture box - with centred caption underneath the image.*/ #content p.picbox, #content p.picboxr, #content p.picboxc {display: block; margin: 0; padding: 0 0 1.5em; clear: none; text-align: center; font-size: 0.8em; width: 300px} #content p.picbox {float: left; margin-right: 1em;} #content p.picboxr {float: right; clear: right; margin-left: 1em;} #content p.picboxc {float: none; margin: 1.5em auto 1.2em; clear: both;} #content p.picbox img, #content p.picboxr img { margin: 0 0 2px 0; } #content p.picbox img.two {margin-left: 1em;} /*override default width (300) of pic box with style="width: nnn" */ #content fieldset p.picbox {margin: 0 2em;} /*===============================================================================*/ /*Wrappers used on the eperience pages - remove the expbox when replaced by the boxes*/ #content .boxright {float:right;width:300px;padding:0;margin:0 0 0 1em} #content .boxleft {float:left;width:300px;padding:0;margin:0 1em 0 0;} .expbox{width:320px;float:left;display:block;} /*override default width (300) of box with inline style="width: nnn" */ /**/ /*===============================================================================*/ /* Boxes with rounded corners default to white with brown borders*/ /*NEED to REVISIT THE FONT SIZES*/ .xsnazzy h1,.xsnazzy h2,.xsnazzy h3,.xsnazzy h4,.xsnazzy p{margin:0 10px;} .xsnazzy h1{color:#ffffff;font-size:2.5em;} .xsnazzy h2{border:0;color:#643604;font-size:2em;} .xsnazzy p{padding-bottom:0.5em;} .xsnazzy h2{padding-top:0.5em;} .xsnazzy{margin:0 2% 1em;background:transparent;} .xtop,.xbottom{display:block;background:transparent;font-size:1px;} .xb1,.xb2,.xb3,.xb4{display:block;overflow:hidden;} .xb1,.xb2,.xb3{height:1px;} .xb2,.xb3,.xb4{border-left:1px solid #643604;border-right:1px solid #643604;background:#ffffff;} .xb1{margin:0 5px;background:#643604;} .xb2{margin:0 3px;border-width:0 2px;} .xb3{margin:0 2px;} .xb4{margin:0 1px;height:2px;} .xboxcontent{border:0 solid #643604;border-width:0 1px;display:block;background:#ffffff;} .xboxcontent p{font-size:80%;} /* #sidebar */ /*NEED to REVISIT THE FONT SIZES*/ #sidebar #search {text-align:center; padding: 1.75em 0 1.5em;} #sidebar .xsnazzy{width:96%;margin:1em 0 1em auto;} #sidebar .xb4,#sidebar .xb2,#sidebar .xb3{border-color:#643604;background:#fff;} #sidebar .xboxcontent{line-height:1.2;} #sidebar .xboxcontent h2,#sidebar .xboxcontent h3,#sidebar .xboxcontent h4{font-size:1em;} #sidebar .xboxcontent h2,#sidebar .xboxcontent h3,#sidebar .xboxcontent h4,#sidebar .xboxcontent p{margin:0;padding:5px;} #sidebar .xboxcontent a{width:90%;text-decoration:none;text-align:left;min-height:1.2em;} #sidebar .xboxcontent a:hover,#zenwrapper #sidebar a:hover{text-decoration:underline;} #sidebar .xboxcontent ul{margin:0;padding:0;} #sidebar .xboxcontent ul ul{padding-left:0;} #sidebar .xboxcontent ul ul ul{padding-left:1em;} /*remember side_bar is the wrapper for google maps links*/ #sidebar .xboxcontent li a, #sidebar .xboxcontent #side_bar a {padding:0 0 0 15px;margin:0;border:0;display:block;background:transparent url(uploads/images/dot.gif) no-repeat 5px 5px;text-decoration:none;text-align:left;font-weight:normal;} #sidebar .xboxcontent li a:hover, #sidebar .xboxcontent #side_bar a:hover {background:transparent url(uploads/images/closed.gif) no-repeat 5px 5px;text-decoration:underline;} #sidebar .xboxcontent li, #zenwrapper ul#albums, #zenwrapper .xboxcontent li {margin:0;padding:0;border:0;list-style:none;line-height:1.5;} #sidebar .xboxcontent p{font-size:1em;text-align:left;letter-spacing:normal;} #sidebar .xboxcontent p.cent img{margin:0 auto 5px auto; float:none;} #sidebar .xboxcontent img{border:0;margin:3px 5px 5px 5px;display:block;} /*Only want the active parent to be bold if it's the top one*/ #sidebar .xboxcontent li a.activeparent {padding-left:1em;background:none;font-weight:bold;} #sidebar .xboxcontent li.activeparent li a.activeparent {font-weight:normal;} #sidebar .xboxcontent li.currentpage h3 {padding:5px 0 5px 1em;background:transparent url(uploads/images/closed.gif) no-repeat 5px 8px;font-weight:normal;} /*want top level section headers to be bold, rest normal*/ #sidebar .xboxcontent li.sectionheader {padding-left:1em;background:none;font-weight:bold;} #sidebar .xboxcontent ul ul li.sectionheader {padding-left:1em;background:none;font-weight:normal;} /*for the random images*/ #content .randomimages {clear:both;} #sidebar .randomimages .xsnazzy{width:216px;margin:1em auto; text-align:center;} #sidebar .randomimages a {width: 100%; text-align: center; margin: 0 auto; } #sidebar .randomimages img {margin: 6px auto 3px 6px; } #sidebar .randomimages p {text-align: center; padding: 0; } p.cent{text-align:center;} p.inset{padding-left:2em;} /*colours to fill the sidebar boxes*/ /*colour_1 terracota*/ #sidebar div.colour_1 .xb3,#sidebar div.colour_1 .xb4,#sidebar div.colour_1 .xboxcontent,#sidebar div.colour_1 .xb2,#sidebar div.colour_1 h4{background:#ce6b12; color:#fff;} #sidebar div.colour_1 ul,#sidebar div.colour_1 li,#sidebar div.colour_1 a,#sidebar div.colour_1 p{background:#fff; color:#000;} .headcolour_1, #sidebar b.xtop .headcolour_1 {background:#ce6b12; color:#fff;} /*colour_2 green*/ #sidebar div.colour_2 .xb3,#sidebar div.colour_2 .xb4,#sidebar div.colour_2 .xboxcontent,#sidebar div.colour_2 .xb2, #sidebar div.colour_2 h4{background:#7cb224; color:#000;} #sidebar div.colour_2 ul,#sidebar div.colour_2 li,#sidebar div.colour_2 a,#sidebar div.colour_2 p{background:#fff; color:#000;} .headcolour_2, #sidebar b.xtop .headcolour_2{background:#7cb224; color:#000;} /*colour_3 brown*/ #sidebar div.colour_3 .xb3,#sidebar div.colour_3 .xb4,#sidebar div.colour_3 .xboxcontent,#sidebar div.colour_3 .xb2,#sidebar div.colour_3 h4{background:#643604; color:#fff;} #sidebar div.colour_3 ul,#sidebar div.colour_3 li,#sidebar div.colour_3 a,#sidebar div.colour_3 p{background:#fff; color:#000;} .headcolour_3, #sidebar b.xtop .headcolour_3{background:#643604; color:#fff;} /*colour_4 blue*/ #sidebar div.colour_4 .xb3,#sidebar div.colour_4 .xb4,#sidebar div.colour_4 .xboxcontent,#sidebar div.colour_4 .xb2,#sidebar div.colour_4 h4{background:#91d4f2; color:#000;} #sidebar div.colour_4 ul,#sidebar div.colour_4 li,#sidebar div.colour_4 a,#sidebar div.colour_4 p{background:#fff; color:#000;} .headcolour_4, #sidebar b.xtop .headcolour_4{background:#91d4f2; color:#000;} /*for the agents news sidebar. Links need to be underlined*/ #sidebar .xboxcontent #agentsnews a {text-decoration: underline;} /*for Trip Advisor boxes*/ #sidebar #TA_selfserveprop495 {margin-left: -30px;} #sidebar #TA_selfserveprop479 {margin-left: -30px;} #sidebar #TA_selfserveprop495 {margin-left: -30px;} #CDSWIDEXC.widEXC .widEXCLINK {margin-top: 16px;} /**/ /*===============================================================================*/ /* for the google map */ #map {width: 100%; height: 600px;} #map img {background-color: transparent;} /*styleing for #sidebar .xboxcontent #side_bar a:hover defined above*/ .infowindow {width: 400px; } .infowindow img {width: 192px; height: 128px; display: block; float: right; margin: 0 0 9px 9px;} .infowindow {font-size: 0.8em;} /**/ /*===============================================================================*/ /* #itsmonday */ #content #itsmonday h2 {margin-top: 0; padding-top: 2em;} #content #itsmonday p {clear: both;} /*will be overkill for when pictures float left or right of short paragraphs*/ /**/ /*===============================================================================*/ /* #subscribe */ #subscribe .required{color:#ce6b12 ;font-weight:bold;} #subscribe label {display:block; float: left; padding: 0 9px; text-align: right; width: 200px;} /**/ /*===============================================================================*/ /* */ /**/ /* End of 'RPS' */