body {
	text-align:center; 
	background:#BD042D url(../../images/can_bgtile.jpg);
	color:#564b47; 
	padding:0px; 
	margin:23px 0px; 
}

h3.quicklinks{ background:url(../../images/homepage/hdr_quicklinks.gif) no-repeat; height:50px; }
h3.news      { background:url(../../images/homepage/hdr_news.gif)       no-repeat; height:50px; }
h3.village   { background:url(../../images/homepage/hdr_village.gif)    no-repeat; height:50px; margin:10px 0 0 10px; }
h3.natEvents { background:url(../../images/nat_events.gif)              no-repeat; height:50px; }
h3.divEvents { background:url(../../images/div_events.gif)              no-repeat; height:50px; }
h3.pastEvents{ background:url(../../images/whatson/past_events.gif)		no-repeat; height:50px; }
h3.advocacy  { background:url(../../images/advocacy.gif)                no-repeat; height:50px; }
h3.whatson   { background:url(../../images/whatson/whatson.gif)         no-repeat; height:50px; }
h3.what_news { background:url(../../images/whatson/whatson_news.gif)    no-repeat; height:50px; }


label { display:block; font-weight:bold; margin:12px 0 0 0; }
label.inputLabel { display:inline; font-weight:normal; margin:0; }
.textarea-wide { width:500px }

