/*****************************************************
*Project: CMS.TREMBLANT.CA
*Authors: Darryl Hodgins, Laurie Landry, Nelson Ford
*Filename: MENUBAR.CSS
*Purpose: Define global styles across the site.

Note: Enter any comments for known issues, solutions,
and questions, and end them with your initials and date.
-LL 10/19/04
******************************************************/

/* Table Main Menu */

#globalNavBar
{
	width: 760px;
	padding: 0;
	margin: 0;

	position: relative;
	z-index: 300;

	background-image: url(../gfx/menubar_bg.gif);
	background-repeat: no-repeat;
	height: 33px;
}

#globalNavBar tr
{
	margin: 0;
	padding: 0;
}

#globalNavBar td
{
	white-space: nowrap;
	padding: 0;
}

#globalNavBar td.globalNavItemActive a.actuator
{
	color: #CA832F;
}

#globalNavBar a.actuator, 
#globalNavBar a.actuator:link, 
#globalNavBar a.actuator:visited, 
#globalNavBar a.actuator:active, 
#globalNavBar a.actuator:hover
{
	display: block;
	background-color: transparent;
	text-decoration: none;

	font-family: Georgia, Times New Roman, Serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	
	border-left: solid 1px #E4C7A5;

	padding: 0 10px 0 10px;
}

#globalNavBar a.actuator:hover
{
	color: #477191;
	padding: 0 10px 0 10px;
}

#globalNav_to-do
{
	width: 300px;
}

#globalNavBar td.firstItem a.actuator, 
#globalNavBar td.firstItem a.actuator:link, 
#globalNavBar td.firstItem a.actuator:visited, 
#globalNavBar td.firstItem a.actuator:active, 
#globalNavBar td.firstItem a.actuator:hover
{
	border-left: none;
	padding-left: 20px;
}

/*----------------------------------
Following is dropdowns from top menu 
----------------------------------*/

#templateStyleMainOnly>#menuBlocker,
	#templateStyleStandardNoPromo>#menuBlocker,
	#templateStyleStandard>#menuBlocker,
	#templateStyleStandardNoNav>#menuBlocker
{
	display: none
}

.mainmenu
{
	position: absolute;
	z-index: 100;
	visibility: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
	margin-top: 10px;
	background-color: #2B3947;

	width: 160px;
	font: normal 10px/10px Georgia, Times New Roman, Serif;

	left: 0px;
	top: 0px;

	border-bottom: solid 1px #fff;
}

html > body .mainmenu /*What does this definition do, and are we using this?*/
{
	/*	width: auto;*/
}

.mainmenu li
{
	margin: 0;
	padding: 0;
	display: block;
	color: #FFF;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	white-space: normal;
	
	border-top: solid 1px #fff;
}

/*ie 5.0 fix*/

/*a.mainmenu li
{
	display: block;
	color: #FFF;
	white-space: normal;
}*/

.mainmenu li a, .mainmenu li a:link, .mainmenu li a:visited
{
	display: block;
	white-space: normal;
	margin: 0px;
	width: 150px;
	font-weight: normal;
	padding: 5px 0px 5px 10px;
	color: #fff;
	text-decoration: none;
	line-height: 16px;
}

html > body .mainmenu a
{
	width: auto;
}

.mainmenu li a:hover
{
	color: #CA832F;
}

/*-------------------------------------------
The following is for the secondary Navigation 
that appears on left of the page 
--------------------------------------------*/

#columnSecondaryNav
{
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(../gfx/secondary_bg.jpg);
	background-position: 1px 1px;
	background-repeat: no-repeat;
	height: 359px;
}

