/* CSS file */

img, div { behavior: url(/css/com/twinhelix/iepngfix.htc);}
 
BODY {
	font-family: Arial, Helvetica, san-serif;
	color: #a0a0a0;
	font-size: 10px;
	background-color:#ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
}

A {
	font-family: Verdana,Arial, Helvetica, san-serif;
}

SPAN{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#page{
	position:relative;
	margin:0 auto;
	text-align:left;
	width:990px;
}

#content{
	background-color:#002147;
	width:990px;
	height:580px;
	position: absolute;	
	top: 17px;
	overflow:hidden;
	z-index:0;
}

#headerNavigation{
	width:990px;
	padding-top:4px;
	height:20px;
	text-align:right;
	position: absolute;
	top: 0px;
	z-index:2;
	font-weight: bold;
	vertical-align: middle;
	font-size:9px;
}

#headerNavigation a:link, a:visited{
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	color: #b9b9b9;
	text-decoration: none;
}

#headerNavigation a:hover{
	text-decoration: underline;
}

#navigationWrapper{

}
#contentNavigation{
	position:absolute;
	color: #ffffff;
	top:0px;
	left:0px;
	width:990px;
	height:25px;
	z-index:100;
	padding-left:141px;
	padding-top:0px;
	background-color:#ffffff;
	background-image: url(/2008/assets/interface/widgets/nav_bar.png);
	overflow:visible;
}

#contentNavigation ul{
	
}

#navigationMenu{
	z-index:100;
}
#search{}

#aspenLogo{
	position:absolute;
	top:57px;
	left:17px;
	z-index:10;
}

#weatherWidget{
	position:absolute;
	top:29px;
	left:659px;
	z-index:3;
	width:328px;
	height:88px;
	font-weight:bold;
	font-size:12px;
}

#weatherWidgetBgImage{
	position:absolute;
	top:0px;
	left:0px;
}

#weatherWidgetBgImageSummer{
	position:absolute;
	top:0px;
	left:147px;
}


#webcamWidget{
	position:absolute;	
	z-index:3;
	top:119px;
	right:3px;
}

#teasersWidget{
	position:absolute;
	top:418px;
	left:4px;
	width:334px;
	height:114px;
	z-index:3;
}

#teaserWidgetBgImage{
	position:absolute;
	top:0px;
	left:0px;
	width:334px;
	height:114px;
}

#specialsTabImg{
	position:absolute;
	top:5px;
	left:6px;
	width:81px;
	height:20px;	
}

#eventsTabImg{
	position:absolute;
	top:5px;
	left:87px;
	width:81px;
	height:20px;
}

#kidsTabImg{
	position:absolute;
	top:5px;
	left:168px;
	width:81px;
	height:20px;
}				

#snowTabImg{
	position:absolute;
	top:5px;
	left:249px;
	width:78px;
	height:20px;
}

#videoWidget{
	position:absolute;
	background-image: url(/2008/assets/interface/widgets/w_media_box.png);
	top:235px;
	left:3px;
	width:205px;
	height:174px;
	z-index:3;
}

#captionBar{
	position:absolute;
	top:498px;
	left:528px;
	width:454px;
	height:24px;
	z-index:3;
}

#captionBarLeft{
	position:absolute;
	top:0px;
	left:0px;
	width:12px;
	height:24px;
	background-image: url(/2008/assets/interface/captionbar/captionbar_left.png);
}
#captionBarRight{
	position:absolute;
	top:0px;
	right:0px;
	width:12px;
	height:24px;
	background-image: url(/2008/assets/interface/captionbar/captionbar_right.png);
}

#captionBarBgImage{
position:absolute;
left:12px;
width:430px;

}

#captionBarText{
	position:absolute;
	width:377px;
	height:24px;
	font-size:11px;
	padding-left:20px;
	padding-top:5px;
	margin-left:12px;
	margin-right:12px;
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

#captionBarLeftButton{}
#captionBarRightButton{}
#captionBarLeftButtonInactive{position:absolute;top:3px;left:4px;z-index:3}
#captionBarLeftButtonActive{position:absolute;top:3px;left:4px;z-index:3;display:none;}
#captionBarRightButtonInactive{position:absolute;top:3px;right:3px;z-index:2}
#captionBarRightButtonActive{position:absolute;top:3px;right:3px;z-index:2;display:none;}

#vacationPlanner{
	position:absolute;
	top:530px;
	left:0px;
	width:990px;
	height:25px;
	z-index:4;
	overflow:visible;
	background-image: url(/2008/assets/interface/vacation-planner/vacation_planner_bg.png);
}

#powerOfFourNav{
	position:absolute;	
	width:990px;
	height:25px;
	top:555px;
	left:0px;
	z-index:2;
	padding-top:6px;
	padding-right:20px;
	padding-bottom:1px;
	padding-left:0px;
	text-align:right;
	font-weight:bold;
	color: #ffffff;
	text-transform: uppercase;
	background-image: url(/2008/assets/interface/widgets/bottom_band.png);
	background-color:#ffffff;
}

#powerOfFourNav a:link, #powerOfFourNav a:visited{
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	color: #808080;
	text-decoration: none;
	font-weight: bold;
}

#powerOfFourNav a:hover{
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}


#powerOfFourNav a.primary:link {
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	color: #002147;
	text-decoration: none;
	font-weight: bold;
}


#powerOfFourNav a.primary:hover{
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	color: #002147;	
	text-decoration: underline;
	font-weight: bold;
}

#footerNavigation{
	position:absolute;
	width:990px;
	height:25px;
	top:605px;
	left:0px;
	text-transform:uppercase;  /*09-20: Modified to match home page */
}


#footerNavigation a:link, #footerNavigation a:visited{
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px; /* 09-20: Updated to match left-margin of a:hover state, so no shift would occur */
	/*color: #b9b9b9;*/
	text-decoration: none;
	font-weight: normal;
}

#footerNavigation a:hover{
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	/*color: #002147;  09-20: Modified to match home page ( original value "b9b9b9" ) */
	text-decoration: none; /* 09-20: Modified to match home page ( original value "underline" ) */
	font-weight: normal;
}

#footerNavigation a.primary:link{
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	color: #b9b9b9;
	text-decoration: none; 
	font-weight: normal;
}

#footerNavigation a.primary:hover{
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	color: #002147;  /* 09-20: Modified to match home page ( original value "b9b9b9" ) */
	text-decoration: none; /* 09-20: Modified to match home page ( original value "underline" ) */
	font-weight: normal;
}

#footerNavigation a.ftMenu:link{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	color: #002147;
	text-decoration: none; 
	font-weight: normal;
	background: url(/images/blue_arrrow.gif) transparent no-repeat center left;
}

#footerNavigation a.ftMenu:hover{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	color: #80c91c;
	text-decoration: none;
	font-weight: normal;
	background: url(/images/green_arrow_up.gif) transparent no-repeat center left;
}


/*
#footerNotes{
	position:absolute;
	width:990px;
	height:25px;
	top:630px;
	left:0px;
	width:990px;
	height:25px;
}
*/

#footerNotes{
	position:relative;
	width:auto;
	height:25px;
}

#footerNotes a:link, #footerNotes a:visited{
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	color: #b9b9b9;
	text-decoration: none;
}

#mobileSiteAnchor{
	position:absolute;
	font-family:Arial,Helvetica,sans-serif; 
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
    width:100px;
    cursor:pointer;
}

#mobileSiteLink{
	position:absolute;
	top:2px;
	left:712px;
	z-index:50;
}

#phoneIcon{
	position:relative;
	top:2px;
	margin-left:7px;
}

.spacer{
	width:15px;
	margin-left:15px;
	background-color:#C1C1C1;
	
}

.bgImage{
	position: absolute;
	top: 0px;
	left:0px;
	z-index:1;
	width:990px;
	height:580px;
	opacity:0;
	filter:alpha(opacity=0);	
}

#snow24hrIndicator{
	position: absolute;
	top: 13px;
	left:12px;
	width:33px;
	height:10px;	
}

#snow48hrIndicator{
	position: absolute;
	top: 26px;
	left:12px;
	width:33px;
	height:10px;
}


#snow7dayIndicator{
	position: absolute;
	top: 39px;
	left:12px;
	width:33px;
	height:10px;
}


#snowBaseIndicator{
	position: absolute;
	top: 52px;
	left:12px;
	width:33px;
	height:10px;
}

#highTempTitle{
	position: absolute;
	top: 13px;
	left:211px;
	width:26px;
	height:10px;
}

#lowTempTitle{
	position: absolute;
	top: 40px;
	left:211px;
	width:26px;
	height:10px;
}

#firstDayConditionIndicator{
	position: absolute;
	top: 13px;
	left:170px;
	width:33px;
	height:10px;
}

#secondDayConditionIndicator{
	position: absolute;
	top: 29px;
	left:170px;
	width:33px;
	height:10px;
}

#thirdDayConditionIndicator{
	position: absolute;
	top: 44px;
	left:170px;
	width:33px;
	height:10px;
}

#highTemperature{
	position: absolute;
	top: 24px;
	left:211px;
	width:60px;
	height:10px;
	color:#002147;
}

#lowTemperature{
	position: absolute;
	top: 50px;
	left:211px;
	width:60px;
	height:10px;
}

#conditionsIcon{
	position: absolute;
	top: -36px;
	left:212px;
	width:144px;
	height:144px;
}
#snowLevelValueInches{
	position: absolute;
	top: 8px;
	left:68px;
	width:80px;
	height:39px;
	font-size:41px;
	font-weight:normal;
	color:#002147;
}

#snowLevelValueCentimeters{
	position: absolute;
	top: 50px;
	left:68px;
	width:60px;
}

#snowFlakeGradient{
	position: absolute;
	width:227px;
	height:74px;
	top:-2px;
	left:30px;
}

#snowFallAnimation{
	position: absolute;
	top:5px;
	left:63px;
}



#dailysnowReports{
	position: absolute;
	top: 66px;
	left:4px;	
}




#fullWeatherForecasts{
	position: absolute;
	top: 66px;
	left:150px;
}


#webcamButtons{
	position: absolute;
	top:11px;
	left:10px;
	width:33px;
	cursor:pointer;
}

#webCamImageContainer{
	position: absolute;
	top:10px;
	left:35px;
	
}

#webCamBgImage{
	position: absolute;
	top:0px;
	left:0px;
}

.indicatorShow{
	visibility:visible;
}
.indicatorHide{
	visibility:hidden;
}

.webcamSmall{
	position: absolute;
	width:129px;
	height:89px;
}

.webcamLarge{
	position: absolute;
	width:250px;
	height:173px;
}

#changeSizeButton{
	position: absolute;
	top:13px;
	right:13px;
	width:14px;
	height:14px;
	cursor:pointer;
	
}

.webcamImageExpanded{
	position: absolute;
	width:200px;
	height:152px;
}

.webcamImageReduced{
	position: absolute;
	width:80px;
	height:70px;
}

#videoThumbnail{
	position: absolute;
	top:1px;
	left:11px;
	width:191px;
	height:159px;
}

#videoThumbnailImage{
	position: absolute;
	top:15px;
	left:-2px;
	width:184px;
	height:139px;
}

#videoMaskImage{
	position: absolute;
	top:87px;
	left:-2px;
	width:184px;
	height:67px;
	opacity:0.50;
}

#mediaNowPlaying{
	position: absolute;
	top:87px;
	left:-2px;
	width:184px;
	height:67px;
}
#teaserTitle{
	position: absolute;
	top:28px;
	left:96px;
	width:220px;
	height:18px;
	color:#002147;
	font-weight:bold;
}

#teaserImage{
	position: absolute;
	top:28px;
	left:11px;
	width:80px;
	height:70px;
}
#saveSnowImage {
	position: absolute;
	top:65px;
	left:215px;
	width:107px;
	height:36px;
}

#teaserDescription{
	position: absolute;
	top:43px;
	left:96px;
	width:222px;
	height:43px;
}

#moreInfoLink{
	position: absolute;
	top:84px;
	left:92px;
	width:222px;
	height:18px;
}

