* {
	margin: 0px;
	padding: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p {
	vertical-align: top;
	margin: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
}

a{cursor:pointer;}

.menutext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3b3b9d;
	height: 25px;
	width: 175px;
	background-position: center center;
	font-weight: bold;
	border: 2px solid #3b3b9d;
	text-align: center;
}
.menutext:active, .menutext:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #3b3b9d;
	height: 25px;
	width: 175px;
	background-position: center center;
	font-weight: bold;
	border: 2px solid #FFFFFF;
}
.menubox
{
	background-color: #3b3b9d;
	height: 25px;
	width: 175px;
	clear: both;
	float: none;
	position: relative;
	visibility: visible;
	border: 2px solid #3b3b9d;
}
.menubox:active, .menubox:hover
{
	background-color: Silver;
	height: 25px;
	width: 175px;
	background-position: center center;
	clear: both;
	float: none;
	position: relative;
	visibility: visible;
	border: 2px solid #FFFFFF;
}
.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	font-weight: bold;
}
.texttiny
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.titlewhite
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
}
.titlelink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
}
.textwhite
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.input
{
	background-color: #D8D8D8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	border: thin solid #999999;
}
/********************************* RUSSELL STUFF ***********************************************/

.hlBLACK
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bolder;
	color: #000000;
}
.bodyBLK
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000000;
	font-weight: normal;
	text-align: justify;
}
.bodyBLK2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	font-weight: normal;
	text-align: left;
}
.subRED
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bolder;
	color: #FF0000;
}
.hlRED
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bolder;
	color: #FF0000;
}
.hlWHITE
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bolder;
	color: #FFFFFF;
}
.hlRED18
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bolder;
	color: #FF0000;
}
.bodyTABLE
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	line-height: 10px;
	font-weight: normal;
}
.bodyWHT
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
.bodyTABLEwht
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
}
.subWHT
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
}
/**************************************************** TOMMY STUFF *********************************************/


body
{
	margin: 0;
	margin: 0px auto;
	background: White;
}
.main
{
	width: 802px;
	margin: 0px auto;
	background-image: url(assets/images/leftmenu/leftNavBGSH.jpg);
	background-repeat: repeat-y;
	position:relative;
}
.leftMain
{
	width: 150px;
	float: left;
}
.rightMain
{
	float: right;
	width: 650px;
}
.content
{
	width: 650px;
	clear:left;
}
.leftBlock {
	background-image: url(assets/images/leftmenu/leftNavBGSH.jpg);
	text-align: left;
	width: 150px;
	float: left;
	background-repeat: repeat-y;
	padding-top: 100px;
	z-index: 3500;
}
.leftNavSH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(assets/images/leftmenu/leftNavBGSH.jpg);
	text-align: left;
	width: 150px;
	float: left;
	background-repeat: repeat-y;
	position: relative;
	z-index: 3500;
}

.left-logo{width:150px;height:188px;background-image: url(assets/images/leftmenu/leftNavSH.jpg);}

#homeContent {
	width: 638px;
	color: White;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 13px;
	float: left;
}
#homeContent div{z-index:5;}

#Pan157 {
	float: left;
	width: 157px;
	margin: 1px;
}
#Panel317 {
	float: left;
	width: 317px;
}
#Pan318 {
	float: left;
	width: 318px;
	padding-top: 1px;
}
#Panels2 {
	float: left;
	width: 638px;
	margin-left: 1px;
}
#Panels4 {
	float: left;
	width: 638px;
	margin-left: 1px;
}
#LeftFeature {
	float: left;
	width: 132px;
	position: relative;
	left: 17px;
}
#RedPanel {
	background-image: url(assets/images/leftmenu/FeatureMidRed.png);
	background-repeat: repeat-y;
	float: left;
	width: 132px;
	position: relative;
}
#FeatureTop {
	background-image: url(assets/images/leftmenu/FeatureTopRed.png);
	background-repeat: no-repeat;
	float: left;
	width: 132px;
	position: relative;
	top: -3px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
