/* CSS Document */
	body {
	padding: 0;
	margin: 0;
	border: 0;
	background-color:#4c4d51;
	background-image: url(../images/site/mp_background.gif);
	text-align:center;
	}
	
	#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 845px;
	border: 2px solid silver;
	background: #fff;
	}
	
	#header {
	position: relative;
	height: 24px;
	background: #fff;
	}
	
	#header_canada {
	position: relative;
	height: 20px;
	background: #fff;
	}

	#banner {
	margin: 1px 0 1px 0;
	height: 181px;
	}
	
	#banner_canada {
	height: 181px;
	}
	
	#content {
		clear:left;
	width: 845px;
	padding: 0;
	border: 0;
	margin: 5px auto 0px;
	text-align: left; 
	}
	


	#header-left {
	float: left;
	width: 585px;
	z-index: 100;
	}

	#header-logo {
	float: right;
	width: 260px;
	z-index:100;
	}	

		
	#base_canada {
	height: 44px;
	width: 845px;
	}	
	
/*to allow for 468px ads*/
#main-column {
	float: left;
	margin-top: 0px;
	width: 470px;
	margin-left: 7px;
	margin-right: 8px;
	text-align:left;
	}
	
	#maincol_ski {
	float: left;
	width: 435px;
	padding-left: 2px;
	padding-right: 2px;
	margin-right: 2px;
	margin-left: 2px;
	text-align:left;
	}
	
	#maincol_skicanada {
	float: left;
	width: 430px;
	padding-left: 2px;
	padding-right: 2px;
	margin-right: 2px;
	margin-left: 2px;
	text-align:left;
	}
	
	#single-column {
	float: left;
	margin-top: 3px;
	width: 845px;
	}
	
#footer {
	clear: both;
	display: block;
	width: 845px;
	padding: 0;
	margin: 0;
	text-align: center;
	padding-top: 10px;
	border: 0;
	}
	
	/*special styles*/
	
	/*index page left & right columns are narrower than the feature pages*/
	#col-left {
	float: left;
	margin-top: 5px;
	width: 160px;
	margin-right: 5px;
	margin-left:10px;
	display: inline; /*IE workaround for outer margin on float*/
	}
	
	#col-right {
	float: right;
	width: 165px;
	margin-top: 5px;
	margin-right: 10px;
	display: inline; /*IE workaround for outer margin on float*/
	}
	
	/* info_layout feature pages have different left and right column widths to the index page */

#left_colfeature {
	float: left;
	width: 180px;
	margin-top:5px;
	margin-left:5px;
	display:inline; /*IE workaround for outer margin on float*/
	}
	
	#right_colfeature {
	float: right;
	width: 160px;
	margin-top:5px;
	margin-right: 5px;
	display:inline; /*IE workaround for outer margin on float*/
	}
	
	/* ski pages have different coloumn widths to the other templates*/
	
	#leftcol_ski {
	float: left;
	width: 230px;
	margin-left:5px;
	display:inline; /*IE workaround for outer margin on float*/
	}
	
	#leftcol_skicanada {
	float: left;
	width: 230px;
	margin-left:5px;
	display:inline; /*IE workaround for outer margin on float*/
	}

	
	
	#rightcol_ski {
	float: right;
	width: 160px;
	margin-right: 5px;
	display:inline; /*IE workaround for outer margin on float*/
	}
	
	/* boxout styles*/
	.boxout_beige {
	width: 90%;
	background: #F5F5DC;
	padding: 3px;
	border: 2px solid #d3c6a4;
	}
	
	.boxout_canada {
	width: 90%;
	background: #F5F5DC;
	padding: 5px;
	border: 3px solid #d3c6a4;
	}
		
	.boxout_clear {
	width: 90%;
	background: #ffffff;
	padding: 3px;
	border: 2px solid #A0A99C;
	}
		
	.boxout_cool {
	width: 85%;
	background: #DEE5DE;
	padding: 3px;
	border: 2px solid #A0A99C;
	}
	
	.box_resortreview {
	width: 224px;
	height: 90px;
	background-image:  url("../images/site/ski_reviews_box.jpg"); background-repeat:no-repeat;
	border: none;
	}
	
	.boxwide_resortreview {
	width: 468px;
	height: 100px;
	background-image:  url("../images/site/resort_reviews_maincol.jpg"); background-repeat:no-repeat;
	border: none;
	}

	.boxout_heading, .colour_headings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 3px;
	font-variant: small-caps;
	text-align: center;
	height: auto;
	}
	
	.boxout_heading {
	width: 90%;
	padding: 3px;
	color: #ffffff;
	}
	
	.box_seealso {
	float:right; 
	width: auto; 
	background: #D3C6A4;	
	padding: 3px;	
	border: 2px solid #A0A99C; 
	}
	
	.box_favourites {
	float:right;
	width:auto;
	padding:3px;
	margin:5px;
	border:2px solid #BFB977;
	background-color: #DFE5DE;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
/*iPhone box styling*/
.boxi { 
  background: #4C4D51; 
}
.boxitop { 
  background: url(../images/site/boxi/ne.gif) no-repeat top right; 
}
.boxitop div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/site/boxi/nw.gif) no-repeat top left; 
}
.boxibottom { 
  background: url(../images/site/boxi/se.gif) no-repeat bottom right; 
}
.boxibottom div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/site/boxi/sw.gif) no-repeat bottom left; 
}
.boxicontent {
  padding: 0px 10px 0px 10px;
}

		
	/*box for top of main column containing tell-a-friend etc*/
	.topinfo {
	border-bottom: 1px solid silver;
	width: 425px;
	height: 30px;
	background-color:#FFFFFF;
	}
	
	/*conts = story leaders with title, text, links and image used on index and section pages*/
	.conts_head {
	margin-top:0px;
	margin-bottom:0px;
	color:#8F1D2E;
	font: 20px Georgia;
	text-align:left;
	line-height: 125%;
	background: transparent;
	}	
	
	.conts_taster {
	width: 100%;
	background: #ffffff;
	padding-bottom: 10px;
	border-bottom: 1px dotted #4c4d51;
	}
	
	.section_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing: 3px;
	font-variant:small-caps;
	color: #beb876;
	}
	
	.section_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	letter-spacing:4px;
	font-variant:small-caps;
	color: #999999;
	}
	
	
	
	
	/*locator bars at top and bottom of page to indicate section and subject*/
	.locator_bar, .locator_heading, .locator_foot 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
	z-index: 100;
	width: 100%;
	height: 20px;
	padding-top: 5px;
	background-color:#FFFFFF;
	}
	
.locator_foot {
	height: 15px;
	padding: 2px 0 2px 0;
	}

.locator_heading {
	color: #fff;
	background-color: #bfb976;
	text-align: center;
	height: auto;
	}
	
	/*footer styles*/
	.footermenu, .footermenu a:link, .footermenu a:visited, .footermenu a:active, .copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4C4D51;
	text-decoration: none;
	}
	
	.footermenu a:hover {
	color: #AB0F17;
	text-decoration: underline;
	}
	
	.footnote a:link, a:visited, a:active {
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #666666;
	padding-top: 4px;
	line-height: 120%;
   	}
	
	.footnote a:hover {
	color: #AB0F17;
	text-decoration: underline;	
	}
	
	/*text related styles*/
	.anchorlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	text-align: right;
	}

	.copyright {
	color:#755E39;
	}
	
	.date {
	font: lighter normal 8px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #a0a99c;
	}
	
	.dropcap {
	float:left;
	color:#BdBc9D;
	padding-top:1pt;
	padding-right:2pt;
	font: 80px/60px Times, serif, Georgia;
	}
	
	h1 {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #AC1018;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.1em;}
	
	h2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #AC1018;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.1em;	
		
	}
	   
	h3 {
	font: 9pt/11pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing: 0.1em;
	padding-top: 4pt;
    }
    

	h4 {
	font: 16pt Georgia, "Times New Roman", Times, serif;
	color: #000000;
	margin-top: 10px;
    }
	
	.insight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 140%;
	clear: left;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #4c4d51;
	}
	
	.insight a:link {
	color: #4c4d51;
	text-decoration:none;
	font-weight:bold;
		}
		
	.insight a:visited {
		text-decoration: none;
		color: #755E39;
		font-weight:bold;}
		
	.insight a:hover {
	color: #ab0f17;;
	text-decoration: underline;
	font-weight:bold;
	}
	
	.insight a:active {
	color: #4C4D51;
	text-decoration: underline;
	font-weight:bold;
	}
	
	.intromain { /*NO LINKS*/
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	/*	font-variant: small-caps; */
	}
	
	.leadersnippet {
	border-top: 2px dotted #bfb976;
	padding-top: 3px;
	}
	
 	.leader, .leadertext, .leadertext_small, .caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C4D51;
	}

	.leader, .leader a:link, .leader a:active {
	font-size: 11px;
	color: #755e39;
	font-weight: bold;
	line-height: 120%;
	text-decoration: none;
	}
 	
	.leader a:visited {
	color: #D3C6A4;
	text-decoration: none;
	}

	.leader a:hover {
	color: #755E39;
	text-decoration: underline;
	}
	
	.leader_blu, .leader_blu a:link, .leader_blu a:active {
	font-size:11px;
	color: #81a9da;
	font-weight:bold;
	line-height: 120%;
	text-decoration:none;
	}
	
	.leader_blu a:visited {
	color: #c4dbf2;
	text-decoration:none;
	}
	
	.leader_blu a:hover {
	color: #225b9b;
	text-decoration:underline;
	}
	
	/*puts line above a paragraph*/
	.leadersnippet {
	border-top: 2px dotted #bfb976;
	padding-top: 3px;
	}
	
	.leadersnippet_red {
	border-top: 2px dotted #ab0f17;
	padding-top: 3px;
	}
		
	.leadertext  {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	line-height: 140%;
	}
	
	.leadertext a:link {
		font-weight: bold;
	color: #4c4d51;
	text-decoration: none;
	}
	
	.leadertext a:visited {
	color: #755e39;
	text-decoration: none;
	font-weight:bold;
	}
	
	.leadertext a:hover {
	color: #ab0f17;
	font-weight:bold;
	text-decoration: underline;
	}
	
	.leadertext a:active {
	font-weight: bold;
	color: #4c4d51;
	text-decoration: none;
	}

	.leadertext_event   {
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	line-height: normal;
	color: #4c4d51;
	}
	
	.leadertext_small   {
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	line-height: 140%;
	}
	
	.leadertext_small a:link {
	color: #4c4d51;
	text-decoration: none;
	font-weight: bold;
	}
	
	.leadertext_small a:visited {
	color: #755e39;
	text-decoration: none;
	font-weight: bold;
	}
	
	.leadertext_small a:hover {
	color: #AB0F17;
	text-decoration: underline;
	}
	
	.leadertext_small a:active {
	text-decoration: none;
	font-weight: bold;
	}
	
	.leadertext_red  {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	line-height: 120%;
	color: #ab0f17;
	}
	
	.leadertext_canadacolour  {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	line-height: 120%;
	color: #b68159;
	}
	
	#list {
	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background: #ffffff;
	text-decoration: none;
	}

	#list ul { 
	list-style: none;
	margin: 0 0 0 0 ;
	padding: 0 0 0 1em ;
	text-indent: -1em;
	max-width: 205px;
	}

	.maincoltext, .maincoltext a:link, .maincoltext a:visited,
	.maincoltext a:hover, .maincoltext a:active  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #4C4D51;
	text-decoration: none;
	line-height: 150%;
	text-align:left;
	}
	
	.maincoltext a:link {
	font-weight: bold;
	}
	
	.maincoltext a:visited {
	color: #755e39;
	font-weight: bold;
	}
	
	.maincoltext a:hover {
	color: #AB0F17;
	text-decoration: underline;
	}
	
	.maincoltext a:active {
	color: #4C4D51;
	font-weight: bold;
	}
	
	.pullquoteleft {
	margin-top:0px;
	margin-bottom:0px;
	padding-right: 10px;
	width:200px;
	float:left;
	color:#C0A270;
	font: 18px Georgia;
	text-align:left;
	line-height: 125%;
	background: transparent;	
	}
	
	.pullquoteright {
	margin-top:0px;
	margin-bottom:0px;
	margin-right:6px;
	width:200px;
	float:right;
	color:#C0A270;
	font: 18px Georgia;
	line-height: 125%;	
	background:transparent;
	text-align:right;
	}
	
	.submenu, .subheading, .indentsubmenu {
	font-weight: bold;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #4c4d51;
	color:#a0a99c;
	background:#ffffff url(http://www.mountainpassions.com/images/site/more.gif) right no-repeat;
	}
	
	.indentsubmenu {
	padding-left: 20px;
	}
		
	.subhead {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4C4D51;
	font-weight: bold;
	font-variant:small-caps;
	letter-spacing: 1px;
	}
	
	/*image related styles*/
	.caption   {
	font-size: 9px;
	font-weight: normal;
	line-height: 140%;
	}
	
	.photocredit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5px;
	font-style: normal;
	color: #4c4d51;
	}
	
	.enlargeimage {
	border: 1px solid silver;
	padding: 5px;
	background-color:#FFFFFF;
	}
	
	.frameimage {
	border: 1px solid silver;
	padding: 2px;
	background-color: #FFFFFF;
	}
	
	/*style which places thin border around float left picture*/
	.insetimage_L {
  	float:left;
  	border:1px solid silver;
  	padding:5px;
  	margin-right:6px;
  	margin-top:4px;
  	} 
  
	.insetimage_R {
	float:right;
	border:1px solid silver;
	padding:5px;
	margin:4px;
	}	
	
	.insight_header {
		float:left;
		margin: 0;
		padding: 0;
	}
	
	.leftimage {
	float:left; 
	padding: 5px 15px 0px 0px;
	}	
	
	.rightimage {
	float:right; 
	padding: 5px 0px 0px 15px;
	
	}
	
	.padimage {
	padding: 6px 0px 2px 0px;
	background-color: #FFFFFF;
	}
	
	/*3 vertical pictures in a row */
