
/* Tab bar for snow report/weather display */
/*****************************************************************************/


.tabBar
{
	margin: 0px;
	padding: 3px 0 0px 0;
	width: 203px;
}

.tabBar a:link, .tabBar a:visited,
.tabBar a.tabActive:link, .tabBar a.tabActive:visited
{
}

.tabBar a:hover, .tabBar a.tabActive:hover
{
	color: #900;
}

.tabBar a.tabActive:link, .tabBar a.tabActive:visited
{
}

.tabPane
{
	margin: 0 0 10px 0;
        /*  background-color: #D1CCBC;  */
	padding: 0 5px;
	clear: both;
	height: 95px;
}

#snowReportTabLink
{
	width: 111px;
	height: 27px;
	background-image: url(../../gfx/home/snowreport_tab_off.jpg);
	background-repeat: no-repeat;
	float: left;

	display:none;  /* if you remove this, uncomment margin-top in the forecastTabLink */
}

#forecastTabLink
{
	width: 92px;
	height: 27px;
	background-image: url(../../gfx/home/forecast_tab_off.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;

	/* margin-left: 111px;   winter use only */
	/* margin-top: -27px;  also for winter */

	display: block;
}

	div#weatherBar>a#forecastTabLink
	{
		margin-top: 0;
	}

a.tabActive#snowReportTabLink
{
	background-image: url(../../gfx/home/snowreport_tab_off.jpg);  /* change to "on" for winter */
}

a.tabActive#forecastTabLink
{
	background-image: url(../../gfx/home/forecast_tab_off.jpg);  /* change to "on" for winter */
}

#snowReport
{
	display: none;
	padding: 10px 0 0 10px;
}

#forecast
{
	display: none;
	padding: 10px 0 0 10px;
}

#snowReport .itemLabel, #forecast .itemLabel
{
	font-weight: bold;
	padding-right: 5px;
}

#snowReport .itemValue, #forecast .itemValue
{
}

/* Column display parameters */
/*****************************************************************************/

#introduction
{
	display: none;
}

div.bucketItem
{
	margin: 0;
	padding: 0;
}

div.bucketItem div.header
{
	color: #B30027;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}


div#group1 #Home1_1
{
	text-transform:uppercase;
	font-size: 19px;
	font-weight: bold;	
	padding: 8px 8px 8px 8px;
}

div#group2
{
	display: none;
	padding: 20px;
	width: 700px;
	background-image: url(../../gfx/home/group1_bg.jpg);
	background-repeat: no-repeat;
}

	div#group2 #Home2_1
	{
		float: left;
		margin-right: 15px;
		padding: 10px;
		width: 260px;
		height: 280px;
		background-color: #fff;
	}

div#group3
{
	width: 100%;
	margin-top: 10px;
}

	div#group3 #Home3_1
	{
		width: 100%;
	}

	div#group3 #Home3_1 table
	{
		width: 100%;
		padding: 3px;
		margin: 0;
		border: none;
		border-collapse: collapse;
	}
		div#group4 
{
padding: 15px; 
width: 710px; 
margin-top: 25px; 
background-image: url(http://www.whistlerbike.com/local/gfx/paper740.gif); 
}
/*
div#group4
{
	width: 100%;
	margin-top: 0px;
}

	div#group4 div.bucketItem
	{
		height: 540px;
		width: 370px;
		padding: 0px;
		float: left;
	}

	div#group4 #Home4_1
	{
		margin-right: 6px;

	}
		div#group4 #Home4_2
	{
		height: 540px;
	}
	
	
	div#group4>#Home4_2
	{
		height: 540px;
	}
	*/
	div#group5
{
	width: 100%;
	margin-top: 10px;
}

div#group5 div.bucketItem
	{
		/*background-color: #E8E8E8;*/
		height: 180px;
		width: 180px;
		padding: 0px;
		float: left;
		margin-top:7px;
		padding-bottom: 20px;
	}

	div#group5 #Home5_1
	{
		margin-left: 0px;

	}
		div#group5 #Home5_2
	{
		margin-left: 8px;
	}
	
	div#group5 #Home5_3
	{
		margin-left: 8px;
		margin-top: 2px;
	}
	
	
	div#group6
{
	width: 750px;
	margin-top: 10px;
color:#CCCCCC;
}

div#group6 div.bucketItem
	{
		

		
	}

	
		

/*Placeholders*/
/******************************************************************************************/

#seo 
{
font-size: 9px;
color: #cccccc;
text-align: left;
padding: 20px 10px 30px 10px;
margin: -80px 0 0 0;
}


#seo p
{
font-size: 9px;
color: #cccccc;
text-align: left;
display: inline;

}

#mainImage
{
	display: none;
}