#FeatureBottom {
	background-image: url(assets/images/leftmenu/FeatureBotRed.png);
	background-repeat: no-repeat;
	float: left;
	width: 132px;
	position: relative;
	top: 6px;
	text-align: left;
	background-position: 0px bottom;
}
#FeatureContentTop {
	float: left;
	width: 112px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
}
#FeatureContentPic {
	float: left;
	width: 112px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 8px;
}
#FeatureContentBott {
	float: left;
	width: 112px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
}
#NavPic {
  clear:left;
	width: 150px;
	height:273px;
	background: url(assets/images/leftmenu/leftPic.png) no-repeat right top;
}
.LeftFeature
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url( "assets/images/leftmenu/leftNav.jpg" );
	text-align: left;
	height: 725px;
	width: 130px;
	float: left;
	padding-left: 20px;
	padding-top: 250px;
}
.leftNav a
{
	margin-left: 4px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color: White;
}
.leftNav a:hover
{
	color: #333333;
}
.leftNavSub div
{
	display: none;
	position: relative;
	background-color: #0066CA;
	border: solid 1px white;
	margin: 0;
	padding: 0;
	left: 70px;
	top: -17px;
}
.leftNavSub:hover div
{
	display: block;
}
#flash1 {
	height: 75px;
	width: 300px;
	top: 125px;
	left: 125px;
	position: absolute;
	z-index: 3999;
}
.header
{
	width: 652px;
	height: 266px;
	position: relative;
	left: -2px;
	z-index: 50;
}
.header img
{
	padding: 0;
	margin: 0;
}
.headerTop
{
	background-image: url( "assets/images/homeHeaderTop.gif" );
	height: 31px;
}
.headerMain
{
	background-image: url( "assets/images/homeHeader.jpg" );
	height: 250px;
	z-index: 100;
}
/*
.navigation
{
	margin: 10px 0 0 0;
	width: 100%;
	text-align: center;
	font-family:Sans-Serif;
	font-size: 13px;
}*/
.headerMenu
{
	/*background-image:url("assets/images/menuBackground.gif");*/
	margin: 0px auto;
	margin-left: 14px;
	margin-top: 1px;
	padding-top:2px;
	width: 636px;
	text-align: center;
	color: White;
	float:left;
	display:inline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.headerMenu a
{
	color: White;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
.headerMenu ul
{
	margin: 0;
	padding: 0;
	height: 19px; /*padding-top: 5px;*/
	z-index:3000;
	
}
.headerMenu li
{
	float:left;
	height:22px;
	display:block;
	list-style-type:none;
	margin:0 2px 0 0;
	padding:0;
	position:relative;
	text-align:center;
	width:104px;
	z-index:3001;
}

.headerMenu li:hover a, .headerMenu li.ie6Hover a{background-position:1px -70px;color:#fff;}

.headerMenu li a
{
	background-image:url(assets/images/leftmenu/ButtBlue.png);
	background-position:1px 0;
	background-repeat:no-repeat;
	color:#333333;
	cursor:pointer;
	display:block;
	height:22px;
	padding-top:1px;
	text-decoration:none;
	z-index:3002;
}
.headerMenu li ul
{
	position: absolute;
	left: 0;
	top: 22px;
	height:auto;
	display: none;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 3px;
	border-width:0;
	z-index:3003;
}
.headerMenu li ul li
{
 float:none;
}
* html .headerMenu ul li
{
	float: left;
}
* html .headerMenu ul li a
{

}
/*.headerMenu ul li a:hover
{
	color:#333333;
}*/
.headerMenu ul li:hover ul li a:hover, .headerMenu ul li.ie6Hover ul li a:hover
{
  background-position:1px -46px;
}

div.headerMenu li:hover ul li a, div.headerMenu li.ie6Hover ul li a
{
	background-position:1px -23px;
	color:#fff;
	z-index:3004;
}
div.headerMenu li:hover ul, div.headerMenu li.ie6Hover ul
{
	display: block;
}

.headerMenuSH {	/*background-image:url("assets/images/menuBackground.gif");*/
	margin: 3px 0px 0px 13px;
	width: 636px;
	text-align: center;
	color: White;
	height: 22px;
}
/*.headerMenu  li ul { background-color:Blue; display:none; }
.headerMenu  li a:hover ul { display:block; background-color:Red; color:#333333;  }*/

.homeButton1, .homeButton2, .homeButton3, .homeButton4, .homeButton5, .homeButton6
{
	width: 200px;
	height: 78px;
	background-color: #888888;
	text-align: left;
	color: White;
	font-size: 14px;
	font-family: Arial, sans-serif, Verdana, Geneva, Helvetica;
	font-weight: bold;
}
.homeButton1:hover, .homeButton2:hover, .homeButton3:hover, .homeButton4:hover, .homeButton5:hover, .homeButton6:hover
{
	border-bottom: solid 2px white;
	border-right: solid 2px white;
	border-left: solid 2px black;
	border-top: solid 2px black;
}
.homeButton1, .homeButton2, .homeButton3
{
	padding: 0 2px 53px 2px;
}
.homeButton4, .homeButton5, .homeButton6
{
	padding: 53px 2px 0 2px;
}
.homeButton1
{
	background-image: url( 'assets/images/buttons/button1.jpg' );
}
.homeButton2
{
	background-image: url( 'assets/images/buttons/button2.jpg' );
}
.homeButton3
{
	background-image: url( 'assets/images/buttons/button3.jpg' );
}
.homeButton4
{
	background-image: url( 'assets/images/buttons/button4.jpg' );
}
.homeButton5
{
	background-image: url( 'assets/images/buttons/button5.jpg' );
}
.homeButton6
{
	background-image: url( 'assets/images/buttons/button6.jpg' );
}
.homeButton1:hover
{
	background-image: url( 'assets/images/buttons/button1Hover.jpg' );
}
.homeButton2:hover
{
	background-image: url( 'assets/images/buttons/button2Hover.jpg' );
}
.homeButton3:hover
{
	background-image: url( 'assets/images/buttons/button3Hover.jpg' );
}
.homeButton4:hover
{
	background-image: url( 'assets/images/buttons/button4Hover.jpg' );
}
.homeButton5:hover
{
	background-image: url( 'assets/images/buttons/button5Hover.jpg' );
}
.homeButton6:hover
{
	background-image: url( 'assets/images/buttons/button6Hover.jpg' );
}
#homePanel
{
	background: #BE0027;
	border: solid 1px white;
	display: block;
	width: 425px;
	float: right;
	color: White;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	padding: 5px;
	position: relative;
	top: -150px;
	right: 200px;
	line-height: 25px;
	font-weight: bold;
}
.resortMenu
{
	margin: 3px auto 0px 14px;
	text-align: center;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	width: 636px;
	height: 22px;
	background-image: url(assets/images/resortbar/resortButt.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 1px;
}
.resortMenuLeft
{
	float: left;
	padding-left: 5px;
	vertical-align: middle;
	padding-top: 2px;
}
.resortMenuRight
{
	float: right;
	padding-right: 5px;
	vertical-align: middle;
	font-size: 11px;
	padding-top: 2px;
}
.resortMenuRight a
{
	margin-bottom: 2px;
	text-decoration: none;
	color: #0066FF;
}
.resortMenuRight a:hover
{
	color: #FF0000;
}
.resortMenuRight img
{
	margin-bottom: -1px;
}


.pictureViewerButtonBorder
{
	text-decoration: none;
	margin: 0;
	padding: 0;
}


.nonDecoration
{
	text-decoration: none;
}

/***********************************RoundBoxsettings********************************/
.box
{
	display: block;
	float: left;
	width: 154px;
	height: 208px;
	margin: 3px;
	background: #666666;
	padding: 0px;
	color: White;
}
.box .boxheader
{
	height: 42px;
	background: #D03030 url(images/top-left.gif) no-repeat top left;
}
.box h3, .boxNoImage h3, .boxLarge h3, .boxTitle h3
{
	font-family: Arial;
	background: url(images/top-right.gif) no-repeat top right;
	text-align: center;
	padding-top: 3px;
	margin: 0px;
	font-size: 16px;
}
.boxbody
{
	background: #666666 url(images/bottom-left-gr.gif) no-repeat bottom left;
}
.box .boxbody div
{
	height: 166px;
	background: url(images/bottom-right-gr.gif) no-repeat bottom right;
}
.box img
{
	margin: 0px 3px;
	padding: 0px;
}
.box p, .boxLarge p, .boxNoImage p
{
	font-family: Arial;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	line-height: 14px;
}
.boxNoImage
{
	display: block;
	float: left;
	width: 154px;
	height: 110px;
	margin: 3px;
	background: #666666;
	padding: 0px;
	color: White;
}
.boxNoImage .boxheader
{
	height: 26px;
	background: #D03030 url(images/top-left.gif) no-repeat top left;
}
.boxNoImage .boxbody div
{
	height: 84px;
	background: url(images/bottom-right-gr.gif) no-repeat bottom right;
}
.boxLarge
{
	display: block;
	float: left;
	width: 314px;
	height: 74px;
	margin: 3px;
	background: #666666;
	padding: 0px;
	color: White;
}
.boxLarge .boxheader
{
	background: #D03030 url(images/top-left.gif) no-repeat top left;
}
.boxLarge .boxbody div
{
	background: url(images/bottom-right-gr.gif) no-repeat bottom right;
}
.boxLarge p
{
	font-weight: normal;
}
.middlecolumn
{
	display: block;
	float: left;
	width: 320px;
}
.boxTitle
{
	display: block;
	width: 314px;
	margin: 3px 3px 0px 3px;
	color: White;
	padding: 0px;
	background: #D03030 url(images/border-left-red.gif) no-repeat left;
}
.boxTitle div
{
	background: url(images/border-right-red.gif) no-repeat right;
	height: 29px;
}
.boxTitle h3
{
	background-image: none;
	padding-top: 4px;
}
h3 a:hover
{
	text-decoration: none !important;
}
.boxTitleGrey
{
	display: block;
	width: 314px;
	height: 47px;
	margin: 3px;
	color: White;
	background: url(images/border-gr.gif) no-repeat bottom;
}
.boxTitleGrey p
{
	font-family: Arial;
	margin: 7px 11px;
	padding: 0px;
	font-size: 13px;
	vertical-align: middle;
	text-align: left;
	line-height: 15px;
	font-weight: bold;
}
.boxTitleGrey div
{
	padding-top: 1px;
}
a.more
{
	color: Yellow;
	font-weight: bold;
	font-size: 12px;
}

.content a, .content a:visited
{
	text-decoration: none;
}
.content a:hover
{
	text-decoration: underline;
	cursor: pointer;
}
.inclusive
{
}
.inclusive p, .inclusive span
{
}
.hotel
{
}
.hotel .list
{
	width: 250px;
	display: block;
	float: left;
	margin: 20px 0px;
}
.hotel ul
{
	list-style-type: disc;
	vertical-align: middle;
}

.hotel .image
{
	float: right;
	width: 300px;
	border: 0px;
	padding: 0px;
}
.hotel .button
{
	margin-bottom: 40px;
}
.resort
{
}
.resort .list
{
	width: 300px;
	display: block;
	float: left;
}
.resort ul
{
	list-style-type: disc;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	font-weight: bold;
}
.fact p
{
	float: right;
	width: 300px;
	border: 0px;
	padding: 0px;
	line-height: 18px;
	text-align: left;
}
.resort .button
{
	margin-bottom: 40px;
}


.homeBtn
{
	background: Red !important;
	padding: 10px !important;
	color: White;
}

/* ---------------------------------- */


.annonceBox
{
	display: block;
	float: left;
	width:640px;
	margin-top:10px;
	padding: 0px;
}



.annonceBox .boxheader1
{
	/* this is the top left corner */
	background:transparent url(images/AnnounceTopLeftCorner.gif) no-repeat scroll left top;
	height:34px;
	margin: 0px;	padding: 0px;
}

.annonceBox h3
{
	/* this is the top right corner */
	background:transparent url(images/AnnounceTopRightCorner.gif) no-repeat scroll right top;
	font-family:Arial;
	font-size:16px;
	margin:0 0 -5px;
	padding:15px 0 0;
	text-align:center;
}

.announceBody
{
	/* this is the bottom left corner */
	background:url(images/AnnounceBottomLeftCorner.gif) no-repeat scroll left bottom;
	margin: 0; padding: 0;
}

.annonceBox .announceBody div 
{
	/* this is the bottom right corner */
	background:transparent url(images/AnnounceBottomRightCorner.gif) no-repeat scroll right bottom;
	height:34px;
	margin-bottom: 5px;
}



/* ---------------------------------- */


#contentwrapper
{
	margin-left: 10px;
}

#dealText
{
	margin:0; padding: 0;
	width: 500px;
}
#moreInfo {
	float: left;
	width: 132px;
	padding:149px 0 0;
	background:url(assets/images/leftmenu/SidePanMoreTop.png) no-repeat;
}

#moreInfo img{display:block;}

.phone-now, .email-questions{
  width:130px;
  height:69px;
  display:block;
  background:url(assets/images/leftmenu/SidePanMorePhone.gif) no-repeat;
}

.email-questions{
 background:url(assets/images/leftmenu/SidePanMoreEmail.gif) no-repeat;
 height:76px;
}

.phone-now:hover{background-position:0 -69px;}
.email-questions:hover{background-position:0 -76px;}

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	cursor: default;
	width: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: 22px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0 2 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	width: 104px;
	float: left;
	height: 22px;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0 2 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 104px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	position: absolute;
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 104px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	background-image:url(assets/images/leftmenu/ButtBlue.png);
	background-position:1px 0;
	background-repeat:no-repeat;
	color:#333333;
	cursor:pointer;
	display:block;
	height:22px;
	padding-top:1px;
	text-decoration:none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	color: #FFF;
	background-image: url(assets/images/leftmenu/ButtBlue.png);
	background-repeat: no-repeat;
	background-position: 1px -23px;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(assets/images/leftmenu/ButtBlue.png);
	background-repeat: no-repeat;
	background-position: 1% 0%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(assets/images/leftmenu/ButtBlue.png);
	background-repeat: no-repeat;
	background-position: 1% 0%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(assets/images/leftmenu/ButtBlue.png);
	background-repeat: no-repeat;
	background-position: 1px -23px;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(assets/images/leftmenu/ButtBlue.png);
	background-repeat: no-repeat;
	background-position: 1% -23%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	}

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	cursor: default;
	width: 104px;
	height: 23px;
	left: 20px;
	position: relative;
	letter-spacing: -0.5px;
	z-index:4000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 104px;
	height: 23px;
	z-index:4002;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	cursor: default;
	width: 104px;
	left: -999em;
	top: 0;
	height: 23px;
	z-index:4003;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 5px;
	position: absolute;
	top: 5px;
	z-index:4004;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 104px;
	height: 23px;
	z-index:4005;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	padding: .2em 0.75em 0.5em;
	color: #333;
	text-decoration: none;
	background-image: url(assets/images/leftmenu/ButtRed.png);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	z-index:4003;
	position:relative;
}

ul.MenuBarVertical ul li a{z-index:4006;position:relative;}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	color: #FFF;
	background-image: url(assets/images/leftmenu/ButtRed.png);
	background-repeat: no-repeat;
	background-position: 1px -23px;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	color: #FFF;
	z-index:4008;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(assets/images/leftmenu/ButtRed.png);
	background-repeat: no-repeat;
	background-position: 1% 0%;
	z-index:4001;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(assets/images/leftmenu/ButtRed.png);
	background-repeat: no-repeat;
	background-position: 1px -23px;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
	ul.MenuBarVertical li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	}

