@import "http://services.igloocommunities.com/download-noauth/lib/css/gridcss";
@import "http://services.igloocommunities.com/download-noauth/lib/boxes/css/boxcss";
@import "http://community.olympicfoundation.ca/download-noauth/templates/css/themecss";


/* -- FUNDRAISING CONTENT -- */

/*
-- Get Involved --
*/

	div.boxes{
		font-size:12px;
		width:620px;
		padding:0;
	}
	
	div.boxes div.box img{
		border:none;
		margin:20px 0;
	}
	
	div.quote img{
		float:left;
		margin:0 20px 10px 0;
	}
	
	div.boxes div.box{
		width:290px;
		margin:0 10px;
		_margin:0 8px;
		float:left;
		padding:0;
		height:225px;
	}

	div.two-column-custom {
		background:url(https://secure.iglooplatform.com/download-noauth/documents/cof/img/dividerccc) repeat-y 100% 0;
		margin:1.5em 0;
		overflow:hidden;
		width:100%;
	}
	
	div.two-column-custom div.column-main-custom {
		float:left;
		width:100%;
	}
	
	div.two-column-custom div.column-main-inner-custom {
		margin-right:270px;
	}
	
	div.two-column-custom div.column-secondary-custom {
		float:left;
		margin-left:-262px;
		width:262px;		
	}		

	#donateBox{
		background: transparent url(/download/gallery/fundraise/donateboxp) no-repeat; 	
		width: 610px; 	
		height: 131px;
		margin-bottom:20px;	
		color:#FFF;
	}

	#donateBoxFr{
		background: transparent url(/download/gallery/fundraise/donateboxp~2) no-repeat; 	
		width: 610px; 	
		height: 131px;
		margin-bottom:20px;	
		color:#FFF;
	}
	
	#donateBoxText{
		float:left;
		padding-left:19px;
		padding-top:60px;
		width:406px;	
	}


	#donateButtonRed{
		margin-left:19px;
		margin-top:60px;		
	}

	.loginBlueBox{
		margin-top:20px;
	}

/*
-- Tips Page --
*/
.tipColumn{
	width:310px;
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
}


/*
-- Link to Us Program --
*/

.banner-sections {
	background: 0 0 no-repeat;
	height: 0;
	overflow: hidden;
	padding: 80px 0 0;
	margin-bottom: 1.25em;
}

#banner-toolkit { background-image: url(/download/gallery/fundraise/headinglin); }
#banner-toolkit-fr { background-image: url(/download/gallery/fundraise/headlinkfr); }
#banner-email   { background-image: url(/download/gallery/fundraise/headingema); }
#banner-email-fr   { background-image: url(/download/gallery/fundraise/frheademai); }
#banner-web     { background-image: url(/download/gallery/fundraise/headingweb); }
#banner-web-fr     { background-image: url(/download/gallery/fundraise/headrwebfr); }

#xsmallLink, #smallLink, #mediumLink, #largeLink { padding-left: 350px; }
#xsmallLink-fr, #smallLink-fr, #mediumLink-fr, #largeLink-fr { padding-left: 350px; }

#xsmallLink p, #smallLink p, #mediumLink p, #largeLink p { font-size: 12px; }
#xsmallLink-fr p, #smallLink-fr p, #mediumLink-fr p, #largeLink-fr p { font-size: 12px; }

#smallLink, #smallLink-fr { padding-bottom: 3em; }
#mediumLink, #mediumLink-fr { padding-bottom: 7em;}
#largeLink, #largeLink-fr { padding-bottom: 4em; }

#xsmallLink { background: url(/download/gallery/fundraise/linkoption) 0 0 no-repeat;}
#smallLink  { background: url(/download/gallery/fundraise/linkoption~2) 0 0 no-repeat;}
#mediumLink { background: url(/download/gallery/fundraise/linkoption~3) 0 0 no-repeat;}
#largeLink  { background: url(/download/gallery/fundraise/linkoption~4) 0 0 no-repeat;}

#xsmallLink-fr { background: url(/download/gallery/fundraise/linkoptfr1) 0 0 no-repeat;}
#smallLink-fr  { background: url(/download/gallery/fundraise/linkoptfr2) 0 0 no-repeat;}
#mediumLink-fr { background: url(/download/gallery/fundraise/linkoptfr3) 0 0 no-repeat;}
#largeLink-fr  { background: url(/download/gallery/fundraise/linkoptfr4) 0 0 no-repeat;}

/*
-- Email Program --
*/

#emailMenu .entry {
	margin-bottom: 0.5em;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}

#emailMenu .entry ul { margin:0; }

#emailMenu .entry p {padding: 8px 0;}

#emailMenu .entry h2,
#emailMenu .entry p,
#emailMenu .entry li
{
	float: left;
	margin: 0 23px;
}

.btnEmailEn, .btnEmailBi, 
.btnEmailEn-fr, .btnEmailBi-fr{
	float: left;
	list-style: none;
	margin: 0;
}

.btnEmailEn a, .btnEmailBi a,
.btnEmailEn-fr a, .btnEmailBi-fr a {
	background: 0 0 no-repeat;
	display: block;
	height: 0;
	padding-top: 34px;
	overflow: hidden;
	width: 123px;
}

.btnEmailEn a { background-image: url(/download/gallery/fundraise/emailengif); }
.btnEmailEn-fr a { background-image: url(/download/gallery/fundraise/fremaileng); }
	
