/* =Reset
- Credits: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
- NOTE: Accessibility: 'outline:0' has been removed to allow keyboard users to see where 
  the focus is.
----------------------------------------------------------------------------------------- */
/* We don't use the universal selector (*) to avoid inconsistent form resets. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body {line-height:1;color:black;background:white}
/* Tables still need 'cellspacing="0"' in the markup: */
table {border-collapse:separate;border-spacing:0}
table, td, th {vertical-align:top}
caption, th, td {text-align:left;font-weight:normal}
blockquote:before, blockquote:after,q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
/* ---- IE fixes ---- */
* html em, * html cite {font-style:normal;font-weight:normal}
*+ html em, *+ html cite {font-style:normal;font-weight:normal}


/* =Grid
   -------------------------------------------------------------------------------------- */
.wrap {width:940px;margin:0 auto}

div.border {padding-right:9px;margin-right:10px;border-right:1px solid #ddcbb0}

.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,
.span-11,.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,
.span-20,.span-21,.span-22,.span-23,.span-24 {float:left;margin-right:20px}
.last {margin-right:0}
.span-1 {width:20px}
.span-2 {width:60px}
.span-3 {width:100px}
.span-4 {width:140px}
.span-5 {width:180px}
.span-6 {width:220px}
.span-7 {width:260px}
.span-8 {width:300px}
.span-9 {width:340px}
.span-10 {width:380px}
.span-11 {width:420px}
.span-12 {width:460px}
.span-13 {width:500px}
.span-14 {width:540px}
.span-15 {width:580px}
.span-16 {width:620px}
.span-17 {width:660px}
.span-18 {width:700px}
.span-19 {width:740px}
.span-20 {width:780px}
.span-21 {width:820px}
.span-22 {width:860px}
.span-23 {width:900px}
.span-24 {width:940px;margin:0}

.append-1 {padding-right:40px}
.append-2 {padding-right:80px}
.append-3 {padding-right:120px}
.append-4 {padding-right:160px}
.append-5 {padding-right:200px}
.append-6 {padding-right:240px}
.append-7 {padding-right:280px}
.append-8 {padding-right:320px}
.append-9 {padding-right:360px}
.append-10 {padding-right:400px}
.append-11 {padding-right:440px}
.append-12 {padding-right:480px}
.append-13 {padding-right:520px}
.append-14 {padding-right:560px}
.append-15 {padding-right:600px}
.append-16 {padding-right:640px}
.append-17 {padding-right:680px}
.append-18 {padding-right:720px}
.append-19 {padding-right:760px}
.append-20 {padding-right:800px}
.append-21 {padding-right:840px}
.append-22 {padding-right:880px}
.append-23 {padding-right:920px}

.prepend-1 {padding-left:40px}
.prepend-2 {padding-left:80px}
.prepend-3 {padding-left:120px}
.prepend-4 {padding-left:160px}
.prepend-5 {padding-left:200px}
.prepend-6 {padding-left:240px}
.prepend-7 {padding-left:280px}
.prepend-8 {padding-left:320px}
.prepend-9 {padding-left:360px}
.prepend-10 {padding-left:400px}
.prepend-11 {padding-left:440px}
.prepend-12 {padding-left:480px}
.prepend-13 {padding-left:520px}
.prepend-14 {padding-left:560px}
.prepend-15 {padding-left:600px}
.prepend-16 {padding-left:640px}
.prepend-17 {padding-left:680px}
.prepend-18 {padding-left:720px}
.prepend-19 {padding-left:760px}
.prepend-20 {padding-left:800px}
.prepend-21 {padding-left:840px}
.prepend-22 {padding-left:880px}
.prepend-23 {padding-left:920px}

.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,
.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,
.pull-20,.pull-21,.pull-22,.pull-23,.pull-24 {float:left;position:relative}
.pull-1 {margin-left:-40px}
.pull-2 {margin-left:-80px}
.pull-3 {margin-left:-120px}
.pull-4 {margin-left:-160px}
.pull-5 {margin-left:-200px}
.pull-6 {margin-left:-240px}
.pull-7 {margin-left:-280px}
.pull-8 {margin-left:-320px}
.pull-9 {margin-left:-360px}
.pull-10 {margin-left:-400px}
.pull-11 {margin-left:-440px}
.pull-12 {margin-left:-480px}
.pull-13 {margin-left:-520px}
.pull-14 {margin-left:-560px}
.pull-15 {margin-left:-600px}
.pull-16 {margin-left:-640px}
.pull-17 {margin-left:-680px}
.pull-18 {margin-left:-720px}
.pull-19 {margin-left:-760px}
.pull-20 {margin-left:-800px}
.pull-21 {margin-left:-840px}
.pull-22 {margin-left:-880px}
.pull-23 {margin-left:-920px}
.pull-24 {margin-left:-960px}

.push-0,.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,
.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,
.push-21,.push-22,.push-23,.push-24 {float:right;position:relative}
.push-0 {margin:0}
.push-1 {margin:0 -40px 0 40px}
.push-2 {margin:0 -80px 0 80px}
.push-3 {margin:0 -120px 0 120px}
.push-4 {margin:0 -160px 0 160px}
.push-5 {margin:0 -200px 0 200px}
.push-6 {margin:0 -240px 0 240px}
.push-7 {margin:0 -280px 0 280px}
.push-8 {margin:0 -320px 0 320px}
.push-9 {margin:0 -360px 0 360px}
.push-10 {margin:0 -400px 0 400px}
.push-11 {margin:0 -440px 0 440px}
.push-12 {margin:0 -480px 0 480px}
.push-13 {margin:0 -520px 0 520px}
.push-14 {margin:0 -560px 0 560px}
.push-15 {margin:0 -600px 0 600px}
.push-16 {margin:0 -640px 0 640px}
.push-17 {margin:0 -680px 0 680px}
.push-18 {margin:0 -720px 0 720px}
.push-19 {margin:0 -760px 0 760px}
.push-20 {margin:0 -800px 0 800px}
.push-21 {margin:0 -840px 0 840px}
.push-22 {margin:0 -880px 0 880px}
.push-23 {margin:0 -920px 0 920px}
.push-24 {margin:0 -960px 0 960px}
* html .pull-1,* html .pull-2,* html .pull-3,* html .pull-4,* html .pull-5,* html .pull-6,
* html .pull-7,* html .pull-8,* html .pull-9,* html .pull-10,* html .pull-11,* html .pull-12,
* html .pull-13,* html .pull-14,* html .pull-15,* html .pull-16,* html .pull-17,* html .pull-18,
* html .pull-19,* html .pull-20,* html .pull-21,* html .pull-22,* html .pull-23,* html .pull-24,
* html .push-1,* html .push-2,* html .push-3,* html .push-4,* html .push-5,* html .push-6,
* html .push-7,* html .push-8,* html .push-9,* html .push-10,* html .push-11,* html .push-12,
* html .push-13,* html .push-14,* html .push-15,* html .push-16,* html .push-17,* html .push-18,
* html .push-19,* html .push-20,* html .push-21,* html .push-22,* html .push-23,* html .push-24 {display:inline}
* html .span-1,* html .span-2,* html .span-3,* html .span-4,* html .span-5,* html .span-6,
* html .span-7,* html .span-8,* html .span-9,* html .span-10,* html .span-11,* html .span-12,
* html .span-13,* html .span-14,* html .span-15,* html .span-16,* html .span-17,* html .span-18,
* html .span-19,* html .span-20,* html .span-21,* html .span-22,* html .span-23,* html .span-24 {overflow: hidden}


/* Colour scheme

	Primary colours
	-----------------------------------------
	#AF1E2D [red]		PMS-187
	#E28C05 [yellow]	PMS-144
	
	Secondary colours
	-----------------------------------------
	#C2BFB8 [grey]		PMS Cool Grey 4
	#F7DB17 [acacia]	PMS-108
	#A10052 [violet]	PMS-676
	#00B0AB [blue]		PMS-326
	#000000 [black]		Black
	
*/

/* =Body and wrapper divs
   -------------------------------------------------------------------------------------- */
html {height:100%;background-color:#ffb855;height:100.2%/*for short pages, force scrollbar */}
/* Set base font to 75% of 16px = 12px: */
body {/*width:1000px;margin:0 auto*/;height:100%;min-height:101%/*for short pages, force scrollbar (Chrome) */;background:#ffb855 url('/images/css/bg.png') no-repeat center center;font:normal 75%/1.5em Arial, Helvetica, sans-serif}
.wrap {position:relative;background:#fff}


/* =Tools
   -------------------------------------------------------------------------------------- */
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;font-size:0}
.clearfix{display:block}


/* =Header
   -------------------------------------------------------------------------------------- */
.access {position:absolute;left:-9000px/*IE needs px not em*/;width:9px;font-size:0}
.header {position:relative;height:120px;padding:5px;background-color:#F5E1C2}
	.header .logo {width:400px;height:116px;background:url('/images/css/logo.png') no-repeat 0 0}
	.header .logo a {overflow:hidden;display:block;height:100%;text-indent:-9000em}
	.header .byline {position:absolute;left:126px;top:81px;font:bold 1em/1.2 Tahoma,Geneva,Arial,sans-serif;color:#AF1E2D}
	/* ---- IE fixes ---- */
	* html .header .logo {background-image:url('/images/css/logo.gif')}
	
	#nav {overflow:hidden;margin:0;list-style-type:none;background-color:#5176A6}
	#nav li {margin:0;float:left}
	#nav a {display:block;padding:7px 12px 9px;font-weight:bold;font-size:1.0833em;text-decoration:none;border-right:2px solid #315789;color:#D8E6F8}
	#nav a:hover {color:#D8E6F8;background:#315789}
	#nav .selected a {color:#76ACF2;background:#315789}
	#nav .selected a:hover {text-decoration:none;cursor:default}
	#nav .article a:hover {text-decoration:underline;cursor:pointer}
	/* ---- IE fixes ---- */
	* html #nav {height:1%}

	.nav-admin {position:absolute;right:20px;top:10px;list-style-type:none}
	.nav-admin a {color:#313f46;text-decoration:none}
	.nav-admin a:hover {color:#98bddd}


/* =Typography
   -------------------------------------------------------------------------------------- */
a {color:#151813}
a:hover {color:#a28868}
h1 {font-weight:bold;font-size:2.5em;line-height:1;margin:0 0 .75em}
h2 {font-weight:bold;font-size:2em;margin:2em 0 .5em}
h3 {font-weight:bold;font-size:1.6em;margin:1.5em 0 .5em}
.sidebar h3 {font-size:1.3em}
.sidebar h3:first-child {margin-top:0}
.sidebar h4 {font-weight:bold}
.sidebar h4 a {text-decoration:none}
.sidebar h4 a:hover {text-decoration:underline}
.content p,.content ul,.content ol {margin-bottom:.8em;font-size:1.2em}
blockquote {padding-left:22px;background:url('/images/css/quotes.gif') no-repeat 0 -23px}
blockquote p {display:inline;padding-right:22px;font-weight:bold;color:#E28C05;background:url('/images/css/quotes.gif') no-repeat 100% 0}
ul,ol {margin-left:2em}
li {margin-bottom:.3em}
b,strong {font-weight:bold}


/* =Images
   -------------------------------------------------------------------------------------- */
img {vertical-align:bottom}
.image-right,.image-left {float:right;margin:0 0 1.5em 0}
.image-left {float:left;margin:0 0 1.5em 0}
.image-right p,.image-left p {font-size:.92em;border-bottom:1px dotted #e8bda5}


/* =Content
   -------------------------------------------------------------------------------------- */
.content {overflow:hidden;padding:20px 10px 40px;color:#332D27;background-color:#F5E1C2}
	/* ---- IE fixes ---- */
	* html .content {height:1%}
	
.home h3 a {text-decoration:none}
	.home h3 a:hover {text-decoration:underline}
	
dl {overflow:hidden;margin-bottom:.8em}
	dt {clear:left;float:left;width:120px;margin-bottom:.5em}
	dd {float:left;margin-bottom:.5em}
	/* ---- IE fixes ---- */
	* html dd {float:none;display:inline-block}
	*+ html dd {float:none;display:inline-block}

/* Login box */
.bookingTool {overflow:hidden;padding:12px 12px 0;margin-bottom:20px;border:1px solid #E28C05;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#FBB952}
	.bookingTool label {float:left;width:100px;margin-bottom:8px}
	.bookingTool input {float:left;width:170px;margin-bottom:8px}
	.bookingTool .submit {float:left;width:auto;margin:0 0 8px 100px}
	.bookingTool p {clear:both;margin-left:100px;font-size:.92em}
	/* ---- IE fixes ---- */
	* html  .bookingTool {height:1%;padding:4px 12px 8px}
	* html  .bookingTool input {width:165px}
	*+ html .bookingTool {padding-bottom:8px}
	*+ html .bookingTool input {width:165px}
	/*IE8*/ .bookingTool input {width:165px\0}

/* =Footer
   -------------------------------------------------------------------------------------- */
.footer {overflow:hidden;padding:10px;font-size:.92em;background-color:#000;color:#999}
	.footer p {line-height:2}
	.csa,.csa a {color:#444}
	.csa {float:right}
	.copy {float:left}
	.copy a {color:#999}
	/* ---- IE fixes ---- */
	* html .footer {height:1%}
	*+ html .footer {height:1%}





/*
	#AF1E2D [red]		PMS-187
	#E28C05 [yellow]	PMS-144
	
	Secondary colours
	-----------------------------------------
	#C2BFB8 [grey]		PMS Cool Grey 4
	#F7DB17 [acacia]	PMS-108
	#A10052 [violet]	PMS-676
	#00B0AB [blue]		PMS-326
	#000000 [black]		Black
*/

/* Defaults */
#nav {background-color:#E28C05}
#nav a {border-right:1px solid #AF1E2D;color:#333}
#nav a:hover {color:#333;background:#F7DB17}
#nav .selected a {color:#000;background:#F7DB17}
h1 {color:#af1e2d}

/* Section-specific icons & colours */
.travel h1,.empowerment h1,.events h1 {padding-left:105px;background:url('/images/css/connecting-dots-icons_sprite.png') no-repeat 0 0}
.home h3.travel,.home h3.empowerment,.home h3.events {margin:0 0 20px;text-align:center}
.sidebar a.travel,.sidebar a.empowerment,.sidebar a.events {overflow:hidden;display:block;width:95px;height:90px;margin:0 auto;background:url('/images/css/connecting-dots-icons_sprite.png') no-repeat -194px 0;text-indent:-9000em}
.sidebar a.empowerment {background-position:0 -188px}
.sidebar a.events {background-position:-98px -91px}

.travel #nav {background-color:#F7DB17}
.travel #nav a {border-right:1px solid #AF1E2D;color:#333}
.travel #nav a:hover {color:#333;background:#E28C05}
.travel #nav .selected a {color:#000;background:#E28C05}
.travel h1 {line-height:83px;background-position:-194px 0}
.travel h1,.home h3.travel a {color:#e28c05}
 
.empowerment #nav {background-color:#00B0AB}
.empowerment #nav a {border-right:1px solid #000;color:#333}
.empowerment #nav a:hover {color:#000;background:#007d79}
.empowerment #nav .selected a {color:#fff;background:#007d79}
.empowerment h1 {padding-top:15px;padding-bottom:15px;background-position:0 -188px}
.empowerment h1,.home h3.empowerment a {color:#00B0AB}

.events #nav {background-color:#A10052}
.events #nav a {border-right:1px solid #000;color:#fff}
.events #nav a:hover {color:#000;background:#E28C05}
.events #nav .selected a {color:#fff;background:#E28C05}
.events h1 {padding-top:15px;padding-bottom:15px;background-position:-98px -91px}
.events h1,.home h3.events a {color:#A10052}