.ui-dialog{z-index:10001 !important;}


.clear{height:1px;width:100%;line-height:1px;font-size:1px;clear:both;}


/**************************
***   Home page boxes   ***
**************************/

.homebox{
 display:inline;
 float:left;
 margin:0 0 9px;
 text-align:center;
 padding:3px 5px 0;
 font-family:Arial;
 position:relative;
 zoom:1;
}

.homebox .morelink{
 position:absolute;
 width:100%;
 height:100%;
 bottom:0;
 display:block;
 right:0;
 z-index:9000;
 zoom:1;
 background:url(assets/images/blank.gif) no-repeat right top;
}

.homebox .morelink span{
 background: url(assets/images/home/morelink.gif) no-repeat right top;
 bottom:3px;
 right:3px;
 position:absolute;
 width:37px;
 height:11px;
 font-size:11px;
 line-height:1px;
 display:block;
 padding:0;
 z-index:9001;
 text-indent:-9999em;
 zoom:1;
}

.homebox .morelink:hover span{background-position:right bottom;}

.homebox h3, .homebox h3 a{
 font-size:14px;
 color:#ea1e1f;display:block;width:100%;
}

.homebox p{
	font-size:12px;
	color:#535152;
	margin:0;
	padding:0;
	position:relative;
	z-index:1;
}