div#secondaryNav
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(../gfx/secondary_bg_border.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#secondaryNavHeader
{
	display: block;
	padding: 0;
	color: #3D2111;
	margin: 0 0 10px 0;	
}

#secondaryNavHeader a:link, #secondaryNavHeader a:visited,
#secondaryNavHeader a:hover, #secondaryNavHeader a:active
{
	font: bold 18px Georgia, Times New Roman, Serif;
	color: #3D2111;
}

.secondaryNavList
{
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	list-style-type: none;
}

.secondaryNavList li
{
	padding: 0;
	margin: 0px;
	display: block;
}

.secondaryNavList li a, 
.secondaryNavList li a:link, 
.secondaryNavList li a:visited,
.secondaryNavList li a:hover
{
	display: block;
	color: #3D2111;
	padding: 5px 0 5px 0px;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
}

.secondaryNavList li a:hover
{
	text-decoration: underline;
}

.secondaryNavList li ul
{
	margin: 0;
	padding: 0px;
	list-style-type: none;
}

.secondaryNavList li ul li
{
	/* display: block; */
	padding: 0 0 0 10px;
	margin: 0px;
	display: block;
	font-weight: bold;
}

.secondaryNavList li ul li a, 
.secondaryNavList li ul li a:link, 
.secondaryNavList li ul li a:visited
{
	display: block;
	color: #3D2111;
	padding: 5px 0 5px 0px;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
}

	/*selected item*/
	.secondaryNavList li.secondaryNavCurrent a, 
	.secondaryNavList li.secondaryNavCurrent a:link,
	.secondaryNavList li.secondaryNavCurrent a:visited
	{
		font-weight: bold;
	}

	.secondaryNavList li.secondaryNavCurrent ul li a,
	.secondaryNavList li.secondaryNavCurrent ul li a:link,
	.secondaryNavList li.secondaryNavCurrent ul li a:visited
	{
		font-weight: normal;
	}

	.secondaryNavList li.secondaryNavSection a, 
	.secondaryNavList li.secondaryNavSection a:link,
	.secondaryNavList li.secondaryNavSection a:visited
	{
		font-weight: bold;
	}

	.secondaryNavList li.secondaryNavSection ul li a,
	.secondaryNavList li.secondaryNavSection ul li a:link,
	.secondaryNavList li.secondaryNavSection ul li a:visited
	{
		font-weight: normal;
	}

	.secondaryNavList li.secondaryNavSection ul li.tertiaryNavCurrent a,
	.secondaryNavList li.secondaryNavSection ul li.tertiaryNavCurrent a:link,
	.secondaryNavList li.secondaryNavSection ul li.tertiaryNavCurrent a:visited
	{
		font-weight: bold;
	}

/* Footer Nav */

.footerNavBar, div.footerNavBar
{
	position: relative;
	width: 100%;
	padding: 0px;
	padding-top: 7px;
	margin-right: auto;
	margin-left: auto;
	
	text-align: center;
	
	background-image: url(../gfx/page_bg.gif);
}

div.footerNavBar
{
}

.footerNavList, .footerNavList ul
{
	margin: 0px;
	padding: 0px;
	height: 56px;
	background: Transparent;
}

.footerNavList li
{
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.footerNavItem
{
	margin: 0px;
	padding: 0px;
	border-left-width: 1px;
	border-left-color: #CA832F;
	border-left-style: solid;
}

a.footerNavLink, a.footerNavLink:link, a.footerNavLink:visited
{
	color: #fff;
	margin: 0px;
	padding: 0px;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9pt;
	font-family: Georgia, Times New Roman, Serif;
}

a.footerNavLink:hover
{
	text-decoration: underline;
}

/*
Overrides for specific header/footer tabs

The IDs are:
headerNavItem_[CHANNEL/POSTING NAME] - This is the <li> element in which the primary nav displays
headerNavLink_[CHANNEL/POSTING NAME] - This is the link or actuator for the primary nav
headerNavMenu_[CHANNEL/POSTING NAME] - This is the secondary nav menu that pops up

footerNavItem_[CHANNEL/POSTING NAME] - This is the <li> element in which the footer nav displays
footerNavLink_[CHANNEL/POSTING NAME] - This is the link for the footer nav item

You can use these styles to display a graphic in place of a text link for a particular item.
*/

#footerNavItem_intrawest
{
	border-left: none;
	background-image: url(../gfx/intrawest_logo.gif);
	background-repeat: no-repeat;
	width: 105px;
	height: 18px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	margin-top: -1px;
	border: none;
}

#footerNavItem_intrawest a
{
	width: 105px;
	height: 18px;
	display: block;
	border: none;
}

#footerNavItem_intrawest span
{
	display: none;
}

#footerNavItem_contact
{
	border-left: none;
	margin-left: -70px;
	margin-left: 0px !ie;
}


#footerNavItem_winterpark
{
	border-left: none;
	background-image: url(../gfx/wp_logo.jpg);
	width: 57px;
	height: 62px;
	display: block;
	float: right;
	padding: 0;
	margin: 0;
	margin-top: -21px;
	background-repeat: no-repeat;
	margin-right: 0;
	overflow: hidden;
}

#footerNavItem_winterpark a
{
	width: 57px;
	height: 62px;
	display: block;
}

#footerNavItem_winterpark span
{
	display: none;
}


/*
, #footerNavItem_switch_language
{
	border-left: none;
}

#footerNavItem_switch_language 
{
	float: right;
	background-image: url(../gfx/switch_language-e.gif);
	background-repeat: no-repeat;
	width: 117px;
	height: 13px;
	font-size: 1px;
	position: relative;
	top: -13px;
	display: block;
}

a#footerNavLink_switch_language:link,
a#footerNavLink_switch_language:visited,
a#footerNavLink_switch_language:hover,
a#footerNavLink_switch_language:active
{
	display: block;
	width: 117px;
	height: 13px;
	background-image: url(../gfx/switch_language-e.gif);
	background-repeat: no-repeat;
}

#footerNavItem_switch_language .alt
{
	width: 117px;
	height: 13px;
	display: none;
}
*/