<style type="text/css">
body
{
	margin: 0;
	font-family: arial;
	font-size: 14px;
	text-align: left;
}

img, div { behavior: url(/css/iepngfix.htc); }

.important
{
	color: #c8930c;
}

.selected
{
	color: #ff7704;
}

.inside
{
	border-bottom: 1px dashed #c8930c;
	color: #c8930c;
	text-decoration: none;
	cursor: pointer;
}

#main 
{
    font-family: arial;
	width: 962px;  
	margin: 0;
	padding: 5px;
	background-color: #f8e6bc;
	border: 4px #ffc704 solid;
	border-top: none;
	border-bottom: none;
	text-align: left;
}

#bottom
{
	background: url(/images/border-bottom.gif) no-repeat;
	height: 40px;
	width: 980px;
}

#main #menus
{
	width: 100%;
	padding: 0 5px;
	height: 180px;
	position: relative;
}

#main #menus img
{
    width: 150px;
	border: none;
	padding-top: 0px;
}


#main #menus .menu
{
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
	height: 180px;
	overflow: hidden;
	vertical-align: top;
	text-align: center;
	color: #c8930c;
	font-size: 16px;
	text-decoration: none;
}

#main .name
{
	text-align: center;
	margin: 10px 30px;
    font-size: 22px;
    color: #c8930c; 	
}

#map
{
    width: 460px;
	float: left;
	height: 450px;
	padding: 25px 0;
	margin: 0 110px 0 0;
	
}

#text
{
    font-family: arial;
	float:left;
	font-size:14px;
	height:450px;
	left:550px;
	padding:10px;
	position:absolute;
	text-align:right;
	top:0;
	width:350px;
}

#text .title
{
	font-size: 20px;
	margin: 0 0 20px;
	color: #c8930c;
}


#hotels
{
	font-family: arial;
    width: 100%;
	padding: 0 20px 20px 20px;
}

#hotels th
{
    height: 50px;
	vertical-align: baseline;
	text-align: left;
	padding: 30px 0 10px;
	font-size: 22px;
	color: #c8930c;	
}

#hotels .hotelImage
{
	width: 200px;
	height: 200px;
}

#hotels .hotelDescription
{
	padding: 0 30px;
	text-align: left;
}

#hotels .title
{
	color: #c8930c;
}

.hotels
{
    font-family: arial;
    width: 100%;
    padding: 0 20px 40px 20px;
}

.hotels th
{
    height: 50px;
    vertical-align: baseline;
    text-align: left;
    padding: 30px 0 10px;
    font-size: 22px;
    color: #c8930c; 
}

.hotels .hotelImage
{
    width: 200px;
    height: 200px;
}

.hotels .hotelDescription
{
    padding: 0 30px;
    text-align: left;
}

.hotels .title
{
    color: #c8930c;
}



#santafe
{
    position: absolute; 
    top: 149px; 
    left: 574px; 
    height: 111px; 
    width: 132px;
    cursor: pointer;
	background: url('/images/blank.gif') repeat-x repeat-y;
}

#santafe:hover
{
    background: url('/images/hotelSantaFe.png') no-repeat;
}

#cheyenne
{
    position: absolute; 
    top: 94px; 
    left: 449px; 
    height: 85px; 
    width: 137px;
    cursor: pointer;
    background: url('/images/blank.gif') repeat-x repeat-y;	
}

#cheyenne:hover
{
    background: url('/images/hotelCheyenne.png') no-repeat;
}

#sequoia
{
    position: absolute; 
    top: 217px; 
    left: 524px; 
    height: 89px; 
    width: 98px;
    cursor: pointer;
    background: url('/images/blank.gif') repeat-x repeat-y;	
}

#sequoia:hover
{
    background: url('/images/hotelSequoia.png') no-repeat;
}

#newYork
{
    position: absolute; 
    top: 166px; 
    left: 406px; 
    height: 71px; 
    width: 145px;
    cursor: pointer;
    background: url('/images/blank.gif') repeat-x repeat-y;	
}

#newYork:hover
{
    background: url('/images/hotelNewYork.png') no-repeat;
}

#disneyLand
{
    position: absolute; 
    top: 169px; 
    left: 229px; 
    height: 106px; 
    width: 134px;
    cursor: pointer;
    background: url('/images/blank.gif') repeat-x repeat-y;	
}

#disneyLand:hover
{
    background: url('/images/hotelDisneyLand.png') no-repeat;
}

#newPort
{
    position: absolute; 
    top: 257px; 
    left: 445px; 
    height: 123px; 
    width: 146px;
    cursor: pointer;
    background: url('/images/blank.gif') repeat-x repeat-y;	
}

#newPort:hover
{
    background: url('/images/hotelNewPort.png') no-repeat;
}




#slideShow
{
    width: 800px;
    height: 500px;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff;
    margin: 10px;
	text-align: center;
}
.pagelinks a
{
    font-weight: bold;
    color: #666;
}
.slideCaption
{
    background-color: #FFFFCC;
    padding: 4px;
    text-align: center;
    font-weight: bold;
}
.pagelinks a.activeSlide
{
    color: #f90;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
    background-image: url(images/spacer.gif);
}
.nextSlide:hover
{
    background-image: url(images/nextslide.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.prevSlide:hover
{
    background-image: url(images/prevslide.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
}
.inputsTooltip
{
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 4px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    filter:alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;
}
#tooltipURL
{
    display: none;
}
</style>