.formTable { border-collapse:separate; border-spacing:3px; }
th.sectionHeading { border-top:1px solid #ccc; background:#f2f2f2; padding:5px; font-size:1.2em; }
hr.formHr { background-color:#ccc; border:0; height:1px; color:#ccc }
div.miscContent{ padding:10px; }
div.results table{margin: 0 10px; border-top:1px solid #999999; }
/* ----------container to center the layout-------- */
#container { text-align:left; margin:0 auto; width:850px; background:#fff; }



/*  -------------------------Banner navigation --------------------------------------- */ 
#topNav {  }
#topNav, #topNav li { margin:0; padding:0; }
#topNav { width:826px; height:120px; background:url(../../images/mainNav2.gif) no-repeat 0px -1px; position:relative; }
#topNav li { margin:0; padding:0; list-style:none; display:block; position:absolute; }
#topNav a { display:block; }
#topNav a span { display:none; }

#topNav1 { left:29px; top:7px; width:86px; height:100px; }
#topNav1 a { height:100px; }
#topNav1 a:hover, #topNav1 a.current { background:url(../../images/mainNav2.gif) -29px -127px no-repeat; }
		
#topNav2 { left:135px; top:7px; width:129px; height:110px; }
#topNav2 a { height:110px; }
#topNav2 a:hover, #topNav2 a.current { background:url(../../images/mainNav2.gif) -135px -127px no-repeat; }
		
#topNav3 { left:290px; top:7px; width:142px; height:110px; }
#topNav3 a { height:110px; }
#topNav3 a:hover, #topNav3 a.current { background:url(../../images/mainNav2.gif) -290px -127px no-repeat; }
		
#topNav4 { left:450px; top:7px; width:120px; height:110px; }
#topNav4 a { height:110px; }
#topNav4 a:hover, #topNav4 a.current { background:url(../../images/mainNav2.gif) -450px -127px no-repeat; }
		
#topNav5 { left:583px; top:7px; width:105px; height:45px; }
#topNav5 a { height:45px; }
#topNav5 a:hover, #topNav5 a.current { background:url(../../images/mainNav2.gif) -583px -127px no-repeat; }
		
#topNav6 { left:643px; top:60px; width:145px; height:45px; }
#topNav6 a { height:45px; }
#topNav6 a:hover, #topNav6 a.current { background:url(../../images/mainNav2.gif) -643px -180px no-repeat; }



/* -------------------- banner for logo --------------------- */
#banner { margin:0 10px; }
#banner img.canTxt{ float:right; margin:12px 0 0 0; }
#banner img.mainlogo{ margin:15px 0px 0 0; padding:0; vertical-align:top; float:left; }
#banner div.search { float:right; text-align:right; margin:10px 0 0 0; width:320px;  }

div.search input, div.search img { vertical-align:middle; }


/* -------------------- outer and inner ---------------------- */
#contentWrapper{ padding:0 12px; clear:both; } 


/* ------------------- LHS Column  +  NAVIGATION ------------- */
div.left { width:180px; margin:0; float:left; }
#leftNav { margin:0; padding:0; }
#leftNav ul { margin:0 0 0 15px; padding:0; }
#leftNav li { list-style-type:none; margin:0; padding:0; display:inline; }
#leftNav li a { text-decoration:none; font-size:12px; font-weight:bold; padding:3px 0 3px 2px; display:block; height:1%; }
#leftNav li li a, #leftNav li li li a { font-weight:normal; font-size:11px; } /* 'unbold' the children! */
#leftNav .current { /*background:#f6f6f6;*/ color:#000; }

#leftNav a { padding:0; margin:0; }
/*#leftNav, #leftNav ul, #leftNav li { margin:0; padding:0; }*/
 

/* ------------------- RHS Column --------------------------*/
div.right { width:182px; margin-left:12px; padding:10px; float:right; background:#DDF6FC; }
/* Hide from Mac IE5 \*/
* html div.right {
	width: 202px;
	w\idth: 182px;
}

div.right img.topLeft { float:left; padding-right:5px; }
div.right p { margin-top:0; }
div.right hr {color:#FFF; background-color:#FFF; border:0; height:1px; } 
/* ie uses color for <hr /> mozilla uses background-color */
div.wider{ width:250px; } /* for rhs with large picture - use in conjunction w/ div.right */



/* ----------------------- Content ------------------------------------*/
div.content{ margin:0px; float:left; width:415px; margin-left:15px; }
div.contentWider{ width:500px; }
div.content640{ width:610px; /*border:1px solid green;*/position:relative; }
img.memberMug{position:absolute; top:10px; right:0;}

/*  ----------------------  Board members   ------------------------*/
div.b_member{ width:400px; padding:5px 10px 10px 10px; }
div.b_member img{ float:left; padding-right:5px; }
div.b_member h6{ display:inline; }


/*  ----------------  footer  ---------------------- */ 
#footer { clear:both; padding:40px 15px 5px 15px; margin:0px; /*border:1px solid green;*/}
#footer ul, #footer li { display:inline; margin:0; padding:0; }
#footer li a { margin-right:15px; }
.floatL{ float:left; }
.floatR{ float:right; }


/*  -------------------- Products -------------------- */
div.products{ padding: 8px 8px 8px 8px; border:1px solid #cdcdcd; margin-bottom:10px; background-color:#d4f2fc; }
div.products h6{display:inline; }
div.products input{ width:69px; background:url(../../images/merchandise/btn_buynow.gif) no-repeat top left; border:none; text-indent:-5000px; }

.productListingImage { float:left; width:180px; }
.productListingText { margin-left:190px; }

div.buttonsDiv{ float:right; margin:5px 0; }

.hdrIndustrie{text-indent:-5000px; background:#d4f2fc url(../../images/merchandise/hdr_industrie.gif) no-repeat top left; height:37px; width:220px; padding-left:0; }
 

/* ------------------  whatson  ------------------- */
div.horizCol{width:620px; padding:5px 0 5px 10px; margin-bottom:15px; float:left; background-color:#d2f3fc; }
	div.horizCol select{width:130px; margin:5px 0; background-color:#FFF; border:0; font-size:0.8em; }
	div.horizCol a {text-decoration:none; }
div.eventDiv {width:150px; float:left; margin-right:10px; }
div.withBG{ background:url(../../images/whatson/whatsonBG.gif) top left repeat-y; }

/* ### FORMS ### */
div.newsAdvo{width:210px; padding:0 0 10px 0; float:left; margin-right:20px; }
	div.newsAdvo p, h4{padding:0; margin:0; }
div.past {width:155px; margin:0 ; padding-left:2px; }
	div.past select{width:135px; margin:10px 0 10px 10px; border:0; background-color:#FFF; font-size:0.8em; }	
div.advoInner{width:140px; padding:0 0 10px 5px; float:left; }
	div.advoInner p, h4{padding:0; margin:0; }


/* ---------- Top rounded corners -- uses Doug Bowman's sliding door technique -------------------- */
.roundtop { background:url(../../images/tr.gif) no-repeat top right; }
.roundtop div { background:url(../../images/tl.gif) no-repeat top left; height:9px; width:9px; }

.roundbottom { background:#fff url(../../images/br.gif) no-repeat bottom right; height:9px; }
.roundbottom div { background: url(../../images/bl.gif) no-repeat bottom left; height:9px; width:9px; }



/*-------------- purchase ---------------- */
tr.altRow { background-color:#eee }

.ErrorText { color:#ff0000; }
.warnText { color:orange; }
.ErrorInput { background-color:#ff0000!important; color:#ffffff!important; }

table.hozTable {  margin-top:5px; }
	table.hozTable th { text-align:left; text-transform:capitalize; border-bottom:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid white; background: #fff;  width: 400px;}
	table.hozTable th.memberCol{width: 150px;} 
	table.hozTable td { border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }
	table.hozTable td.lightblue{ background:#f2fafc;}
	table.hozTable td.darkblue{ background:#e9f8fc}

.articleList, articleList li { list-style-type:none; padding:0; margin:0; }
.articleList p { margin-top:0; }
.articleList h3 { margin-bottom:0; }
.articleList h4 { margin-bottom:4px; }


#galleryThumbs img {
	background:url(../../images/gallery/bkg_thumb.gif) no-repeat;
	margin:0;
	padding:5px 17px 28px 6px;
}


.eventListing { background:#D2F3FC; padding:10px; margin:0 0 10px 0; }
.eventListingItem { width:150px; border-right:1px solid #1CC2E5; vertical-align:top; }
.eventListingItem h4 { margin:0; }

.noRightBorder { border-right:none; }

.bkgNatEvents {
	background-image:url(../../images/nat_events.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding-top:55px;
}
.bkgDivisional{
	background-image:url(../../images/div_events.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding-top:55px;
}
.bkgAdvocacy{
	background-image:url(../../images/whatson/head_advocacy.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding-top:55px;
}
.bkgPastEvents{
	background-image:url(../../images/whatson/head_pastevents.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding-top:55px;
}



input.validation-failed, textarea.validation-failed {
	border:1px solid #FF3300;
	color:#FF3300;
}
input.validation-passed, textarea.validation-passed {
	border:1px solid #00CC00;
	color:#000;
}

.validation-advice {
	margin:5px 0;
	padding:3px 5px;
	background-color:#FF3300;
	color:#FFF;
	font-weight:bold;
}

.custom-advice {
	margin:5px 0;
	padding:5px;
	background-color:#C8AA00;
	color:#FFF;
	font-weight:bold;
}

div#profile{}
div#profile h3,div#profile h4{display:block;clear:both;}