/*----- mc-specific classes -----*/
.floatright {
float: right;
margin: 0px 28px 0px 0px;
}

div#c1-nav-tourhost h2 {padding-left: 8px;}

p.quote {margin: 0 20px 0 30px;}

p.quote-attrib{margin: 0 20px 10px 50px;
					 text-align: right;}
					 
span.nowrap{white-space: nowrap}

.caption2 {
font-size: 60%;
line-height: 120%;
margin: 4px 8px 4px 8px;
}

table.line td {
	border-bottom: 1px gray solid
	}

#bannertitle p{
	font-size: 1.4em;
	color: #fff;
	}

#content p.em {
	font-size: 1em;
	line-height: 1.4em;	
	margin: 6px 0px 10px 0px;}

#content p.cutline  {
	font-size: .7em;
	margin: 0 0 0 0px;
	}

#content td {
	font-size: 70%;
	line-height: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#content h2.subhead {
	font-size: .8em;
	margin: 0 0 -5px 0;
	padding: 0 0 0 0;
	letter-spacing: .8px;
	font-weight: bold;
}

h2.subhead a:link {
text-decoration: none !important;
}

h2.subhead a:visited {
text-decoration: none !important;
}

h2.subhead a:hover {
text-decoration: underline !important;
}

#content p.subhead {
	font-size: 86%;
	margin: 0 0 -10px 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-family: arial;
}
p.subhead a:link {text-decoration: none !important;}

p.subhead a:visited {text-decoration: none !important;}

p.subhead a:hover {text-decoration: underline !important;}

div.floatleft {
	float:left;
	margin: 5px 20px 8px 0px;
	}	
	
img.floatleft {
	border-style: none;
	margin: 5px 20px 5px 0px;
	float:left;
	}
	
img.floatright {
	border-style: none;
	margin: 5px 0px 5px 20px;
	float:right;
	}

.twocolumn{
	clear: both;
	width:498px;
	padding: 0;
	margin: 0px;
}

.twocolumn_left{
	float:left;
	width:112px;
}

.twocolumn_right{
	float:right;
	width:370px;
	margin:0;
}


/*----- general colours -----*/

h1, h2, h3, h4, h5 {
	color: #005EAB;
	font-weight: bold;
}
ul li ul li, ul li {
	list-style-image: url("http://www.banffcentre.ca/mountainculture/common/0/images/listarrow-black.gif");
}
hr {
	border: 0px solid #ffffff;
	border-top: 2px solid #E7E7DF;
	margin: 2px 0 6px 0;
}
/*----- content links -----*/
#content a:link {
	text-decoration: underline;
	color: #005EAB;
}
#content a:visited {
	text-decoration: underline;
	color: #005EAB;
}
#content a:active {
	text-decoration: underline;
}
#content a:hover {
	color: #000000;
	text-decoration: underline;
}
/*-------------------- Navigation ---------------------*/
#b1 a:link, #b1 a:visited {
	text-decoration: none;
	padding: 3px 49px 15px 50px;
	margin-left: 0px;
}

#b1 a:visited {
color: #FFFFFF;
}

#b1 a:link {
	color: #ffffff;
	font-weight: normal;
}

#b1 a:hover{
	background-color: #5CA8E6;
	color: #ffffff;
	text-decoration: none;
}
/*-------------------- b2 ---------------------*/
#b2 a:link, #b2 a:visited {
	text-decoration: none;
	padding: 3px 16px 15px 18px;
}
#b2 a:visited {
color: #FFFFFF;
}
#b2 a:link {
color: #ffffff;
}

#b2 a:hover{
	background-color: #5CA8E6;
	color: #ffffff;
	text-decoration: none;
	
}
/*-------------------- c1 ---------------------*/
#c1-nav a:link, #c1-nav a:visited {
	display: block;
	text-decoration: none;
	padding: 3px 6px 3px 8px;
	color: #ffffff;
}

#c1-nav a:link {
color: #ffffff;
}

#c1-nav a:visited {
color: #ffffff;
}

#c1-nav h2 a:link, #c1-nav h2 a:visited{
	padding-left: 14px;
	
}

#c1-nav h3 a:link, #c1-nav h3 a:visited{
	padding-left: 22px;
}

#c1-nav h4 a:link, #c1-nav h4 a:visited{
	padding-left: 30px;
}

#c1-nav a:hover{
	background-color: #005EAB;
	color: #ffffff;
	text-decoration: none;
	background-image: url("/common/images/arrow-hover.gif");
	background-position: center left;
	background-repeat: no-repeat;
}

#c1-nav h1 a:hover{
background-color: #005Eab !important;
}
	
/*-------------------- d1 ---------------------*/
#d1 a:link, #d1 a:visited {
	text-decoration: none;
	padding: 3px 26px 8px 26px;
}
#d1 a:visited {
color: #ffffff;
}
#d1 a:link {
color: #ffffff;
}

#d1 a:hover{
	background-color: #5CA8E6;
	color: #ffffff;
	text-decoration: none;
}

/*-------------------- d2 ---------------------*/
#d2 a:link, #d2 a:visited {
	text-decoration: none;
	padding: 3px 16px 8px 16px;
}
#d2 a:visited {
color: #ffffff;
}
#d2 a:link {
color: #ffffff;
}

#d2 a:hover{
	background-color: #5CA8E6;
	color: #ffffff;
	text-decoration: none;
}

/*-------------------- background-colors ---------------------*/

td.b1, td.b2, td.d1, td.d2 {	
	background-color: #005EAB;
}
		

td.c1 {
	background-color: #5CA8E6;
	border-right: 0px solid #ececec;
	}
td.c2 {
vertical-align: top;
}
/*-------------------- bacground-colors ---------------------*/
/*------------------ top feature ---------------*/
.top-feature {
	background-color: #DFE8F7;
	border-bottom: 0px solid #FFA200;
	width: 570px;
	height: 265px;

}
.top-feature h1, .top-feature h2, .top-feature h13, .top-feature h4 {
	color: #333333 !important;
}
.top-feature td {
	border-collapse: collapse;
	vertical-align: top;
}
/*---- add to right column ----*/
.top-feature-right {
	padding: 10px 16px 0px 22px;
}
.top-feature img {
	float: left;
	margin-right: 28px;
}
.top-feature a:link {
	text-decoration: underline;
	color: #005EAB;
}
.top-feature a:visited {
	text-decoration: underline;
	color: #666666;
}
.top-feature a:active {
	text-decoration: underline;
}
.top-feature a:hover {
	color: #000066;
	text-decoration: underline;
}
.top-feature-text {
padding: 10px 20px 10px 26px;
}
.top-feature h1, .top-feature h2, .top-feature h3, .top-feature p{
padding-right: 30px;
}
.topfeatures td{
vertical-align: top;
background-color: #DFE8F7;
}
.topfeatures p{
	padding: 1px 30px 0px 28px;
	color: #000000;
}
.topfeatures h1{
	padding: 0px 28px 0px 28px;
	
}
.topfeatures a:link, .topfeatures a:visited {
	color: #005EAB;
}
/*------------------ creates a to top button ---------------*/
.totop{
	 clear: both;
	 color: #638CC3;
	 float: right;
	 font-size: .5em;
	 padding:0 12px 0 0;
	 font-weight: bold;
	 background-image: url("http://www.banffcentre.ca/newdesign/common/images/uparrow.gif");
	 background-repeat: no-repeat;
	 background-position: right;
	 }

/*------------------ use as div around photo with small text underneath ---------------*/
.caption {
	font-size: 0.6em;
	float: left;
	margin: 2px 10px 6px 0;
}
.table-no-format td{
font-size: 100% !important;
vertical-align: top;
line-height: 100% !important;
}
.table-no-format h3 {
font-size: 80% !important;
}
.dark-col a:link, .dark-col a:visited, .dark-col p{
color: #ffffff !important;
}
.dark-col a:hover {
color: #333333 !important;
}
.table-3col-a, .table-3col-b, .table-3col-c {
vertical-align: top;
padding-top: 12px;
font-size: 100% !important;
line-height: 100% !important;
}

td.table-3col-a, td.table-3col-b, td.table-3col-c {
width: 190px !important;
}

.table-3col-a p, .table-3col-a h3{
margin-left: 18px;
margin-right: 16px;

}
.table-3col-b p, .table-3col-b h3{
margin-left: 16px;
margin-right: 16px;
}
.table-3col-c p, .table-3col-c h3{
margin-left: 16px;
margin-right: 18px;
}
.content-padding {
margin: 8px 28px 28px 28px;}

img.large {margin: 5px 0 15px 0;}