@charset "utf-8";
/* CSS Document */

@import url("../../_css/global.css");


/* ============================*/
/* THEME INSTRUCTION */
/* ============================*/
/* Page Styles */
body {
	background-image: url(../_img/interface/bkg_tile.jpg);
	background-repeat: repeat;
}
h1{height: 110px;}
h1 a{
	height:0px !important; 
	height /**/:59px; /* for IE5/Win only */
	background-image: url(../_img/interface/logo_header.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 168px;
	padding: 62px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	top:20px;
	left:55px;
}

/* ============================*/
/* CONTENT AREA */
/* ============================*/
#contentArea{
	width: 831px;
	margin-left: 50px;
}
#contentArea h2{display: none;}


#footer{
	color: #CCC;	
	margin-top: 100px;
}

/* ============================*/
/* INSTRUCTION LISTINGS */
/* ============================*/
#instructionList{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 259px;
	background-image: url(../_img/interface/instruction_listBkg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	z-index: 3;
}
/*\*/ * html #instructionList { background-image: url(../_img/interface/instruction_listBkg.jpg); } /* defend against repeating png background in IE6 */

#instructionList h3{
	height:0px !important;
	height /**/:78px; /* for IE5/Win only */
	background-image: url(../_img/interface/title_kayakSchool.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 168px;
	padding: 78px 0px 0px 0px;
	overflow: hidden;
	position: relative;
	top:10px;
	left:17px;
}
#instructionList h4{
	margin-top: 15px;
	margin-left: 15px;
	font-size: 11px;
	text-transform: uppercase;
	color: #0C0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-right: 30px;
	padding-bottom: 5px;
}
#instructionList h5{
	color: #6C0;
	margin-left: 15px;
	margin-top: 5px;
	margin-right: 15px;
	font-weight: normal;
	font-size: 12px;
}
#instructionList ul{
	color: #999;
	font-size: 11px;
	margin-left: 20px;
	margin-bottom: 15px;
	margin-top: 10px;
}
#instructionList li{
	list-style-type: square;
	margin-left: 10px;
	margin-bottom: 3px;
	position: relative;
}
#instructionList li a:link,
#instructionList li a:visited{
	color: #999;
	text-decoration: none;
}
#instructionList li a:focus,
#instructionList li a:hover{
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

/* ============================*/
/* BREADCRUMBS */
/* ============================*/
#breadcrumb{
	height: 20px;
	padding-top: 0px;
	padding-left: 20px;
	font-size: 11px;
	letter-spacing: 1px;
	color: #CCC;
	position: absolute;
	left: 260px;
	top: 7px;
	z-index: 5;
}

/* ============================*/
/* INTERIOR CONTENT AREA */
/* ============================*/
#contentArea_main{
	background-image: url(../_img/interface/contentArea_mid.png);
	background-repeat: repeat;
	background-position: 0px 17px;
	padding-left: 255px;
	margin-top: 16px;
	position: relative;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 150px;
	color: #FFF;
}
/*\*/ * html #contentArea_main { background-image: url(../_img/interface/contentArea_mid.jpg); } /* defend against repeating png background in IE6 */
#bkg_top{
	background-image: url(../_img/interface/contentArea_top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	width: 831px;
	height: 17px;
	display: block;
	left: 0px;
	top: 0px;
}
#bkg_low{
	background-image: url(../_img/interface/contentArea_low.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 8px;
	width: 831px;
}

/* ============================*/
/* INTERIOR CONTENT AREA */
/* ============================*/
#contentArea_main h4{
	background-image: url(../_img/colors/instruction_greenShadow.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
	letter-spacing: 1px;
	font-size: 18px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 539px;
}

#contentArea_main  h5{
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #FCB525;
}
#contentArea_main p{
	margin-right: 15px;
	margin-left: 20px;
	margin-top: 15px;
	font-size: 12px;
	line-height: 18px;
	width: 310px;
}
#contentArea_main a:link,
#contentArea_main a:visited{
	text-decoration: none;
	color: #6F3;
}
#contentArea_main a:focus,
#contentArea_main a:hover{
	text-decoration: none;
	border-bottom: dotted 1px #6F3;
	color: #6F3;
}
#contentArea_main  ul{
	margin-left: 20px;
}
#contentArea_main  li{
	font-size: 12px;
	margin-left: 20px;
	list-style-type: square;
	width: 300px;
	margin-bottom: 2px;
}

/* ============================*/
/* INTERIOR CONTENT AREA */
/* ============================*/
#header h2{
	display: none;
}
#referenceArea{}
#referenceArea li{
	position: absolute;	
}
#referenceArea li a{
	height: 18px;
	width: 126px;
	float: left;
	background-image: url(../_img/mmItemBkg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	padding-top: 4px;
}



#refPhone{
	height:0px !important;
	height /**/:30px; /* for IE5/Win only */
	padding: 30px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 690px;
	top: 8px;
	width: 159px;
	background-image: url(/_img/headers/toolbarLight/phoneNumber.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refContact{}
#refContact a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 800px;
	top: 40px;
	width: 54px;
	background-image: url(/_img/headers/toolbarLight/contact.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refContact a:hover{background-position: 0px -14px;}

#refLocations{}
#refLocations a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 732px;
	top: 40px;
	width: 68px;
	background-image: url(/_img/headers/toolbarLight/locations.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refLocations a:hover{background-position: 0px -14px;}

#refAboutUs{}
#refAboutUs a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 673px;
	top: 40px;
	width: 59px;
	background-image: url(/_img/headers/toolbarLight/about.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refAboutUs a:hover{background-position: 0px -14px;}

#refResources{}
#refResources a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 610px;
	top: 40px;
	width: 63px;
	background-image: url(/_img/headers/toolbarLight/resources.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refResources a:hover{background-position: 0px -14px;}

#refCalgary{}
#refCalgary a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 146px;
	top: 85px;
	width: 53px;
	background-image: url(/_img/headers/calgary.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refCalgary a:hover{background-position: 0px -14px;}

#refSmithers{}
#refSmithers a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 89px;
	top: 85px;
	width: 55px;
	background-image: url(/_img/headers/smithers.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refSmithers a:hover{background-position: 0px -14px;}



#mmProducts a{
	height:0px !important;
	height /**/:46px; /* for IE5/Win only */
	padding: 46px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 390px;
	top: 65px;
	width: 157px;
	background-image: url(../_img/interface/tab_products.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmInstruction a{
	height:0px !important;
	height /**/:46px; /* for IE5/Win only */
	padding: 46px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 550px;
	top: 65px;
	width: 157px;
	background-image: url(../_img/interface/tab_instruction.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmAdventureTours a{
	height:0px !important;
	height /**/:46px; /* for IE5/Win only */
	padding: 46px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 710px;
	top: 65px;
	width: 157px;
	background-image: url(../_img/interface/tab_tours.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmHome{
	position: absolute;
	left: 0px;
	top: 90px;
	height: 25px;
	width: 50px;
}
#mmResources a{
	height:0px !important;
	height /**/:115px; /* for IE5/Win only */
	padding: 115px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 8px;
	top: 130px;
	width: 43px;
	background-image: url(../_img/interface/tab_resources.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmRentals a{
	height:0px !important;
	height /**/:115px; /* for IE5/Win only */
	padding: 115px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 8px;
	top: 250px;
	width: 43px;
	background-image: url(../_img/interface/tab_rentals.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.instruction_cost{
	margin-left: 20px;	
}
.instruction_gst{
	font-size: 10px;	
}
.instruction_schedule{
	position: absolute;
	top: 255px;
	left: 635px;
}
.instruction_schedule table{
	border: none;
}
.instruction_schedule caption{
	color: #FCB525;
	font-size: 12px;
	text-align: left;
	padding-bottom: 5px;
}
.instruction_schedule tr{}
.instruction_schedule th{
	font-size: 10px;
	text-transform: uppercase;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999
	padding-right: 10px;
	color:  #999;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.instruction_schedule td{
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	padding-right: 10px;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
}