.picgrp3vtlinear {
position: relative; left:0px; top: 0px; width: 230px; height: 360px;
}

.pic1_grp3vtlinear {
position:absolute; left:0px; top: 0px; width: 26px; height: 360px;
}

.pic2_grp3vtlinear {
position:absolute; left:28px; top: 0px; width: 178px; height: 360px; 
}

.pic3_grp3vtlinear {
position:absolute; left: 206px; top: 0px; width: 26px; height: 360px;
}

	/*4 pictures in a row*/

	.pix4linear {
	float:left; padding:2px; background-color:#FFFFFF; width:100px;}
	
	/*3 pictures any size in a row*/
	.pix3linear {
	float:left; padding:6px; background-color:#FFFFFF; width:130px;}

	/*2 pictures any size in a row*/

	.pix2linear {background-color:#FFFFFF; padding:2px; width:auto; float:left;}
	
	/*left or right align single images and place a caption beneath. Based on pullquote style.*/
	.pullimageleft {
	margin-top:0px;
	margin-bottom:0px;
	padding-right: 10px;
	width:200px;
	float:left;
	text-align:center;
	line-height: 125%;
	background: transparent;	
	}
	
	.pullimageright {
	margin-top:0px;
	margin-bottom:0px;
	margin-right:6px;
	width:200px;
	float:right;
	line-height: 125%;	
	background:transparent;
	text-align:center;
	}

	.italic_large {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	color: #4c4d51;
	}