BODY { 
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px; padding: 0px;
	background-color: #181818;
	}

img {
	margin:0px;
	border: 0px none;
}

h1 {
	font-size: 14pt;
}

h2 {
	font-size: 12pt;
}

h3 {
	font-size: 11pt;
}

h4 {
	font-size: 10pt;
}

a {
	text-decoration: none;
}

a:link {
	color: #1D7F78;
	text-decoration: none;
}

a:visited {
	color: #1D7F78;
	text-decoration: none;
}

a:hover {
	color: #5AC4BC;
	text-decoration: underline;
}

a:link img {
    border-color: #1D7F78;
}

a:visited img {
    border-color: #1D7F78;
}

a:hover img{
  	border-color: #5AC4BC;
}

a:link.search img {
    border-color: #5AC4BC;
}

a:link.search {
	color: #5AC4BC; text-decoration: underline;
}

.clear {
	margin: 0px;
	border: 0px none;
	padding: 0px;
}

.btm25 {
	margin: .5em 0px .25em;
	border: 0px none;
	padding: 0px;
}

.tile {
	height: 16px;
	width: 16px;
	background-color:#ffc600;
}

.tilealt {
	height: 16px;
	width: 16px;
	background-color:#00B279;
}

.edgelr {
	height: 16px; width:750px;
	background-color:#ffc600;
	text-align:center;
}

.edgeud {
	width: 16px;
	background-color:#ffc600;
}

.IBanner {
	border: 0px none;
	padding: 0px;
	margin: 0.5em 0px;
}

.IBanner1 {
	Z-INDEX: 100;VISIBILITY: hidden;
	float: right;
	border:0px none;
	padding: 0px;
}

.AltCol {
	width:200px;text-align:center;float:right;
}

a#col2 { color: #182818; }

/*  #col2 > img, p > img { border: 0px none; }

#col2 > div > a > img { border: 2px solid; } */

#col1 > div.menuBar2 a:link { color: #1D7F78; font-weight: normal;}

#col1 > div.menuBar2 a:visited { color: #1D7F78; font-weight: normal;}

#col1 > div.menuBar2 a:hover { color: #ffffff; font-weight: normal;}

#col1 > div.menuBar2 { color: #5AC4BE; font-weight: normal;}*/

#col1 a:link { color: #1D7F78; font-weight: normal;}

#col1 a:visited { color: #1D7F78; font-weight: normal;}

#col1 a:hover { color: #ffffff; font-weight: normal;}

#col1fill > a > img { border: 2px solid; }

#col1fill > img { border: 2px solid #283828; }

#col1fill > a:link > img { border-color: #1D7F78; }

#col1fill > a:visited > img { border-color: #1D7F78; }

#col2 > .IBanner > a > img { border: 2px none; }

#col2 > .IBanner1 > a > img { border: 2px none; }

#col2 > .IBanner1 > a > img { border: 2px none; }

#col2 > p { background-color: transparent; }

#ACA > img { border: 2px solid; }

#ACB > img { border: 2px solid; }

div.barlink, span.barlink {
	color: #f7f7f7;
}
div.barlink a:link, span.barlink a:link, div.barlink a:visited, span.barlink a:visited {
	color: #efefef;
	text-decoration: none;
}

div.thepoint {
	height: 100%; width:940px;
	background-color: #000000;
	color: #000000;
	/* height: 100%; width:750px; */
}

div.thepoint2 {
	width:708px; padding:6px;
	background-color: #ffffff;
	color: #001000;
	/* 	width: 572px; margin: 4px 4px 4px 6px; */	
}

/* harmonize with #col2 *** */
div.thepoint2 * img {
	margin: 4px;
}

div.banner {
	margin:0px;
	border: 0px none;
	padding: 0px;
	display: inline;
	background-color: #000000;
}

div.darkmenul {
	background-color:#000000;
    color: #5AC4BE;
	text-align:center;
	width:220px; height:100%; background-repeat: no-repeat; background-position: top left;background-image:url('/loklimages/lokl/bg/loklsideA.png')
}

div.lightmenul {
	background-color: transparent;
	color: #000000;
	text-align:center;
	width:220px; height:100%; background-repeat: no-repeat; background-position: top left;
}

.subcol {
	text-align: left;
	font-size: 8pt;
	margin: 1em 2px 1em 4px;
}

.subcolcentre {
	text-align: center;
	font-size: 8pt;
	margin: 1em 2px 1em 4px;
}