.topbox{
 width:301px;
 height:70px;
 background:url(assets/images/home/topbox.gif) no-repeat;	
}

.inclusiveski{margin-left:9px;}
.inclusiveski h3{margin:3px 0 5px;}

.focus{width:141px;height:210px;margin-right:9px;}

.focus h3, .bottomlate h3, .bottomnews h3,
.focus h3 a, .bottomlate h3 a, .bottomnews h3 a{color:#0267c1;display:block;}

.focus p{color:#0267c1;}

.spot1{background:url(assets/images/home/focus1.gif) no-repeat;padding-top:133px;height:77px;}
.spot2{background:url(assets/images/home/focus2.gif) no-repeat;padding-top:148px;height:62px;}
.spot3{background:url(assets/images/home/focus3.gif) no-repeat;padding-top:136px;height:74px;}
.spot4{background:url(assets/images/home/focus4.gif) no-repeat;padding-top:115px;height:95px;margin-right:0;}

.bottombox{
 	width:132px;
 	height:100px;
 	background:url(assets/images/home/bottombox.gif) no-repeat;
 	padding:8px 10px 0;
}

.offersalert h3{font-size:16px;margin-bottom:10px;}
.offersalert p{font-size:16px;}

.bottom-middle{
 width:310px;
 float:left;
 display:inline;
 margin:0 8px;	
 text-align:center;
}

.skischools{
 width:310px;
 height:34px;
 padding:0;
 background:url(assets/images/home/skischools.gif) no-repeat;
 line-height:34px;
}

.bottomlate, .bottomnews{
 width:150px;
 height:26px;
 line-height:26px;
 padding:0;
 background:url(assets/images/home/bottom-middle.gif) no-repeat;
}

.bottomnews{margin-left:10px;}

.ie-ssi{display:none;} /** Hide extra character that IE adds with SSI for left menu which breaks layout **/

.content img {
	margin-bottom: 8px;
}
.picLine {
	border: 1px solid #999999;
}