.btnEmailBi a { background-image: url(/download/gallery/fundraise/emailfrpng); }
.btnEmailBi-fr a { background-image: url(/download/gallery/fundraise/fremailfre); }

/*
-- Web Program --
*/

#webOptionSmall, #webOptionMedium, #webOptionLarge,
#webOptionSmall-fr, #webOptionMedium-fr, #webOptionLarge-fr {
	background: #fff 0 0 no-repeat;
}

#webOptionSmall p, #webOptionMedium p, #webOptionLarge p,
#webOptionSmall-fr p, #webOptionMedium-fr p, #webOptionLarge-fr p {
	font-size: 12px;
}

#webOptionSmall {
	background-image: url(/download/gallery/fundraise/weboption1);
	padding-left: 350px;
	padding-bottom: 20px;
}

#webOptionMedium {
	background-image: url(/download/gallery/fundraise/weboption2);
	padding-top: 260px;
	padding-left: 57px;
}

#webOptionLarge {
	background-image: url(/download/gallery/fundraise/weboption3);
	padding-top: 130px;
	padding-left: 50px;
}

#webOptionSmall-fr {
	background-image: url(/download/gallery/fundraise/weboptn1fr);
	padding-left: 350px;
	padding-bottom: 20px;
}

#webOptionMedium-fr {
	background-image: url(/download/gallery/fundraise/weboptn2fr);
	padding-top: 260px;
	padding-left: 57px;
}

#webOptionLarge-fr {
	background-image: url(/download/gallery/fundraise/weboptn3fr);
	padding-top: 130px;
	padding-left: 50px;
}

.bullet-a li {
	margin-bottom: 1em;
}

.podiumLogo {
	padding: 0 0 20px;
	text-align: center;
}

.podiumLogo img {
	height: 147px;
	width: 177px;
}

p.more-links {
	border-left: 1px solid #bcbcbc;
	padding: 0 0 1.5em 1.5em;
}

/* Table of Contents
-------------------------------------

HTML

Common Elements

Boxes (Rounded)
	Default (Beige)
	Donate (Account and Btn)
	Info (Red)
	
Content Components
	Sidenav
	RSS feeds
		General
		Custom (DISCUSSION)
	Entries (Image Depending on Image Sizes)
		Sml (50px)
		Med (130px)
		Lrg ()

Palette (BG, COLOR etc..)

Layout (960 GRID STRUCTURE, etc..)

System Components
	Footer Custom Content
	Sign In
	Search
	Logo
	Navigation

960 GRID

------------------------------------- */

div.header-links {
	height: 103px;
	margin-left: 150px;
	position: absolute; top: 95px;
	width: 775px;
}

#primarynav li.join { display: none; }

#customcontent iframe { background-color: transparent; }


/*--------------------------------------------- */
/*                 >>> HTML <<<                 */
/*--------------------------------------------- */