.fieldlabel1{
  text-align:right; font-size:8pt; font-weight:bold; width:200px; position:relative; float:left; padding:0px 0.5em 2px 0.5em;
}
.fieldlabel2{
  text-align:right; font-size:8pt; font-weight:bold; width:100px; position:relative; float:left; padding: 0px 0.5em 2px 0.5em;
}
.fieldlabel3{
  text-align:right; font-size:8pt; font-weight:bold; width:65px; position:relative; float:left; padding: 0px 0.5em 2px 0.5em;
}
.fieldlabel4{
  text-align:right; font-size:8pt; font-weight:bold; width:50px; position:relative; float:left; padding: 0px 0.5em 2px 0.5em;
}
.fieldlabel5{
  text-align:right; font-size:8pt; font-weight:bold; position:relative; float:left; padding: 0px 0.5em 2px 0.5em;
}
.field1{
  text-align:left; font-size:8pt; width:600px; position:relative; float:left;
}
.field2{
  text-align:left; font-size:8pt; width:200px; position:relative; float:left;
}
.field3{
  text-align:left; font-size:8pt; width:100px; position:relative; float:left;
}
.field4{
  text-align:left; font-size:8pt; position:relative; float:left;
}
.dfield1{
  background-color: #f7f7f7; border-color: #efefef; width:300px; float:left; margin:0px 2px 2px 2px;
}
.dfield2{
  background-color: #f7f7f7; border-color: #efefef; width:150px; float:left; margin:0px 2px 2px 2px;
}
.dfield3{
  background-color: #f7f7f7; border-color: #efefef; width:100px; float:left; margin:0px 2px 2px 2px;
}
.dfield4{
  background-color: #f7f7f7; border-color: #efefef; width:75px; float:left; margin:0px 2px 2px 2px;
}
.dfield5{
  background-color: #f7f7f7; border-color: #efefef; float:left; margin:0px 2px 2px 2px;
}
.dfield6{
  background-color: #f7f7f7; border:0px none;
}
.dfield7{
  background-color: #efefef; border:0px none;
}
.dfield8{
  background-color: #e7e7e7; border:0px none;
}
.dfield9{
  background-color: #dfdfdf; border:0px none;
}
.dfield10{
  background-color: #e7e7e7; border:0px none;
}
.dfield11{
  background-color: #efefef; border-color: #e7e7e7; width:500px; float:left; margin:0px 2px 2px 2px;
}
.dfield12{
  background-color: #f7f7f7; border-color: #efefef; margin:0px 2px 2px 2px;
}

.clrc{
	border: 0px none;
	text-align: center;
	padding: 0px;
}

.clearinv{
	border:0px none;
	color: #ffffff;
	padding: 0px;
}

.clearback{
	border:0px none;
	color: #e7e7e7;
	padding: 0px;
}

.clrcinv{
	border:0px none;
	text-align: center;
	color: #ffffff;
	padding: 0px;
}

.light{
	color: #5AC4BE;
	padding:0px;
	background-color: #ffffff;
}

.light50{
	color: #2B2809;
	filter:alpha(opacity=50);
	opacity: 0.50;
}

.light75{
	color: #2B2809;
	filter:alpha(opacity=75);
	opacity: 0.75;
}

.light2{
	color: #ffffff;
	padding:0px;
	background-color: transparent;
}

.dark{
	color: #001000;
	padding:0px;
	background-color: transparent;
}

.AttrFrame {
	background-color:#000000;
	border:3px solid #1D7F78;
	padding: 0px;
	}

.lighttext {
  color: #ffffff;
}

div.lighttext a:link, span.lighttext a:link {
	color: #1a847e;
}

div.lighttext a:visited, span.lighttext a:visited {
	color: #3aa49e;
}

.lighttext2 {
  color: #5AC4BE;
}

.desc{
	color: #2B2809;
	padding:0px;margin:0px;border:0px none;
	font-size: 10px;
}

.address{
	color: #2B2809;
	padding:0px;margin:0px;border:0px none;
	font-size: 11px;
}

.attrib{
	color: #5AC4BE;
	padding:0px;margin:0px;border:0px none;
	font-size: 9px;
}

div.dirA a:link, div.dirA a:visited, div.dirA {
	color: #107F77; font-size:15pt; text-decoration: none; font-weight: bold; margin: .5em 0px;
}

div.dirB a:link, div.dirB a:visited, div.dirB, span.dirB a:link, span.dirB a:visited, span.dirB {
	color: #215F5B; font-size:11pt; font-style:italic; text-decoration: none; font-weight: bold;
}

.member{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 112%;
}

