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

/*Keeps admin toolbar visible*/
div#ipb-AdminToolbarPageView {position: absolute; z-index: 100;}
#hiddenName{display: none; visibility: hidden;}


/*General body styles*/
body {margin: 0; padding: 0; background: url(../images/background.jpg) 0 0 repeat;}
	body, td, th, select, input {font: 12px normal Arial, Helvetica, sans-serif;}
h1 {font: bold 30px Georgia, "Times New Roman", Times, serif;}
	h1 span /*used to make smaller "&"*/{font-size: 40px;}
h2 {font: bold 20px Arial, Helvetica, sans-serif; padding: 0; margin: 10px 0;}
h3 {font: bold 16px Arial, Helvetica, sans-serif; padding: 0; margin: 10px 0;}
h4 {font: bold 14px Arial, Helvetica, sans-serif; padding: 0; margin: 10px 0;}
h5 {font: bold 12px Arial, Helvetica, sans-serif; padding: 0; margin: 10px 0;} }
h6 {text-transform: uppercase; font-size: 11px; padding: 0; margin: 0; color: #110744 }

a, a:visited, a:hover {color: #110744}


/***//**//**//**//**//**//**//**//**//**/
/***//**//*GENERAL LAYOUT STYLES*//**//**/
/***//**//**//**//**//**//**//**//**//**/

/*container that holds all template content*/
.maincontain {width: 760px; position: relative; margin: 0 auto;}

/*sub-navigation at the very top of each page*/
.subnav {padding: 0; margin: 2px 0 0 0; display: block; height: 20px; width: 760px; text-align: right; background: #FFFFFF;}
	.subnav a, subnav a:visited, .home_subnav a:visited {color: #000; text-decoration: none;}
	.subnav a:hover {text-decoration: underline;}
	
/*main image - positioning allows other elements to sit 'on top' of it*/
.featureimg {position: absolute; top: 20px;}

/*page header - Banff*/
.header h1 {color: #fff; padding-left: 10px; margin: 20px 0 0 0; font: bold 50px Georgia, "Times New Roman", Times, serif;}

.header h1 a, .header h1 a:visited, .header h1 a:hover {text-decoration:
none; color: #fff}

/*Main Horiztonal Menu*/
.menubar /*transparent white background - positioned behind menu*/ {background: #000; position: absolute; height: 25px; width: 100%; border-top: #c60;}
.menucontain /*container holding menu tag*/ {position: relative; z-index: 20;}
.search /*container positioning search right of menu*/ {position: relative; z-index: 500; float: right;}
	.search .ipf-PageSearch-AdvancedHyperlink /*hides Advanced Search link in pagelet*/ {display: none; visibility: hidden}
.menulevelone /*container for top bar of menu, second and third level pages*/{height: 25px;}
.menuleveltwo /*container for second bar of menu, second and third level pages*/{background: #747f6b; height: 25px;}



/***//**//**//**//**//**//**//**//**//**/
/***//**//**//*HOMEPAGE/**//**//**//**//**/
/***//**//**//**//**//**//**//**//**//**/

/*General positioning for home elements - all are absolutely positioned 'above' the main home pic*/
.home_header, .home_content, .home_footer {position: relative; z-index: 20;}

/*styles Town of Banff header on homepage white; positions*/
.home_header h1 {color: #fff; padding: 10px; margin: 20px 0 0 5px;}
	
/*styling for content at bottom of picture, with gradient*/
.home_content {position: relative; margin: 398px 0 0 0; width: 760px; background: url(../images/home_contentback.gif) 0 0 repeat-x #3366cc; padding: 7px 0 0 0; }
	
	/*Styles table seperating home content into three columns*/
	.home_content .threecol {}
	.home_content .threecol td  /*adds border between cells*/{color: #fff; padding: 0 7px; vertical-align: top; border-right: 2px solid #C3C7D3;}
	.home_content .threecol a {color: #fff}
	.home_content .threecol a:visited {color: #fff}
	.home_content .threecol a:hover {color: #fff}
	.home_content h2 {font: bold 15px Arial, Helvetica, sans-serif; padding: 0; margin: 0;}
	.home_content .threecol td img /*positions images and places border for all pics in this table*/{float: left; border: 1px solid #fff; margin: 0 7px 0 0;}
	.home_content .weather, .weather img /*makes the weather 'cell' not have a right border, and any image in this cell not have a border*/{border: 0 !Important; float: none !Important;}

/*styles homepage footer*/
.home_footer {background: #000; color: #fff; text-align: right; width: 760px; padding: 1px 0; font-size: 10px;}



/***//**//**//**//**//**//**//**//**//**/
/***//**//**//*GENERAL SUBPAGE/**//**//**/
/***//**//**//**//**//**//**//**//**//**/

.subnav {padding: 0; margin: 2px 5px 0 0; display: block; height: 20px; text-align: right; color: #000;}
	.subnav a, .subnav a:visited {color: #000; text-decoration: none;}
	.subnav a:hover {text-decoration: underline;}

.header {position: absolute; z-index: 10; width: 760px;}

/*location line and print, email, bookmark links*/
	
				
		
/***//**//**//*2nd level subpage/**//**//**//**//**/		
		
/*Second level subpage - summary area*/	
.intro {width: 150px; position: absolute; top: 145px; padding: 10px; height: 259px; background: #999999; }
	.intro h2 {font-size: 14pt; color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif;}
	.intro p {padding: 0; margin: 12px 6px 0 0; font-size: 12pt; color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold;}
.filler {width: 150px; /*position: absolute; top: 420px;*/ padding: 10px; background: #999999; float: left; }

.pageinfo {width: 555px;}
	.pageinfo, .pageinfo a, .pageinfo a:visited {color: #000 !Important}
	.pageoptions div a, .pageoptions div a {border-left: 1px solid #000; border-right: 1px solid #000;}
.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:hover {color: #000; text-decoration: underline;}
	
.pageoptions a, .pageoptions a:visited {text-decoration: none; color: #000; display: block; float: right; padding: 0 5px;}
	.pageoptions div {display: inline; }
	.pageoptions div a {border-left: 1px solid #000; border-right: 1px solid #000}

/*Sets position of the how-do-I pagelet between breadcrumb and pageoption*/
.howdoi {position: absolute; top: 424px; left: 350px; padding: 0; background: #ffffff; }

/*Second level content area*/

/*Sets the position and width of the second level content area*/

.level2_content {margin: 395px 0 0 0; width: 760px; z-index: 40;}
	.level2_content .content {margin: 0 0 0 180px;}

.level2_content .pageinfo {margin: 0 0 0 180px; padding: 10px 0;}

.level2_content .threecol {margin: 7px;}
	.level2_content .threecol td {vertical-align: top; padding: 0 10px 0 0; color: #000000;}
		.level2_content a {color: #000000;}
	.level2_content .threecol td p {margin: 0; padding: 0;}
	.level2_content .threecol img {float: left; margin: 0 7px 0 0;}
	.level2_content .threecol .col3 {width: 160px;}
		.level2_content .threecol .col3 ul {padding-top: 0; margin-top: 0;}
.level2_content .threecol h3 {text-transform: none; font-size: 11px; padding: 0; margin: 0; color: #000000 }

.level2_content .twocol {margin: 7px;}
	.level2_content .twocol td {vertical-align: top; padding: 0 10px 0 0; color: #000000;}
		.level2_content a {color: #000000;}
	.level2_content .twocol td p {margin: 0; padding: 0;}
	.level2_content .twocol img {float: left; margin: 0 7px 0 0;}
	.level2_content .twocol .col1 {width: 290px;}
	.level2_content .twocol .col2 {width: 290px;}
	.level2_content .twocol h3 {text-transform: none; font-size: 12px; padding: 0; margin: 0; color: #000000 }

	

/***//**//**//*3rd level subpage/**//**//**//**//**/	

.level3_content {margin: 124px 0 0 0; width: 760px; }
	.level3_content .col2 {margin: 0 0 0 185px; padding: 10px 0 10px 0; width: 540px;}
	
/***//**//**//* Google Search and one-column subpage /**//**//**//**//**/	

.level3_content_onecol {margin: 100px 0 0 0 ; background-color: #FFFFFF; padding: 10px 0px 10px 0px;}
/*	.level3_content_onecol .col2 {margin: 0; padding: 10px 5px 10px 15px;} */

.subpagemenu {width: 170px; height: 100%; float: left; padding: 5px 0; }
	.subpagemenu h3 {display: none; visibility: hidden; color: #fff; padding: 10px 5px 0 10px; font-size: 14px;} 
.subpagemenu h3 a, .subpagemenu h3 a:visited, .subpagemenu h3 a:hover {text-decoration: none; color: #fff}
		/*Activities Titles*/
		.title116 .title_1, .title115 .title_2, .title19 .title_3, .title114 .title_4,
		.title117 .title_5, .title118 .title_6, .title119 .title_7,	.title120 .title_8,
		.title121 .title_9,
		/*Business Titles*/
		.title111 .title_1, .title113 .title_2, .title157 .title_3, .title284 .title_4,
		.title129 .title_5, .title131 .title_6, 
		/*Locals Titles*/
		.title102 .title_1, .title106 .title_2, .title109 .title_3, .title178 .title_4,
		.title153 .title_5, .title107 .title_6, .title110 .title_7,	.title155 .title_8,
		.title156 .title_9,
		/*Media Titles*/
		.title103 .title_1, .title166 .title_2, .title167 .title_3, .title964 .title_4, .title152 .title_5, 
		.title290 .title_6, .title172 .title_7, 
		/*TownHall Titles*/
		.title145 .title_1, .title105 .title_2, .title254 .title_3, .title146 .title_4, .title147 .title_5, .title148 .title_6, .title150 .title_7, .title161 .title_8,	
		/*Visitor Titles*/
		.title82 .title_1, .title123 .title_2, .title932 .title_10, .title18 .title_3, .title83 .title_4,
		.title86 .title_5, .title84 .title_6, .title143 .title_7, .title144 .title_8,	
		.title85 .title_9,
		/*Working Titles*/
		.title95 .title_1, .title98 .title_2, .title99 .title_3, .title100 .title_4, .title158 .title_5, .title97 .title_6, .title101 .title_7 {display: block; visibility: visible;}
	

.level3_content .pageinfo, .level3_content_onecol .pageinfo {position: static !Important;}
.level3_content_onecol .pageinfo {width: 760px;}
	.level3_content .pageinfo, .level3_content .pageinfo a, .level3_content .pageinfo a:visited, .level3_content_onecol .pageinfo a, .level3_content_onecol .pageinfo a:visited { font: 11px normal Arial, Helvetica, sans-serif; color: #000 !Important}
	.level3_content .pageoptions div a, .level3_content_onecol .pageoptions div a {border-left: 1px solid #000; border-right: 1px solid #000;}
	
.footer {text-align: right; background: #000; height: 50px; padding: 5px; color: #fff; clear: both;}
	.footer a, .footer a:visited {color: #fff; text-decoration: none;}
	.footer .logo {float: left; padding: 5px 0 0 5px;}
	.footer .text {margin: 20px 0 0 0;}
		
.footerg {text-align: right; background: #000; height: 50px; padding: 5px; color: #fff; clear: both;}
	.footerg a, .footerg a:visited {color: #fff; text-decoration: none;}
	.footerg .logo {float: left; padding: 5px 0 0 5px;}
	.footerg .text {margin: 20px 0 0 0; color: #fff;}
		
		
				
/***//**//**//**//**//**//**//**//**//**/
/***//**//*SUBPAGE COLOUR VARIATIONS/**/
/***//**//**//**//**//**//**//**//**//**/		

/*This section uses relies on the template variable that's been applied to each page.
Currently, the variable is the page ID of the second level page of a section - so the ID for Visiting is 10, and that is 
also the page variable*/


/*Sets the colours for the second level menu, and the left side summary area background*/
/*Visiting*/ .colourset10 .intro, .colourset10 .filler, .colourset10 .menuleveltwo {background: #0066ff !Important;}
/*Events*/ .colourset12 .intro, .colourset12 .filler, .colourset12 .menuleveltwo {background: #990000 !Important;}
/*TownHall*/ .colourset13 .intro, .colourset13 .filler, .colourset13 .menuleveltwo {background: #cc6600 !Important;}
/*Groups*/ .colourset14 .intro, .colourset14 .filler, .colourset14 .menuleveltwo {background: #e33000 !Important;}
/*Locals*/ .colourset15 .intro, .colourset15 .filler, .colourset15 .menuleveltwo {background: #f66c00 !Important;}
/*Working*/ .colourset16 .intro, .colourset16 .filler, .colourset16 .menuleveltwo {background: #6699ff !Important;}
/*Business*/ .colourset17 .intro, .colourset17 .filler, .colourset17 .menuleveltwo {background: #669933 !Important;}
/*Media*/ .colourset21 .intro, .colourset21 .filler, .colourset21 .menuleveltwo {background: #336600 !Important;}

/*Sets the border at the bottom of the second level menus*/
/*Visiting*/ .colourset10 .menuleveltwo {border-bottom: 1px solid #0550C1 !Important;}
/*Events*/ .colourset12 .menuleveltwo {border-bottom: 1px solid #830202 !Important;}
/*TownHall*/ .colourset13 .menuleveltwo {border-bottom: 1px solid #B45B02 !Important;}
/*Locals*/ .colourset15 .menuleveltwo {border-bottom: 1px solid #E68C05 !Important;}
/*Working*/ .colourset16 .menuleveltwo {border-bottom: 1px solid #457BE7 !Important;}
/*Business*/ .colourset17 .menuleveltwo {border-bottom: 1px solid #517F23 !Important;}
/*Media*/ .colourset21 .menuleveltwo {border-bottom: 1px solid #8E8C8C !Important;}

/*Sets the background colour images for the subpage left side menu*/
/*Visiting*/ .colourset10 .menulevelthree, .colourset10 .level2_content {background: url(../images/170bg10.gif) 0 0 repeat-y #ffffff}
/*Events*/ .colourset12 .menulevelthree, .colourset12 .level2_content  {background: url(../images/170bg12.gif) 0 0 repeat-y #ffffff}
/*TownHall*/ .colourset13 .menulevelthree, .colourset13 .level2_content {background: url(../images/170bg13.gif) 0 0 repeat-y #ffffff}
/*Locals*/ .colourset15 .menulevelthree, .colourset15 .level2_content {background: url(../images/170bg15.gif) 0 0 repeat-y #ffffff}
/*Working*/ .colourset16 .menulevelthree, .colourset16 .level2_content {background: url(../images/170bg16.gif) 0 0 repeat-y #ffffff}
/*Business*/ .colourset17 .menulevelthree, .colourset17 .level2_content {background: url(../images/170bg17.gif) 0 0 repeat-y #ffffff}
/*Media*/ .colourset21 .menulevelthree, .colourset21 .level2_content {background: url(../images/170bg21.gif) 0 0 repeat-y #ffffff}

/*Sets the text colour for the darker background colours*/
/*Visiting*/ .colourset10 .intro, .colourset10 .filler, .colourset10 .subpagemenu, .colourset10 .subpagemenu a, .colourset10 .subpagemenu a:visited,
/*Events*/ .colourset12 .intro, .colourset12 .filler, .colourset12 .subpagemenu, .colourset12 .subpagemenu a, .colourset12 .subpagemenu a:visited,
/*TownHall*/ .colourset13 .intro, .colourset13 .filler, .colourset13 .subpagemenu, .colourset13 .subpagemenu a, .colourset13 .subpagemenu a:visited,
/*Groups*/ .colourset14 .intro, .colourset14 .filler, .colourset14 .subpagemenu, .colourset14 .subpagemenu a, .colourset14 .subpagemenu a:visited,
/*Locals*/ .colourset15 .intro, .colourset15 .filler, .colourset15 .subpagemenu, .colourset15 .subpagemenu a, .colourset15 .subpagemenu a:visited,
/*Working*/ .colourset16 .intro, .colourset16 .filler, .colourset16 .subpagemenu, .colourset16 .subpagemenu a, .colourset16 .subpagemenu a:visited,
/*Business*/ .colourset17 .intro, .colourset17 .filler, .colourset17 .subpagemenu, .colourset16 .subpagemenu a, .colourset17 .subpagemenu a:visited,
/*Media*/ .colourset21 .intro, .colourset21 .filler, .colourset21 .subpagemenu, .colourset21 .subpagemenu a, .colourset21 .subpagemenu a:visited {color: #fff !Important;}

/*Hide 2nd level menu when not needed*/
/*.colourset21 .menuleveltwo {display: none; visibility: hidden;}*/


/***//**//**//*HACKS/**//**//**//**//**/	

/*makes floats stay in their containers*/	
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    .clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */