#map {
   margin-left:130px;
   padding:0;
    width:460px;
   height:460px;
    background:url(/images/map.png) top left no-repeat #fff;
   font-family:arial, helvetica, sans-serif;
    font-size:8pt;
} 

#map li {
    margin:0;
   padding:0;
    list-style:none;
} 
#map li a {
    position:absolute;
    display:block;
	
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
/*  background: url('/images/map/trans.gif') top left no-repeat ; */
} 
#map li a span { display:none !important; } 
#map li a:hover span {
    position:relative;
    display:block;
    width:170px;
    left:20px;
    top:-80px;
   padding:10px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=80);
    opacity:0.8;
	z-index:99;
} 
#map li a.vanisle1:hover span {
	position:relative;
    display:block;
    width:350px;
     left:195px;
    top:-300px;
  /* padding:10px; */
   padding-top:300px;
    border:1px solid #000;
    background:#fff url('/images/map/victoria.png');
	background-repeat:no-repeat;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=100);
    opacity:1;
	z-index:99; 
   
} 
#map li a.vanisle2:hover span {
 position:relative;
    display:block;
    width:350px;
   left:170px;
    top:-335px;
  /* padding:10px; */
   padding-top:300px;
    border:1px solid #000;
    background:#fff url('/images/map/victoria.png');
	background-repeat:no-repeat;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=100);
    opacity:1;
	z-index:99; 
} 
#map li a.vanisle3:hover span {
   position:relative;
    display:block;
    width:350px;
     left:160px;
    top:-370px;
  /* padding:10px; */
   padding-top:300px;
    border:1px solid #000;
    background:#fff url('/images/map/victoria.png');
	background-repeat:no-repeat;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=100);
    opacity:1;
	z-index:99; 

} 

#map li a.lowermainland:hover span {
 position:relative;
    display:block;
    width:350px;
   left:135px;
    top:-355px;
  /* padding:10px; */
   padding-top:300px;
    border:1px solid #000;
    background:#fff url('/images/map/surrey.png');
	background-repeat:no-repeat;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=100);
    opacity:1;
	z-index:99; 
} 

#map li a.cawston:hover span {
   
   position:relative;
    display:block;
    width:350px;
    left:85px;
    top:-382px;
  /* padding:10px; */
   padding-top:300px;
    border:1px solid #000;
    background:#fff url('/images/map/similkameen2.jpg');
	background-repeat:no-repeat;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=100);
    opacity:1;
	z-index:99; 

} 

#map li a.oliver:hover span {
   
   position:relative;
    display:block;
    width:350px;
    left:60px;
    top:-385px;
  /* padding:10px; */
   padding-top:300px;
    border:1px solid #000;
    background:#fff url('/images/map/oliver2.jpg');
	background-repeat:no-repeat;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=100);
    opacity:1;
	z-index:99; 

} 
#map li a.oosoyos:hover span {
   
   position:relative;
    display:block;
    width:350px;
    left:70px;
    top:-395px;
  /* padding:10px; */
   padding-top:300px;
    border:1px solid #000;
    background:#fff url('/images/map/oosoyoos.jpg');
	background-repeat:no-repeat;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=100);
    opacity:1;
	z-index:99; 

} 

#map li a.penticton:hover span {
   
   position:relative;
    display:block;
    width:350px;
    left:70px;
    top:-380px;
  /* padding:10px; */
   padding-top:300px;
    border:1px solid #000;
    background:#fff url('/images/map/penticton.jpg');
	background-repeat:no-repeat;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=100);
    opacity:1;
	z-index:99; 

} 


/* links */
#map a.vanisle1 {
  margin-left:60px;
  margin-top:305px;
    width:35px;
    height:35px;
	
}
        
#map a.vanisle2 {
    margin-left:85px;
	margin-top:340px;
    width:30px;
    height:35px;
}
#map a.vanisle3 {
    margin-left:95px;
	margin-top:375px;
    width:30px;
    height:30px;
}
        
#map a.lowermainland {
    margin-left:120px;
	margin-top:360px;
    width:10px;
    height:10px;
}
        
#map a.chilliwack {
    margin-left:135px;
	margin-top:370px;
    width:10px;
    height:10px;
}
        
#map a.hope {
   margin-left:150px;
	margin-top:370px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.kamloops {
   margin-left:160px;
	margin-top:345px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.winfield {
   margin-left:175px;
	margin-top:337px;
    width:10px;
    height:10px;
	z-index:99;
}
#map a.vernon {
   margin-left:190px;
	margin-top:345px;
    width:10px;
    height:10px;
	z-index:99;
}
#map a.keremeos {
   margin-left:175px;
	margin-top:375px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.cawston {
   margin-left:170px;
	margin-top:385px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.oosoyos {
   margin-left:185px;
	margin-top:397px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.oliver {
  margin-left:195px;
	margin-top:387px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.penticton {
   margin-left:185px;
	margin-top:383px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.summerland {
   margin-left:190px;
	margin-top:370px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.peachland {
   margin-left:195px;
	margin-top:360px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.kelowna {
   margin-left:205px;
	margin-top:375px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.narmata {
   margin-left:210px;
	margin-top:390px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.calgary {
   margin-left:300px;
	margin-top:410px;
    width:10px;
    height:10px;
	z-index:99;
} 
#map a.edmonton {
   margin-left:305px;
	margin-top:335px;
    width:10px;
    height:10px;
	z-index:99;
}