div.CRight{
	font-size: 9px;
	border-left: 1.5px outset #000000; border-top: 1.5px outset #000000;
	background-color: transparent;
	color: #5AC4BE;
	padding: 2px;
	margin: 0px;
	text-align: left;
	}
	
div.CRightComp{
	font-size: 8.5px;
	color: #001000;
	background-color: transparent;
	margin: 0px 4px;
	}
	
div.CRight a:link {
	font-weight:normal;
	color:#1D7F78;
	}
	
div.CRight a:visited {
	font-weight:normal;
	color:#1D7F78;
	}
 		
.gob1 {
	background-color:#e7e7e7;
	color:#5AC4BE;
	width:30px;
	border:2px outset;
	}
	
.search1 {	
	background-color: transparent;
	color:#9FA939;
	}

.subnav{ 
	margin-left:-7px;
  	margin-top: 14px;
	position: absolute;
}

.mask50{
	background-color: #5AC4BE;
	filter:alpha(opacity=50);
	opacity: 0.50;
}

.mask75{
	background-color: #5AC4BE;
	filter:alpha(opacity=75);
	opacity: 0.75;
}

.mask85{
	background-color: #5AC4BE;
	filter:alpha(opacity=85);
	opacity: 0.85;
}

.mask90{
	background-color: #5AC4BE;
	filter:alpha(opacity=90);
	opacity: 0.9;
}

.mask95{
	background-color: #5AC4BE;
	filter:alpha(opacity=95);
	opacity: 0.95;
}

div.altLink a:link {
	color:#4ab4ae;
	}
	
div.altLink a:visited {
	color:#3aa49e;
	}

.Calligraphy {
	font-family: Lucida Calligraphy, Brush Script, sans-serif;
}

.Impact {
	font-family: Impact, sans-serif;
}

.bright {
	color: #ffc600;
}

.inverted {
	color: #ffffff;
	background-color: #4ab4ae;
}

.invertededged {
	color: #ffffff;
	background-color: #4ab4ae;
	border: 2px solid #5AC4BE;
	border-top: 2px solid #4ab4ae;
	border-left: 2px solid #4ab4ae;
}

.f16 { font-size:16pt; }
.f15 { font-size:15pt; }
.f14 { font-size:14pt; }
.f13 { font-size:13pt; }
.f12 { font-size:12pt; }
.f11 { font-size:11pt; }
.f10 { font-size:10pt; }
.f9 { font-size:9pt; }
.f8 { font-size:8pt; }
.f7 { font-size:7pt; }
.f10px { font-size:10px; }

.bold { font-weight: bold; }

div.inverted a:link, div.inverted a:visited, span.inverted a:link, span.inverted a:visited {
	color: #ffc600;
}

.leftcol {
	width: 220px;
	height: 100%;
	float: left;
}

.o1 { filter:alpha(opacity=10); opacity: 0.10; }
.o2 { filter:alpha(opacity=20); opacity: 0.20; }
.o3 { filter:alpha(opacity=30); opacity: 0.30; }
.o4 { filter:alpha(opacity=40); opacity: 0.40; }
.o5 { filter:alpha(opacity=50); opacity: 0.50; }
.o6 { filter:alpha(opacity=60); opacity: 0.60; }
.o7 { filter:alpha(opacity=70); opacity: 0.70; }
.o8 { filter:alpha(opacity=80); opacity: 0.80; }
.o9 { filter:alpha(opacity=90); opacity: 0.90; }