#moreInfoLink a{
	color:#80c91c;
	text-decoration:none;
}

#vacationPlannerContent{
	position:absolute;
	color:#ffffff;
	top:0px;
	left:336px;
	height:25px;
	width:654px;
	overflow:visible;
}

#vacationPlannerTitle{
	position:absolute;
	top:7px;
	color:#80c91c;
	font-weight:bold;
}

#vacationPlannerForm{
	position:absolute;
	top:0px;
	left:135px;
	margin:0px;
}

#vacationPlannerForm input{
	background-color:#cccccc;
	border: 0px;
	font-size:10px;
	color:#002417;
	margin-right:4px;
}

#vacationPlannerSubmitButtons{
	position:absolute;
	top:6px;
	left:469px;
	color:#80c91c;
	font-size:12px;
	width:50px;
	font-weight:bold;
}

#goButtonActive{
	position:absolute;
	top:-3px;
	left:22px;
	display:none;
}

#goButtonInActive{
	position:absolute;
	top:-3px;
	left:22px;
}

#arrivalDatePicker{
	display:none; 
	position:absolute; 
	left:135px; 
	top:-150px; 
	background-color:#ababab;
	padding:10px;
}

#departureDatePicker{
	display:none; 
	position:absolute; 
	left:261px; 
	top:-150px; 
	background-color:#ababab;
	padding:10px;

}

/*  FOOTER MENU  */
#ftMenu { float:right; width:180px;}
#ftMenu1 { float:left; line-height:25px; height:25px; }

.ftMenu {font-family:Verdana,Helvetica,sans-serif; width:auto; position:relative; font-size:9px; text-transform:uppercase;}
.ftMenu ul li a, .ftMenu ul li a:visited {display:block; text-decoration:none; width:auto; height:25px; text-align:left; border:1px solid #fff; border-width:0 1px 1px 0; color:#002147; padding-left:10px; line-height:25px; font-size:9px;}
.ftMenu ul {padding:0; margin:0;list-style-type: none; }
.ftMenu ul li {float:left; position:relative; background: url(/images/blue_arrrow.gif) transparent no-repeat center left; }
.ftMenu ul li ul {visibility:hidden; position:absolute;}

.ftMenu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}

.ftMenu ul li:hover a, .ftMenu ul li a:hover {color:#002147; text-decoration:none;}

.ftMenu ul li:hover ul, .ftMenu ul li a:hover ul {visibility:visible; bottom:25px; left:0;}

.ftMenu ul li:hover ul li a.sub, .ftMenu ul li a:hover ul li a.sub {background:#dce5ef; color:#002147;}
.ftMenu ul li:hover, .ftMenu ul li a:hover {background: url(/images/green_arrow_up.gif) transparent no-repeat center left; color:#80c91c;}

.ftMenu ul li:hover ul li, .ftMenu ul li a:hover ul li {display:block; background:#fff; color:#002147; width:180px; clear:both;}

.ftMenu ul li:hover ul li:hover a.sub, .ftMenu ul li a:hover ul li a:hover.sub {background:#dce5ef; color:#b9b9b9;}

.ftMenu ul li:hover ul li ul, .ftMenu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.ftMenu ul li:hover ul li a, .ftMenu ul li a:hover ul li a {display:block; background:#dce5ef; color:#b9b9b9; width:100%; padding-left:10px;}

.ftMenu ul li:hover ul li a:hover, .ftMenu ul li a:hover ul li a:hover {background:#fff; color:#002147;}

.ftMenu ul li:hover ul li:hover ul, .ftMenu ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}

.ftMenu ul li:hover ul li:hover ul li a, .ftMenu ul li a:hover ul li a:hover ul li a {background:#dce5ef; color:#002147;}

.ftMenu ul li:hover ul li:hover ul li a:hover, .ftMenu ul li a:hover ul li a:hover ul li a:hover {background:#c9c9a7; color:#000;}

.ftMenu ul li:hover ul.left, .ftMenu ul li a:hover ul.left {left:-105px;}

.ftMenu ul li:hover ul li:hover ul.left, .ftMenu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}