a                { color: #a27c14; text-decoration: none; }
#tinymce a       { color: #a27c14!important; text-decoration: none !important; }

a:hover          { color: #a27c14; text-decoration: underline;}
#tinymce a:hover { color: #a27c14!important; text-decoration: underline !important; }

h1 { color: #b78e1f; }
h2 { color: #ed2724; }
h3 { color: #696a6c; }

.heading1 { color: #b78e1f; }
.heading2 { color: #ed2724; }
.heading3 { color: #696a6c; }
.heading4 { color: #696a6c; }

a.linkCTV, a.linkRDS, a.donateBtnFR, a.donateBtnEN, a.registerBtn, a.enregistreBtn {
	background: transparent 0 0 no-repeat;
	display: block;
	height: 0% !important;
	overflow: hidden;
	position: absolute; 
}

a.registerBtn {
	background-image: url(/download/gallery/img/btnregiste);
	margin-left: 610px;
	padding-top: 28px;
	top: 41px;
	width: 124px;
}

a.enregistreBtn {
	background-image: url(/download/gallery/img/btnenregis);
	margin-left: 750px;
	padding-top: 28px;
	top: 41px;
	width: 124px;
}

a.donateBtnEN {
	background: url(/download/gallery/img/btndonatee) 50% 0 no-repeat;
	margin-left: 448px;
	padding-top: 42px;
	top: 100px;
	width: 163px;
}
a.donateBtnFR {
	background: url(/download/gallery/img/btndonatef) 50% 0 no-repeat;
	margin-left: 448px;
	padding-top: 42px;
	top: 155px;
	width: 163px;
}
a.linkRDS {
	background-image: url(/download/gallery/img/rdsgif);
	margin-left: 690px;
	padding-top: 122px;
	top: 83px;
	width: 123px;
}
a.linkCTV {
	background-image: url(/download/gallery/img/ctvgif);
	margin-left: 813px;
	padding-top: 122px;
	top: 83px;
	width: 123px;
}

img{
border:none;
}


/* GRID LINE SEPERATORS
----------------------------------------------- */

.grid_5 hr {
	background-color: #e3e4e4;
	border: 0;
	color: #e3e4e4;
	display: block;
	height: 1px;
	margin: 30px 0 15px;
}

div.sideSeperator {
	border-left: 1px solid #e3e4e4;
	margin-left: 0;
	width: 289px; /* Override grid 5 for seperator. All inside elements in should have left margin */
}

.sideSeperator .donateBox,
.sideSeperator .infoBox,
.sideSeperator .lightBlueBox,
.sideSeperator .whiteBlueBox,
.sideSeperator .blueBoxTpl,
.sideSeperator .entryList,
.sideSeperator .feedBox
{
	margin-left: 9px;
}


.topSeperator {
border-top: 1px dotted #c8c8c8;
margin-top:10px;
padding-top:10px;
}

/* GENERAL CLASSES
----------------------------------------------- */

.padSml  { padding: 0 10px; }
.padMed  { padding: 0 20px; }
.padLrg  { padding: 0 30px; }
.noPadd { padding: 0 !important; }

.clearContainer { overflow: auto; }

/* Things that should be gold */
.gold,
.gold a,
.gold a:visited,
.gold a:hover,
a.gold,
a.gold:visited,
a.gold:hover{
    color:#b78e1f !important;	
    text-decoration:none;
}

/*
Give/Take Action blue Box
*/

.blueBox{
	background:transparent url(/download/gallery/fundraise/blnkbluebx) no-repeat scroll 50% 0;
	color:#FFFFFF;
	height:88px;
	margin-top:20px;
	padding-top:20px;
	width:280px;	
}

.blueBox p{
	margin-bottom: 10px;	
	margin-left:24px;
}

.blueBox a{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}

/*--------------------------------------------- */
/*              >>> TEMPLATES <<<               */
/*--------------------------------------------- */


/* BOX: DEFAULT 
----------------------------------------------- */

.dsfBox { background-color: #f4f4ed; margin-bottom: 18px; }

.dsfBox .dsfBoxTop { background: url(../img/crnr-top-l.png) 0 0 no-repeat; }


.dsfBoxTop div {
	background: url(../img/crnr-top-r.png) 100% 0 no-repeat;
	line-height: 14px;
}

.dsfBox .dsfBoxBdy { padding: 0 20px; }

	/* PADDING: SMALL, MEDIUM, LARGE */
	.dsfBox .padSml  { padding: 0 10px; }
	.dsfBox .padMed  { padding: 0 20px; }
	.dsfBox .padLrg  { padding: 0 30px; }

	/* HEIGHT: MEDIUM, LARGE | 240 & 340 */
	.dsfBox .heightMed, .dsfBox .heightLrg { overflow: auto; }
	.dsfBox .heightMed { height: 212px; }
	.dsfBox .heightLrg { height: 322px; }
	.dsfBox .heightAdjust { height: 245px; } /* SPECIFIC PAGES WITH LONG SUBNAV */

.dsfBox .dsfBoxBtm { background: url(../img/crnr-btm-l.png) left bottom no-repeat; }

.dsfBoxBtm div {
	background: url(../img/crnr-btm-r.png) right bottom no-repeat;
	line-height: 14px;
}

/* BOX: Inner Box - special for light blue box
----------------------------------------------- */
.dsfBoxChild .padMed  { padding:0 10px; }

.lightBlueBox .dsfBoxChild { 
	background-color: #FFF; 
	margin:0 10px 16px;
}

.lightBlueBox .dsfBoxChild .dsfBoxChildTop{ 
	background: url(/download/gallery/imgnewen/crnrtlltbl) 0 0 no-repeat;
}

.lightBlueBox .dsfBoxChild .dsfBoxChildTop div{ 
	background: url(/download/gallery/imgnewen/crnrtrltbl) 100% 0 no-repeat;
	line-height: 14px;
}

.lightBlueBox .dsfBoxChild .dsfBoxChildBtm{ 
	background: url(/download/gallery/imgnewen/crnrblltbl) left bottom no-repeat;
}

.lightBlueBox .dsfBoxChild .dsfBoxChildBtm div{ 
	background: url(/download/gallery/imgnewen/crnrbrltbl) right bottom no-repeat; 
	line-height: 14px;
}

.dsfBoxChildBdy{
	text-align:left;
}

/* BOX: BOX INNER (WHITE)
----------------------------------------------- */

#innerBox .dsfBox                { background-color: #fff; margin-bottom: 0; }
#innerBox .dsfBox .dsfBoxTop     { background-image: url(/download/gallery/img/crnrtlwhit); }
#innerBox .dsfBox .dsfBoxTop div { background-image: url(/download/gallery/img/crnrtrwhit); }
#innerBox .dsfBox .dsfBoxBtm     { background-image: url(/download/gallery/img/crnrblwhit); }
#innerBox .dsfBox .dsfBoxBtm div { background-image: url(/download/gallery/img/crnrbrwhit); }

#innerBox.dsfBoxBdy {
margin-bottom:-5px;
padding-left:10px;
padding-right:10px;
}

#innerBox h3 {
}

#innerBox .dsfBoxBdy li{
margin:0px;
font-size: 11px;
}

#innerBox a {
	text-decoration: none;
}

/* BOX: DONATE BOX (WITH DONATE ACCOUNT)
----------------------------------------------- */

.donateBox .dsfBox                { background-color: #fff; margin-bottom: 0; }
.donateBox .dsfBox .dsfBoxTop     { background-image: url(../img/crnr-t-l-white.png); }
.donateBox .dsfBox .dsfBoxTop div { background-image: url(../img/crnr-t-r-white.png); }
.donateBox .dsfBox .dsfBoxBtm     { background-image: url(../img/crnr-b-l-white.png); }
.donateBox .dsfBox .dsfBoxBtm div { background-image: url(../img/crnr-b-r-white.png); }

.donateBox h3 {
	background: url(../img/leaf.gif) 0 0 no-repeat;
	color: #5a96d2;
	font: normal 18px arial;
	padding-top: 0;
	padding-left: 30px;
}

.donateBox p { margin: 0; }

.donateBox p.text {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.donateBox p#date {
	border-bottom: 1px dashed #c4c4c4;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.donateBox p#total {
	color: #6da9df;
	font-size: 45px;
	line-height: 45px;
}

.donateBox a {
	background: url(../img/btn-blue.gif) 0 0 no-repeat;
	color: #fff;
	display: block;
	font-size: 24px;
	margin-top: 15px;
	padding: 13px 15px;
	text-decoration: none;
	 
}


/* BOX: MISSION BOX (Found on few pages)
----------------------------------------------- */

.missionBox .dsfBoxBdy div { margin-left: 312px; }
.missionBox p { margin-bottom: 9px !important; }

/*.missionBox .dsfBoxBdy div {
	height: 100%;
	overflow: hidden;
}*/


/* BOX: VARIOUS IMP INFO (RED BOXES)
----------------------------------------------- */

.infoBox { background: #a51b1a url(../img/1px-red.gif) 0 0 repeat-x; }
.infoBox * { color: #fff; }
.infoBox a { color: #e2c04f; }

.description {
	height: auto !important;
	height: 1%;
	overflow: hidden;
	margin: 0.5em 0;
}

.description img { float: left; }
.description h4, .description p { margin-left: 85px; margin-bottom: 0; }




/* BOX: VARIOUS IMP INFO (BLUE BOXES)
----------------------------------------------- */

.lightBlueBox { background: #dde9f5 none; }
.lightBlueBox * { color: #000; }
.lightBlueBox a { color: #000; }

/* BOX: VARIOUS IMP INFO (TAN BOXES)
----------------------------------------------- */

.tanBox { background: #efe8cf none; }
.tanBox * { color: #000; }
.tanBox a { color: #97720d; }

/* BOX: SPOTLIGHT BOX
------------------------------------------------ */

.spotlightBox   { background: #ff332f url(/download/gallery/img/hashskater) 0 100% no-repeat; }
/* #home .spotlightBox { background-image: url(/download/gallery/img/hashskater); }*/
.spotlightBox * { color: #fff; }
.spotlightBox a { color: #e2c04f; }

.spotlightBox .padMed { padding-left: 300px; }

.spotlightBox h1 {
	font-size: 32px;
	font-family: tahoma;
	margin-top: 2em;
}

/*
Sub Nav (
*/
.subnav .dsfBoxBdy{
	height: 182px;	
}

.subnav h2{
	color:#696A6C;
	font-size:12px;
	font-weight:bold;	
}

.subnav ul{
	margin:	10px 0 0 !important;
	list-style:none !important;
}

/*
Info Box
*/
.redInfoBox dsfBoxBdy{
	height:183px;	
}


/* SUBPAGE COMPONENTS
----------------------------------------------- */

.sideNav .dsfBoxBdy { padding-left: 15px; padding-right: 15px; } /* CUSTOM SIZED PADDING */

div.sideNav ul { margin: 0; }

.sideNav li {
	font-size: 12px;
	list-style: none;
	margin: 0.5em 0 1em;
}

div.sideNav ul ul { margin-bottom: 1.5em; }

.sideNav li li {
	background: url(../img/dash-brown.gif) 0 8px no-repeat;
	font-size: 11px;
	padding-left: 10px;
	margin: 0;
}

.sideNav li.here a         { color: #696a6c; }
.sideNav li.here li a      { color: #a27c14; }
.sideNav li.here li.here a { color: #696a6c; }

.sideNav li.here li.here { background-image: url(../img/dash-grey.gif); }

a.link-more {
	background: url(../img/arrow-beige.gif) 0 4px no-repeat;
	font-size: 11px;
	padding-left: 15px;  
}


/* RSS-FEEDS: Discussion Feeds & News Feeds
----------------------------------------------- */

/*--[ General News Feed ]--*/

div ul.rss-items { margin-left: 0; }

li.rss-item {
	border-top: 1px dotted #c8c8c8;
	list-style: none;
	padding: 1em 0;
}

span.rss-date {
	color: #aaa;
	font-size: 11px;
}

/*--[ Custom Discussion News Feed ]--*/

.discussionFeed li.rss-item {
	background: url(../img/buble-dial.gif) 100% 0 no-repeat;
	position: relative;
	margin: 0 0 5px;
	padding-right: 80px;
}

.discussionFeed br { display: none; } /* REMOVE BREAKING TAGS FOR DISCUSSION FEED */

.discussionFeed a.rss-item { display: block; }

.discussionFeed span.rss-date {
	color: #757575;
	display: block;
	height: 36px;
	overflow: hidden;
	position: absolute; top: 8px; right: 6px; /* IF Top is changed, bg-top for li should change */
	text-align: center;
	width: 50px;
}

.feed-listing .rss-title { display: none; }
.feed-listing li.rss-item { background: url(/download/gallery/img/leafgif) no-repeat 0 10px; padding-left: 30px; }

.feed-listing li.rss-item a { font-weight: bold; }

/* ENTRIES: Image with title and description
--------------------------------------------------------- */

.entryList { margin-bottom: 1.5em; }

.entryList .entry {
	border-bottom: 1px dashed #c8c8c8;
	height: auto !important; 
	height: 1%;
	overflow: hidden; 
	margin: 0 0 1.5em;
	padding: 0.5em 0;
}

.listSml .entry,
.listMed .entry,
.listLrg .entry
{
	padding: 2em 0;
	margin: 0;
}

.entryList p {
	font-size: 11px;
	line-height: 1.7;
}

.listSml img, .listMed img, .listLrg img { float: left; }

.listSml h3, .listSml p { margin-left: 57px; margin-bottom: 0; } /* Small Pic ~ 55px */
.listMed h3, .listMed p { margin-left: 130px; margin-bottom: 0; } /* Medium Pic ~ 110px */
.listLrg h3, .listLrg p { margin-left: 202px; margin-bottom: 0; } /* Large Pic ~ 170px */

.reasonsList p { font-size: 12px; }

.reasonsList p.timeEntry { text-transform: uppercase; font-weight: bold; }

.reasonsList p.quoteEntry { font-size: 14px; }


/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */


/* SPLASH PAGE
=============================================== */

#home.landing #customcontent { height: 690px; }

#home.landing #content { padding-top: 56px; }

#home.landing #page { padding-top: 0; }

#home.landing #navigation, #home.landing #footer, #home.landing #header,
#home.landing #trailer, #home.landing #trailerbar, #home.landing #content-head
{
	display: none;
}

#home.landing #content, #home.landing #content-inner, #home.landing #main {
	background: transparent;
}

#home.landing #content-body { background: none; }

#home.landing #customcontent { background: url(/download/gallery/img/splashjpg) 50% 0 no-repeat; position: relative; }

#home.landing #customcontent a {
	background: 0 0 no-repeat;
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 42px;
	margin-bottom: 5px;
}

#home.landing #customcontent div.btn-english,
#home.landing #customcontent div.btn-french,
#home.landing #customcontent div.btn-donate,
#home.landing #customcontent div.btn-fairdon { position: absolute; }

#home.landing #customcontent div.btn-english,
#home.landing #customcontent div.btn-french {
	width: 163px;
}

#home.landing #customcontent div.btn-donate,
#home.landing #customcontent div.btn-fairdon {
	width: 174px;
}

#home.landing #customcontent div.btn-donate  a { padding-top: 59px; }

#home.landing #customcontent div.btn-fairdon  a { padding-top: 50px; }

#home.landing #customcontent div.btn-english { top: 515px; left: 155px; }
#home.landing #customcontent div.btn-french  { top: 515px; left: 613px; }
#home.landing #customcontent div.btn-donate { top: 576px; left: 155px; }
#home.landing #customcontent div.btn-fairdon { top: 576px; left: 613px; }

#home.landing #customcontent div.btn-english a { background-image: url(/download/gallery/img/btnwelcome); }
#home.landing #customcontent div.btn-french  a { background-image: url(/download/gallery/img/btnbienven); }
#home.landing #customcontent div.btn-donate  a { background-image: url(/download/gallery/img/btndonatee); }
#home.landing #customcontent div.btn-fairdon a { background-image: url(/download/gallery/img/btndonatef); }


/* PALETTE
=============================================== */

body {
	background: #86caf1 url(../img/body.gif) 0 27px repeat-x;
	color: #757575;
	font-family: Arial;
}

#page          { background: url(../img/clouds-top.jpg) 50% 0 no-repeat; }

#header        { background: url(../img/rnd-page-top.png) 0 0 no-repeat; }

#main          { background: #fff url(../img/rainbow.jpg) 50% 25px no-repeat; }

#content       { background: url(../img/rnd-page-btm.gif) 0 100% no-repeat; }

#content-inner { background: none;}

#navigation    { background: #d8b035 url(../img/nav-top.gif) 0 0 no-repeat; }

#primarynav    { background: url(../img/nav-btm.gif) 0 100% no-repeat; }

#footer        { background: url(../img/clouds-btm.png) 50% 100% no-repeat; }

#footer        {_background: none; } /* IE 6 NO PNG */

#footer-inner  { background: url(../img/footer-top.gif) 0 0 no-repeat; }

#footer-custom { background: url(../img/footer-btm.gif) 0 100% no-repeat; }



/* LAYOUT
=============================================== */

.headerNoButton{
    display:none;
}

#wa-programs .headerNoButton{
    display:block;
    height: 103px;
    margin-left: 150px;
    position: absolute; top: 95px;
    width: 775px;
}

#wa-programs .header-links{
    display:none;
}

#header { padding-top: 8px; }

#header-inner { height: 140px; position: static; }

#page {	padding-top: 42px; }

#header, #main, #footer-inner {
	margin: 0 auto;
	width: 980px;
}

#content { padding: 18px 0 10px; }

#navigation { margin-left: 10px; margin-right: 10px; }

#content-inner { margin-left: 20px; margin-right: 20px; }

#footer { padding-bottom: 4em; }

#footer-inner { padding-top: 26px; }

#footer-custom {
	height: auto !important;
	height: 1%;
	overflow: auto;
	padding: 0 10px;
}


/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */

#poweredby { display: none; } /* hide chicklet */

/* FOOTER CUSTOM CONTENT
=============================================== */

#footer-custom * { color: #fff; }

#footer-custom li a {
	font-weight: bold;
}

#footer-custom p {
	font-size: 13px;
	margin-bottom: 10px;
}

#footer-custom .copyright h4 {
	float: left;
	font-size: 10px;
	margin-right: 10px;
}

#footer-custom .copyright p {
	border-left: 1px dashed #efefef;	
	margin-left: 160px;
	padding-left: 15px;
}


/* SIGN IN
=============================================== */

#comsignin { border-width: 0; }


/* SEARCH BAR
=============================================== */

#search-keyword {
	top: 190px; right: auto;
	margin-left: 760px;
}

#search-keyword form div.buttons input {
	background: url(../img/magnifyer.png) 0 0 no-repeat;
	border-width: 0;
	color: #fff;
	cursor: pointer;
	font-size: 0.1px;
	height: 24px;
	padding: 1px 0 3px;
	width: 22px;
}

#search-keyword span.text, #search-keyword-2 span.text { margin-right: 8px; }

span.text input { width: 140px; }


/* LOGO/TAGLINE
=============================================== */

#logo {
	/*background: url(../img/header-slogan.gif) 260px 30px no-repeat;*/
	padding: 1px 0 0 16px;
}

#logo a {
	background: url(../img/logo.gif) 0 0 no-repeat;
	display: block;
	height: 0px;
	overflow: hidden;
	padding: 131px 0 0;
	width: 108px;
}

/* NEW BANNER
============================================= */
.bannerTextContainer{
	padding-top:26px;
	position:absolute;
	z-index:2;	
}

.bannerTextContainer a{
	color:#FFF;
}

.bannerTextContainer a h1{
	text-decoration: none;
}

.bannerTextLeft{
	margin-right:23px;
	padding-left:18px;	
}

.bannerTextLeft,
.bannerTextRight{
	float:left;	
	width:288px;	
}

.bannerTextContainer{
	color:#FFF;
}

.bannerTextContainer h1{
	color:#FFFFFF;
	font-size:24px;
}

/* PRIMARYNAV
=============================================== */

#primarynav ul {
	height: 64px;
	overflow: hidden;
	margin-right: 190px;
}

#primarynav li {
	background: url(../img/nav-seperator.gif) 0 11px transparent no-repeat;
	display:inline;
	float: left;
}

#primarynav a {
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 7px 13px;
}

#primarynav a:hover { text-decoration: none; }

#primarynav a         { color: #fff; }
#primarynav a:hover   { color: #97720d; }
#primarynav li.here a { color: #97720d; }

#primarynav li.home { display: none; }

#primarynav li.first { background: none; }

/* CUSTOM NAV: Each menu has a specific width */


#nav-bienvenue { background: none !important; }
#nav-welcome { background: none !important; }
#nav-welcome   a { padding-left: 20px !important; padding-right: 20px !important; }	
#nav-programs  a { padding-left: 21px !important; padding-right: 21px !important; }
#nav-reasons   a { padding-left: 21px !important; padding-right: 20px !important; }
#nav-blogs     a { padding-left: 28px !important; padding-right: 29px !important; }
#nav-membre    a { padding-left: 16px !important; padding-right: 16px !important; }
#nav-fondation  a { padding-left: 21px !important; padding-right: 22px !important; }
#nav-programmes a { padding-left: 18px !important; padding-right: 19px !important; }

.footer-navigation {
	height: 32px;
	position: absolute; 
	top: 218px;
	width:800px;
}

.footer-navigation a { text-align: center; }

.nav01 { width: 75px; }
.nav02 { width: 130px; }
.nav03 { width: 180px; }
.nav04 { width: 140px; }
.nav05 { width: 205px; }

div.footer-navigation ul { margin-bottom: 0; height: 32px; }

#footer .footer-navigation li {
	background: url(../img/nav-seperator.gif) 0 11px transparent no-repeat;
	display:inline;
	float: left;
	margin-bottom: 0;
}

#footer-custom .footer-navigation li a {
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 7px 13px;
}

#footer .footer-navigation li a:hover {
	color: #97720d;
	text-decoration: none;
}

