@charset "utf-8";
/* css document */

html { height:100%; }
body { height:100%; margin:0; padding:0; background:#f8f8f8; }

div,span,img,table,p,h1,h2,h3,h4,h5,h6,ul,ol { margin:0; padding:0; display:block; position:relative; }
form,input,textarea,select,fieldset,label { margin:0; padding:0; display:block; position:relative; }
body,p,a,h1,h2,h3,h4,h5,h6,li,label,tr,td { font-family:"arial","sans-serif"; }

h1	{ font-size:19px; font-weight:bold; margin-bottom:10px; text-transform:uppercase; }
h2	{ font-size:17px; font-weight:bold; margin-bottom:10px; text-transform:uppercase; }
h3	{ font-size:17px; font-weight:bold; margin-bottom:10px; text-transform:capitalize; }

ul,ol	{ margin-bottom:10px; }
ul li	{ list-style:disc; margin:0 0 0 15px; padding:0; }
ol li	{ list-style:decimal; margin:0 0 0 30px; padding:0; }
p	{ margin-bottom:10px; }
a	{ outline:none; text-decoration:none; }
img { border:none; }

p,a,li,label,span,tr,td { font-size:15px; line-height:21px; }
a:hover	{ text-decoration:underline; }

table { width:auto; height:auto; margin:10px auto 0 auto; padding:0; }
table tr td { width:auto; height:auto; text-align:center; padding:5px 50px; }

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

#wrapper { width:1000px; overflow:hidden; margin:auto; min-height:100%; }
#nav,#header,#header-2,#content,#content-2,#footnote,#footer { width:100%; }

#tabs { height:41px; }
#nav { height:95px; }
#footer { height:100px; }

#content div.header { width:680px; float:left; }

#content div.col { padding-bottom:30px; }
#content div.col.left { width:320px; float:left; }
#content div.col.right { width:680px; float:left; }

#content div.subcol { padding-top:60px; }
#content div.subcol.left { width:420px; float:left; }
#content div.subcol.right { width:260px; float:left; }
#content div.subcol.full { width:946px; float:left; position:relative; left:-295px; }

#content div.subcol.left img { padding:0 10px 20px 0; }
#content div.subcol hr { margin:20px 0; padding:0; clear:both; height:1px; background:none; border:none; }

#content-2 div.col.right img { display:block; padding:0; margin:0 20px 20px 0; clear:both; }
#content div.subcol.right img { display:block; padding:0; margin:0 20px 20px 0; clear:both; }

#footnote div.col { min-height:125px; padding-bottom:10px; }
#footnote div.col.left { width:70%; float:left; }
#footnote div.col.right { width:27%; float:left; padding-right:3%; }

#content-2 div.col { padding-bottom:30px; }
#content-2 div.col.left { width:740px; float:left; }
#content-2 div.col.right { width:260px; float:left; }

#header-2 div.col { padding-bottom:30px; }
#header-2 div.col.left { width:50%; float:left; }
#header-2 div.col.right { width:50%; float:left; }

/*
#header						{ background:#A286A2; }
#header-2 div.col.left		{ background:#128AD1; }
#header-2 div.col.right		{ background:#4BFA38; }
#content div.col.left		{ background:#828264; }
#content div.col.right		{ background:#2BFA12; }
#content div.subcol.left	{ background:#DF3A8C; }
#content div.subcol.right	{ background:#23AB61; }
#content div.subcol.full	{ background:#F4CB2D; }
#content-2 div.col.left		{ background:#A28E39; }
#content-2 div.col.right	{ background:#9BFA59; }
*/

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

#tabs div.tab { width:auto; height:31px; float:right; margin-top:10px; }
#tabs div.tab span.begin { width:31px; height:100%; float:left; }
#tabs div.tab span.mid { width:auto; height:100%; float:left; padding:0 30px 0 20px; }
#tabs div.tab span.end { width:2px; height:100%; float:left; }
#tabs div.tab * { line-height:31px; }
#tabs div.tab:hover * { cursor:pointer; }
#tabs div.tab a:hover { text-decoration:none; }

#nav ul { float:right; margin:35px 30px 0 0; padding:0; height:25px; position:relative; z-index:99; }
#nav ul li { float:left; margin:2px 0; padding:0; height:20px; list-style:none; }
#nav ul li.spc { cursor:default; width:2px; padding:0 10px; }
#nav ul li.btn { cursor:pointer; text-transform:capitalize; }
#nav ul li.btn:hover { border-bottom:2px solid; }
#nav ul li.btn.active { border-bottom:2px solid; }
#nav ul li a { color:#949494; }
#nav ul li a:hover { text-decoration:none; }

#header-2 div.col.left img.trcc { float:left; margin-left:30px; }
#header-2 div.col.left a.logo img { margin:0 0 0 25px; }
#header-2 div.col.right div.trcc { float:right; margin-right:30px; }
#content-2 div.col.left * { margin-left:30px; }
#content-2 div.col.left li { margin-left:15px; }

#footnote div.col.left * { margin:0 0 5px 30px; }
#footnote div.col.left li { margin-left:15px; }
#footnote div.col.left p { padding:0; }
#footnote div.col.left p span.l { display:inline; left:0; margin:0; text-transform:uppercase; }
#footnote div.col.left p span.r { display:inline; left:5px; margin:0; }

#footnote div.col.right { text-align:right; }
#footnote div.col.right img { float:right; margin:6px 0; }
#footnote div.col.right * { clear:both; font-size:12px; line-height:normal; font-weight:normal; margin:0; }
#footnote div.col.right strong * { font-weight:bold; font-size:14px; }

#footer div.foot { height:33px; }
#footer div.foot a.findingyourway { display:block; width:154px; height:24px; float:left; margin:5px 0 0 30px; padding:0; }
#footer div.foot a.facebook { float:right; line-height:normal; margin:7px 30px 0 0; }
#footer div.foot a.friend { float:right; line-height:normal; margin:7px 30px 0 0; }
#footer .mccbc-logo { display:block; padding-left:55px; margin:10px 20px 0 0; float:right; height:45px; line-height:45px; }

div.trcc { width:651px; height:auto; /* margin-bottom:50px; */ } 
div.trcc div.top { width:100%; height:15px; }
div.trcc div.mid { width:auto; height:auto; min-height:141px; padding:0 15px; overflow:hidden; }
div.trcc div.bot { width:100%; height:15px; }
div.trcc div.mid ul { margin-bottom:0; }
div.trcc.small { width:419px; }
div.trcc.small-2 { width:463px; }

#content.full div.trcc { position:relative; top:-20px; left:187px; } 
#content a { color:#0000FF !important; }

div.lrcc { width:276px; height:auto; margin:auto; } 
div.lrcc div.top { width:100%; height:16px; position:absolute; left:0; top:0; z-index:99; }
div.lrcc div.mid { width:100%; height:auto; padding:0; }
div.lrcc div.mid img { width:276px !important; }
div.lrcc div.bot { width:100%; height:23px; background-position:left bottom !important; position:absolute; z-index:99; }
div.lrcc div.background { position:absolute; left:0; top:0; width:276px; height:100%; z-index:98; }

div.rrcc { width:217px; height:auto; margin:0 0 0 20px; clear:both; } 
div.rrcc div.top { width:100%; height:33px; }
div.rrcc div.mid { width:auto; height:auto; min-height:20px; padding:10px 0 0 15px; }
div.rrcc div.bot { width:100%; height:15px; }
div.rrcc div.top * { line-height:33px; margin-left:15px; }
div.rrcc div.mid ul { margin-bottom:0; }

a.logo { display:block; position:relative; z-index:1; }
a.logo img { margin:auto; }
a.addthis { float:right; margin:9px; }

/*
a.threeforone { display:block; margin:25px 0 25px 15px; padding:0; width:220px; height:135px; background:#F00; clear:right; }
a.gov { display:block; width:66px; height:18px; float:right; margin:0 30px 10px 0; clear:right; }
a.vancity { display:block; width:143px; height:46px; float:right; margin:15px 30px 0 0; clear:right; }
a.bcasset { display:block; float:right; margin:20px 30px 0 0; clear:right; }
a.bc { display:block; width:145px; height:50px; float:right; margin:0 30px 10px 0; clear:right; }
p.bc,p.gov,p.ykw { font-size:12px; font-weight:normal; line-height:15px; width:215px; text-align:right; display:block; float:right; margin:0 30px 10px 0; clear:right; }
*/

/*
div.circle.outer { margin:25px 0 25px 95px; padding:0; width:140px; height:140px; clear:right; overflow:hidden; position:relative; }
div.circle.outer[class] { display:table; position:static; }
div.circle.middle { position:absolute; top:50%; }
div.circle.middle[class] { display:table-cell; vertical-align:middle; position:static; }
div.circle.inner { position:relative; top:-50%; width:80%; margin:auto; text-align:center; color:#FFF; font-weight:bold; font-size:15px; }
div.circle.inner[class] { position:static; }
*/

#galleryframe { width:100%; }
#galleryframe h2 { text-align:center; }
#galleryframe div.thumb { float:left; margin:5px; padding:1px; }
#galleryframe div.thumb a { display:block; width:130px; padding:5px; margin:0 !important; background:#DDD; }
#galleryframe div.thumb a:hover { background:#BBB; }
#galleryframe div.thumb a img { display:block; padding:0!important; margin:auto !important; }
#galleryframe #photo { margin:auto; padding:0; }
#galleryframe #photo img { margin:auto; padding:0; }
#galleryframe p.center { text-align:center; }
#galleryframe p.center a { margin:0 5px; background:#DDD; color:#555; padding:5px; font-size:12px; font-weight:normal; }
#galleryframe p.center a:hover { background:#BBB; color:#FFF; text-decoration:none;  }

.headerimageborder { width:464px; height:171px; position:relative; left:30px; }

#search { position:absolute; right:0; top:0; z-index:99; }
#search div.field-holder { width:150px; height:17px; float:right; margin:0 5px 0 0; padding:4px 5px; }
#search input.text { width:150px; height:17px; background:none; margin:0; padding:0; border:none; }
#search input.submit { width:80px; height:25px; float:right; margin:0; padding:0; border:none; cursor:pointer; }

#searchresults { margin:0 0 20px 0; }
#searchresults h2.results { margin:0 0 10px 0; }
#searchresults h2.results span.small { display:inline; font-size:14px; text-transform:lowercase; font-weight:normal; }
#searchresults h2.results span.large { display:inline; font-size:18px; text-transform:uppercase; font-weight:bold; }
#searchresults h3.title { margin:0; padding:0; font-size:14px; font-weight:bold; }
#searchresults h3.title a { color:#555; font-size:16px; } 
#searchresults p.description { margin:0 0 10px 0; padding:0; }
#searchresults div.pager { height:20px; margin-top:20px; }
#searchresults div.pager a { display:block; margin:0; padding:5px; height:20px; line-height:20px; float:left; }
#searchresults div.pager a:hover { background:#323232; color:#c4b695; text-decoration:none; }
#searchresults div.pager span { display:block; margin:0 5px; padding:0; width:2px; text-indent:-999px; height:20px; line-height:20px; float:left; cursor:default; background:#323232; }

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

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; clear:both; height:0; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }