
/*------------------------GENERAL STYLE--------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
}

html {
	font-size:100.01%;
}

body {
	line-height: 1em;
	font-size: 1em;	
	color:#003569;
	background: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	background-image:url(images/background.jpg);
	background-repeat:repeat;
	}

img {
	display:block;
}

table, tr, td {
	padding:0;
	border-collapse: collapse;
}

.clear{
	clear:both;
	}
	
a{
	/*color:#6a594a;
	font-family:"Times New Roman", Times, serif;
	font-size:.9em;
	text-decoration:none;
	font-size:1.1em;*/
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-weight:lighter;
	padding-top:20px;
	text-decoration:none;
	}
	
a:visited{
	/*color:#6a594a;
	font-family:"Times New Roman", Times, serif;
	font-size:.9em;
	text-decoration:none;*/
	
	text-decoration:none;
	color:#FFFFFF;
	}

a:hover{
	text-decoration:none;
	color:#CCCCCC;
	}

.top{
	padding-top:8px;
	}

ul{
	list-style:none;
	}


/*.points{
	list-style:disc;
	}*/
p{
	color:#080101;
	}

h1{
	font-size:1.2em;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-weight:lighter;
	padding:15px 0 0 20px;
	}
	
h2{
	font-size:1.4em;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-weight:bold;
	padding:15px 0 15px 0px;
	line-height:1em;
/*	background-color:#65190e;*/
	}
	
h3{
	font-size:1.1em;
	font-family:"Times New Roman", Times, serif;
	color:#080101;
	font-weight:bold;
	padding:0px 0 10px 10px;
	}

h4{
	font-size:1.2em;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-weight:lighter;
	padding:15px 0 0 12px;
	}
	
label {
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 10px;
}

.CO{
	font-size:1.1em;
	font-family:"Times New Roman", Times, serif;
	color:#080101;
	font-weight:lighter;
	padding:0px 0 0 10px;
	}
	
.CO a, CO a:visited{
	text-decoration:none;
	color:#080101;
	}
	
.CO a:hover{
	text-decoration:none;
	color:#CCCCCC;
	}
/*---------------------containerDiv1---------------------- */

.containerDiv1{
	margin-left:auto;
	margin-right:auto;
	width:883px;
	}
	
.div1{
	color:#FFFFFF;
	background-color:#bf2e19;
	border: solid 10px #402b18;
	padding:8px 0 8px 20px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	}

/*---------------------containerDiv2---------------------- */


.containerDiv2{
	margin:20px 0 0 0;
	}

.containerDiv3{
	background-color:#bf2e19;
	border: solid 10px #402b18;
	background-image:url(images/menu_image.gif);
	background-repeat:repeat-y;
	background-position:20px top;
	}

.column1{
	float:left;
	margin:0 20px 0 20px;
	background-color:#8b2213;
	width:199px;
	}
	
.logo{
	margin:20px 10px 20px 9px;
	}

.column2{
	margin-top:20px;
	float:left;
	width:383px;
	}
	
.popUp { 
	position: absolute; 
	top:50px;
	left:50px;
	text-align: center; 
	padding: 5px; 
	border: 1px solid black; 
	background: white; 
	display:none;
	}
	
.mapbrooks {position:absolute; top:550px; left:215px;}
.mapcalgary {position:absolute; top:555px; left:50px;}
.mapedmonton {position:absolute; top:467px; left:209px;}
.mapfortmcmurray {position:absolute; top:365px; left:220px;}
.mapgp {position:absolute; top:400px; left:15px;}
.maplethbridge {position:absolute; top:587px; left:53px;}
.mapmedihat {position:absolute; top:580px; left:230px;}
.mapreddeer {position:absolute; top:510px; left:30px;}
.maplloydminister {position:absolute; top:507px; left:229px;}
.mapokotoks {position:absolute; top:617px; left:53px;}
.maphigh_river {position:absolute; top:617px; left:199px;}
	
.mainText{
	color:#080101;
	font-family:"Times New Roman", Times, serif;
	font-size:.9em;
	padding-top:10px;
	padding-bottom:20px;
	}
	
	.icons {
		clear:both;
		margin:15px 0 0 0;
		height:43px;
		}
		
		.icons img {
			float:left;
			padding:5px;
			}
			