#forums #nav-forums a,
#forums #nav-discussions a,
#members #nav-members a,
#members #nav-membre a,
#wa-welcome #nav-welcome a,
#wa-bienvenue #nav-bienvenue a,
#wa-foundation #nav-foundation a,
#wa-fondation #nav-fondation a,
#wa-programs #nav-programs a,
#wa-programmes #nav-programmes a
{
	color: #97720d;
}


/*--------------------------------------------- */
/*            >>> APPLICATIONS <<<              */
/*--------------------------------------------- */


/* Gallery
=============================================== */

#gallery-list li { width: 188px; }


/* Page Title
=============================================== */

#content-head h1, #breadcrumb {
	display: none;
}
#content { padding-top: 0; }

/* Containers
=============================================== */

.container_16 {	width: 960px; }


/* Grid >> Global
=============================================== */

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5,
.grid_6, .grid_7, .grid_8, .grid_9, .grid_10, 
.grid_11, .grid_12, .grid_13,
.grid_14, .grid_15, .grid_16,
.grid_a 
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}


/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
=============================================== */

.alpha { margin-left: 0; }
.omega { margin-right: 0; }


/* =Grid >> 16 Columns
=============================================== */

.grid_1  { width: 40px; }
.grid_2  { width: 100px; }
.grid_3  { width: 160px; }
.grid_4  { width: 220px; }
.grid_5  { width: 280px; }
.grid_6  { width: 340px; }
.grid_7  { width: 400px; }
.grid_8  { width: 460px; }
.grid_9  { width: 520px; }
.grid_10 { width: 580px; }
.grid_11 { width: 640px; }
.grid_12 { width: 700px; }
.grid_13 { width: 760px; }
.grid_14 { width: 820px; }
.grid_15 { width: 880px; }
.grid_16 { width: 940px; }