.gy10 { background-color: #191919; }
.gy20 { background-color: #333333; }
.gy30 { background-color: #4C4C4C; }
.gy40 { background-color: #666666; }
.gy50 { background-color: #808080; }
.gy60 { background-color: #999999; }
.gy70 { background-color: #B3B3B3; }
.gy80 { background-color: #CCCCCC; }
.gy90 { background-color: #E6E6E6; }

.global {
	background-image: url('/loklimages/lokl/bg/loklbtnglwA.png');
}

.globalB {
	background-image: url('/loklimages/lokl/bg/loklbtnglwB.png');
}

.global2 {
	background-image: url('/loklimages/lokl/bg/loklbtnglwA2.png');
}

.globalB2 {
	background-image: url('/loklimages/lokl/bg/loklbtnglwB2.png');
}

.gosearch {
	background-image: url('/loklimages/lokl/bg/loklsearch.png');
}

.bgnoRCC {
	background-repeat: no-repeat;
	background-position: center center;
}

.h2em {
	height: 2em;
}

.h3em {
	height: 3em;
}

.h4em {
	height: 4em;
}

.lh1em {
	line-height: 1em;
}

.lh15em {
	line-height: 1.5em;
}

.lh2em {
	line-height: 2em;
}

.lh25em {
	line-height: 2.5em;
}

.lh3em {
	line-height: 3em;
}

.lh4em {
	line-height: 4em;
}

.pad0em {
	padding: 0em;
}

.pad05em0em {
	padding: .5em 0em;
}

.pad1em0em {
	padding: 1em 0em;
}

.pad1em0em15em {
	padding: 1em 0em 1.5em;
}

.marg05em0em {
	margin: .5em 0em;
}

.marg0em025em {
	margin: 0em .25em;
}

.marg0em05em {
	margin: 0em .5em;
}

.marg0em1em {
	margin: 0em 1em;
}

.marg0em2em {
	margin: 0em 2em;
}

.marg0em3em {
	margin: 0em 3em;
}

.marg0em4em {
	margin: 0em 4em;
}

.marg075em0em {
	margin: .75em 0em;
}

.marg1em {
	margin: 1em;
}


.marg1em0em {
	margin: 1em 0em;
}

.marg1em2em {
	margin: 1em 2em;
}

.marg1em2em0em {
	margin: 1em 2em 0em;
}

.marg2em {
	margin: 2em;
}


.marg2em0em {
	margin: 2em 0em;
}

.marg2em1em {
	margin: 2em 1em;
}

.marg2em15em {
	margin: 2em 1.5em;
}

.BaseA {
	color: #5AC4BE;
}

.BaseAtransA {
	color: #4ab4ae;
}

.BaseAtransB {
	color: #3aa49e;
}

.BaseAtransC {
	color: #1a847e;
}

.BaseB {
	color: #ffffff;
}

.BaseC {
	color: #000000;
}

.BaseD {
	color: #104040;
}

.BaseE {
	color: #2B2809;
}

.BaseF {
	color: #001000;
}

.BaseG {
	color: #ffc600;
}

.BaseG2 {
	color: #00B279;
}

.BaseA_BaseC { color:#5AC4BE; background-color:#000000; }

.BaseC_BaseA { color:#000000; background-color:#5AC4BE; }

.BaseB_BaseD { color:#ffffff; background-color:#104040; }

.BaseD_BaseB { color:#104040; background-color:#ffffff; }

.BaseG_BaseG2 { color:#ffc600; background-color:#<BaseG2>; }

.BaseG2_BaseG { color:#<BaseG2>; background-color:#ffc600; }

.BaseABGColour {
	background-color: #5AC4BE;
}

.BaseBBGColour {
	background-color: #ffffff;
}

.BaseCBGColour {
	background-color: #000000;
}

.BaseDBGColour {
	background-color: #104040;
}

.BaseEBGColour {
	background-color: #2B2809;
}

.BaseFBGColour {
	background-color: #001000;
}

.BaseGBGColour {
	background-color: #ffc600;
}

.BaseG2BGColour {
	background-color: #00B279;
}

.PrimaryColour {
	color: #5AC4BE;
}

.SecondaryColour {
	color: #C2D82E;
}

.TertiaryColour {
	color: #9FA939;
}

.PrimaryBGColour {
	background-color: #5AC4BE;
}

.SecondaryBGColour {
	background-color: #C2D82E;
}

.TertiaryBGColour {
	background-color: #9FA939;
}

.dartTL {
	background-repeat: no-repeat; background-position: top left; background-image:url('/loklimages/lokl/bg/dartTL000000.png');
}

.dartBR {
	background-repeat: no-repeat; background-position: bottom right; background-image:url('/loklimages/lokl/bg/dartBRFFFFFF.png');
}

.w180px { width: 180px; }
.w190px { width: 190px; }
.w200px { width: 200px; }
.w210px { width: 210px; }
.w220px { width: 240px; }
.w500px { width: 500px; }

.dinline { display: inline; }

.dInline { display: inline; }

.dBlock { display:block; }

.lCase { text-transform:lowercase };
.tCase { text-transform:capitalize };
.uCase { text-transform:uppercase };

.seatosky1 {
	background-color: #2c4a46;
	color: #ffffff;
}

.pemberton1 {
	background-color: ##282828;
	color: #ffffff;
}

.squamish1 {
	background-color: #181818;
	color: #ffffff;
}

.whistler1 {
	background-color: #383838;
	color: #ffffff;
}

.vancouver1 {
	background-color: #383838;
	color: #ffffff;
}

.seatosky2 {
	color: #294939;
}

.pemberton2 {
	color: #002C77;
}

.squamish2 {
	color: #699ac5;
}

.whistler2 {
	color: #EA2839;
}

.vancouver2 {
	color: #294939;
}