.legendbox {
	clear:both;
	margin:10px 0 0 0;
	}
	
	.legendicon {
		float:left;
		}
		
	.legendtext {
		float:left;
		width:320px;
		margin-left:15px;
		}

.mainText li{
	color:#080101;
	font-family:"Times New Roman", Times, serif;
	padding:5px 0px 10px 20px;
	font-size:.9em;
	}


.mainText ul{	
	font-size:1.1em;
	list-style:none;
	color:#080101;
	}

.agencyList ul{
	font-size:1.1em;
	list-style:none;
	color:#080101;
	}
	
.mainText li{
	color:#080101;
	font-family:"Times New Roman", Times, serif;
	padding:0px 0px 5px 0px;
	font-size:.9em;
	}	
	
.mainImage{	
	border: solid 10px #402b18;
	position:relative;
	}

.column3{
	margin:20px 0 0 20px;
	float:left;
	width:204px;
	}
	
.column4{
	margin:20px 0 0 20px;
	float:left;
	width:204px;
	}
	
.acknowledgements{
	background-image:url(images/acknowlegdements.jpg);
	background-repeat:no-repeat;
	height:253px;
	}
.map{
	background-image:url(images/map.jpg);
	background-repeat:no-repeat;
	height:74px;
	}	

.textbox2{
	padding:30px 20px  0 20px;
	color:#cbc2ba;
	font-family:"Times New Roman", Times, serif;
	font-size:.8em;
	}
	
.sponsers{
	padding:15px 0 0 20px;
	width:159px;
	}
	
	.sponsers img {
		padding:5px 0 0 0;
		}
	
.click{
	padding:15px 20px  0 20px;
	color:#6a594a;
	font-family:"Times New Roman", Times, serif;
	font-size:.9em;
	}
/*---------------------menu---------------------- */

.menu{
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:199px;
	}

.menu_select{
	background-color:#65190e;
	text-decoration:none;
	color:#FFFFFF;
	}

.menu_select a, .menu_select a:visited{
	background-color:#65190e;
	text-decoration:none;
	display:block;
	padding:2px 40px 3px 10px;
	color:#FFFFFF;
	}

.menu a, .menu a:visited{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding:2px 40px 3px 10px;
	}
	
.menu a:hover{
	background-color:#65190e;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 40px 3px 10px;
	}

/*---------------------containerDiv4---------------------- */

.containerDiv4{
	background-color:#412b18;
	}
	
.bottomnav{
	color:#6a594a;
	font-size:.8em;
	padding-top:5px;
	padding-left:20px;
	
	}

.bottomnav a, battomnav a:visited{
	color:#6a594a;
	text-decoration:none;
	}

.bottomnav a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}

.links{
	border-top:#6a594a 1px solid;
	border-bottom:#6a594a 1px solid;
	padding:20px 0 20px 0;
	}
	
.copyright{
	padding-left:20px;
	color:#6a594a;
	font-size:.7em;
	padding-top:5px;
	float:right;
	}
	
.Designby{
	color:#6a594a;
	font-size:.8em;
	padding:0 0 15px 20px;
	font-family:"Times New Roman", Times, serif;
	}

.Designby p{
	color:#6a594a;
	}

.Designby a:visited{
	color:#6a594a;
	text-decoration:none;
	}

.Designby a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.cities{
	color:#FFFFFF;
	font-size:1em;
	padding:0 8px 0 20px;
	}


.cities a, .cities a:visited{
	color:#FFFFFF;
	text-decoration:none;
	padding-right:20px;
	}
	
.cities a:hover{
	color:#6a594a;
	text-decoration:none;
	}	
	

/*-------------------------table-------------------------*/

.pratitiontable{
	vertical-align:middle;
	width:650px;
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-size:.8em;
	line-height:20px;
	margin-left:20px;
	border: solid 10px #402b18;
	}
	
td{
	padding:5px 10px 5px 10px;
	
	}

tr{
	border:solid #000000 1px;
	background-color:#cc5848;
	}