.grid_a { width: 300px; } /* CUSTOM GRID */

/* MUNICIPALITY SIGNUP */
.municpalCard{
width:767px;
margin:0 auto;
}
/*--------------------------------------------- */
/*                >>> WYSIWYG <<<               */
/*--------------------------------------------- */

.mceItemVisualAid { border: 0; }

.mceItemVisualAid .alpha.mceItemVisualAid { margin-left: 0; margin-right: 8px; }
.mceItemVisualAid .omega.mceItemVisualAid { margin-left: 8px; margin-right: 0; }

.grid_3.mceItemVisualAid,
.grid_4.mceItemVisualAid, 
.grid_5.mceItemVisualAid,
.grid_6.mceItemVisualAid,
.grid_7.mceItemVisualAid,
.grid_8.mceItemVisualAid,
.grid_9.mceItemVisualAid,
.grid_10.mceItemVisualAid,
.grid_11.mceItemVisualAid,
.grid_12.mceItemVisualAid,
.grid_13.mceItemVisualAid
.grid_14.mceItemVisualAid,
.grid_15.mceItemVisualAid,
.grid_16.mceItemVisualAid { border: 1px dashed #ccc; margin-left: 5px; margin-right: 5px; }

/*--------------------------------------------- */
/*        >>> TINYMCE EDIT CODE (IE) <<<        */
/*--------------------------------------------- */

#tinymce .dsfBoxTop, #tinymce .dsfBoxBtm { height: 14px; }

.mceItemVisualAid { border: 0; }

#tinymce .alpha.mceItemVisualAid { margin-left: 0; }
#tinymce .omega.mceItemVisualAid { margin-right: 0; }

#tinymce .grid_3,
#tinymce .grid_4,
#tinymce .grid_5,
#tinymce .grid_6,
#tinymce .grid_7,
#tinymce .grid_8,
#tinymce .grid_9,
#tinymce .grid_10,
#tinymce .grid_11,
#tinymce .grid_12,
#tinymce .grid_13,
#tinymce .grid_14,
#tinymce .grid_15,
#tinymce .grid_16 { margin-left: 5px; margin-right: 5px; }

.mceContentBody {
	padding: 2px !important;
}


/*--------------------------------------------- */
/*        >>> DEV CONVERTING CODE <<<           */
/*--------------------------------------------- */


.dsfBox .dsfBoxTop                { background-image: url(/download/gallery/img/crnrtoplpn); }
.dsfBoxTop div                    { background-image: url(/download/gallery/img/crnrtoprpn); }
.dsfBox .dsfBoxBtm                { background-image: url(/download/gallery/img/crnrbtmlpn); }
.dsfBoxBtm div                    { background-image: url(/download/gallery/img/crnrbtmrpn); }
.donateBox .dsfBox .dsfBoxTop     { background-image: url(/download/gallery/img/crnrtlwhit); }
.donateBox .dsfBox .dsfBoxTop div { background-image: url(/download/gallery/img/crnrtrwhit); }
.donateBox .dsfBox .dsfBoxBtm     { background-image: url(/download/gallery/img/crnrblwhit); }
.donateBox .dsfBox .dsfBoxBtm div { background-image: url(/download/gallery/img/crnrbrwhit); }
.donateBox h3                     { background-image: url(/download/gallery/img/leafgif);}
.discussionFeed li.rss-item       { background-image: url(/download/gallery/img/bubledialg); }
.donateBox a                      { background-image: url(/download/gallery/img/btnbluegif); }
.infoBox                          { background-image: url(/download/gallery/img/1pxredgif); }
.sideNav li li                    { background-image: url(/download/gallery/img/dashbrowng); }
.sideNav li.here li.here          { background-image: url(/download/gallery/img/dashgreygi); }
a.link-more                       { background-image: url(/download/gallery/img/arrowbeige); }
.discussionFeed li.rss-item       { background-image: url(/download/gallery/img/bubledialg); }
body                              { background-image: url(/download/gallery/img/bodygif); }
#page                             { background-image: url(/download/gallery/img/cloudstopj); }
#header                           { background-image: url(/download/gallery/img/rndpagetop); }
#header-inner                     { background: #fff; }
#main                             { background-image: url(/download/gallery/img/rainbowjpg); }
#content                          { background-image: url(/download/gallery/img/rndpagebtm); }
#content-inner                    { background-image: none;}
#navigation                       { background-image: url(/download/gallery/img/navtopgif); }
#primarynav                       { background-image: url(/download/gallery/img/navbtmgif); }
#footer                           { background-image: url(/download/gallery/img/cloudsbtmp); }
#footer                           {_background-image: none; }
#footer-inner                     { background-image: url(/download/gallery/img/footertopg); }
#footer-custom                    { background-image: url(/download/gallery/img/footerbtmg); }
#search-keyword form div.buttons input { background-image: url(/download/gallery/img/magnifyerp); }
/*#logo                             { background-image: url(/download/gallery/img/headerslog); }*/
#logo a                           { background-image: url(/download/gallery/img/logogif); }
#primarynav li                    { background-image: url(/download/gallery/img/navseperat); }
#primarynav li.first              { background-image: none; }
#footer .footer-navigation li     { background-image: url(/download/gallery/img/navseperat); }

/* FOOTER CONTENT */
#related, #donors {
	background: #fff url(/download/gallery/img/leftcorner) 0 0 no-repeat;
	margin-bottom: 1em;
}
#related {
	margin: 0 auto;
	width: 450px;
}
#related ul, #donors ul {
	background: url(/download/gallery/img/rightcorne) 100% 0 no-repeat;
	height: auto !important;
	height: 1%;
	overflow: auto;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
}
#donors li, #related li {
	float: left;
	list-style: none;
}
#donors li {
	margin: 0 22px;
}
#related li {
	margin: 0 20px;
}
#donors a, #related a {
	background: 0 0 no-repeat;
	display: block;
	padding-top: 76px;
	height: 0px;
	overflow: hidden;
}
#donors a {
	width: 90px;
}

#sponsorBell a   { background-image: url(/download/gallery/img/footlogo5g); }
#sponsorGm a     { background-image: url(/download/gallery/img/footlogo6g); }
#sponsorBay a    { background-image: url(/download/gallery/img/footlogo7g); }
#sponsorMac a    { background-image: url(/download/gallery/img/footlogo8g); }
#sponsorPetro a  { background-image: url(/download/gallery/img/footlogo9g); }
#sponsorRbc a    { background-image: url(/download/gallery/img/footlogo10); }
#sponsorRona a   { background-image: url(/download/gallery/img/footlogo11); }

#linkOlympic a   {  background-image: url(/download/gallery/img/footlogo1g); width: 70px; }
#linkVancouver a {  background-image: url(/download/gallery/img/footlogo2g); width: 116px; }
#linkCommittee a {  background-image: url(/download/gallery/img/footlogo3g); width: 42px; }
#linkLondon a    {  background-image: url(/download/gallery/img/footlogo4g); width: 43px; }

/* 
Apr 17: Addition: Andrew Lawton 
Added Class for email sample
*/
.emailSampleEnglish,
.emailSampleBilingual
{
    clear:both;
    padding: 10px; 
    height:380px;
    overflow-y:scroll;
}

.emailSampleEnglish hr,
.emailSampleBilingual hr{
    display:block;
}

.emailSample li{
   padding-left:5px;
   list-style-position:inside;
   list-style-type:disc;
}

/*
Custom App - Municipal Search
*/
#ps-municipality select{
	width:158px;
	font-size:11px;
}

/*
Custom Apps - Countdown to the games
*/
.countdown-en{
	background: url(/download/gallery/imgnewen/countdwnhm) right 0 no-repeat;
}

.countdown-fr{
	background: url(/download/gallery/imgnewfr/countdwnhm) right 0 no-repeat;
}

.app-countdown{
	height:44px;			
	margin-top:10px;
}

.app-countdown span.targetDate{
	display:none;
}

.app-countdown div{
	padding-top:9px;
}

.app-countdown div p{
	float:left;
	font-size:33px;
	margin-bottom:0;
	color:#6DA9DF;
}

.app-countdown .day{
	margin-right:18px;
	text-align:right;
	width:57px;
}

.app-countdown .hour{
	width:57px;
}

.app-countdown .minute{
	width:41px;
}

/* Challenge Box Customization */

/* Closed CSS */
.tanBox .challenge-content { display:none; }
.tanBox .challenge-toggle .challenge-number { color:#ed2724; }
.tanBox .challenge-toggle h3 { color:#a98b36;  }

/* Open CSS */
.infoBox .challenge-content { display:block; }
.infoBox .challenge-toggle .challenge-number { color:#FFF; }
.infoBox .challenge-toggle h3 { color:#FFF;  }


/* Global CSS */
.challenge-toggle h3 { font-weight:bold; font-size: 14px; }
.challenge-toggle .content-vs { font-weight:normal; }
.challenge-toggle .content-number { padding-right:10px; }
.challenge-content { color:#FFF;  }



/* box.css Overrides */
.box { background-color:#f2edd9; /* SYSTEM CSS OVERRIDE */padding: 0; }

.box-head, .box-head div,  
.box-foot, .box-foot div,
.box-head h1, .box-head h2, .box-head h3,
.box-head h4, .box-head h5, .box-head h6
{
	background: url(http://services.igloocommunities.com/download-noauth/lib/boxes/img/10png) 0 0 no-repeat;
}

.box-head div,
.box-foot div 				{ line-height: 10px; } 

.box-head h1, .box-head h2, .box-head h3,
.box-head h4, .box-head h5, .box-head h6
{
	padding: 5px 10px 0;
}


* html .dsfBox .dsfBoxTop,
* html .dsfBoxTop div,
* html .dsfBox .dsfBoxBtm,
* html .dsfBoxBtm div
{ background-image: none; }

.municipality-choice-full label{
display:inline !important;
}

.municipality-choice-full select{
width:auto !important;
}

.fr #submitMunicipality{
width:158px;
}

.municipality-choice-full #submitMunicipality{
width:175px !important;
}

.ie-select{
	width:auto !important;
}