/* Start of CMSMS style sheet 'Nav' */
#menu {
   position:relative;
   float:left;
   background-image:url(GRAPHICS/nav.png);
   background-repeat:no-repeat;
   top:-5px;
   left:1px;
   width:250px;
   height:500px;
   padding-left:39px;
   z-index:3;
}

	#mainnav {
	position:absolute;
    float:left;
	top:185px;
	left:75px;
	width:150px;
	z-index:10;
	}

	#mainnav ul#nav  {
	padding:0px;
	margin:0px;	
	top:0px;
	list-style:none;
	}


	#nav li { /*float the main list items*/
	    position:relative;
		float: left;
		display: block;
	}
	
	#nav li span {
		display: none;
	}

	#nav li ul {
		display: none;
	}
	
	#nav a {
		text-decoration: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	    position:absolute;
	    float:none;
	    margin:0px;
	    padding:0px;
  	    *top: 0px; /*reposition for IE*/
	    *left: 25px;
	    top:5px;
	    left:150px;
	    z-index:999;
            border:1px solid #F0A418;
}


	#nav li a {
		display: block;
		padding: 0px;
		margin: 0px;
	}

	#nav li.on a {
		color: #073E74;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul {
		display: block;
	}


	#li2 a, #li3 a, #li4 a, #li5 a, #li6 a, #li7 a, #li8 a, #li9 a, #li10 a {
		display: block;
		position: relative;
		width: 289px;
		height: 30px;
		background-image:url(GRAPHICS/nav.gif);
		background-repeat:no-repeat;
		z-index:10;
		padding:0px;
	}

/*first, put the initial states in place*/

#li2 a {
	background-position: -75px -193px; 
	width: 170px;
}

#li2 a:hover {
	background-position: -365px -193px;    
	width: 170px;
}

#li3 a {
	background-position: -75px -224px; 
	width: 170px;
}

#li3 a:hover {
	background-position: -365px -224px;    
	width: 170px;
}

#li4 a {
	background-position: -75px -255px; 
	width: 170px;
}

#li4 a:hover {
	background-position: -365px -255px;    
	width: 170px;
}

#li5 a {
	background-position: -75px -285px; 
	width: 170px;
}

#li5 a:hover {
	background-position: -365px -285px;    
	width: 170px;
}

#li6 a {
	background-position: -75px -315px; 
	width: 170px;
}

#li6 a:hover {
	background-position: -365px -315px;    
	width: 170px;
}

#li7 a {
	background-position: -75px -340px; 
	width: 170px;
}

#li7 a:hover {
	background-position: -365px -340px;    
	width: 170px;
}


#li8 a {
	background-position: -75px -370px; 
	width: 170px;
}

#li8 a:hover {
	background-position: -365px -370px;    
	width: 170px;
}

#li9 a {
	background-position: -75px -400px; 
	width: 170px;
}

#li9 a:hover {
	background-position: -365px -400px;    
	width: 170px;
}

#li10 a {
	background-position: -75px -430px; 
	width: 170px;
}

#li10 a:hover {
	background-position: -365px -430px;    
	width: 170px;
}

/*subnav formatting*/

#nav li ul a {
	display: block;
	background: #F3E6B3;
	color: #875F2C;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
    height:auto;
    padding:5px;
	width:90px;
}	

#nav li ul a:hover {
	background: #F0A418;
	color: #F3E6B3;
	width:90px;
}	


#menu-l2 {
   position:relative;
   float:left;
   background-image:url(GRAPHICS/nav-L2.gif);
   background-repeat:no-repeat;
   top:20px;
   left:0px;
   z-index:999;
}

	#mainnav2 {
	position:absolute;
    float:left;
	width:1078px;
	left:0px;
	top:240px;
    z-index:99;
	}

        #mainnav2 div#navhome {
        position:relative;
        float:left;
        left:75px;
        }

	#mainnav2 ul#nav2  {
	padding:0px;
	margin:0px;	
	top:0px;
	left:0px;
	list-style:none;
	}


	#nav2 li { /*float the main list items*/
	    position:relative;
		float: left;
		display: block;
	}
	
	#nav2 li span {
		display: none;
	}

	#nav2 li ul {
		display: none;
	}
	
	#nav2 a {
		text-decoration: none;
	}

	#nav2 li.off ul, #nav2 li.on ul  { /*put the subnav2 below*/
	    position:absolute;
	    float:none;
            margin:0px;
            padding:0px;
	    top:24px;
            left:20px;
	    z-index:10;
            border:1px solid #F0A418;
}


	#nav2 li a {
		display: block;
		float:left;
		padding: 0px;
		margin: 0px;
	}

	#nav2 li.on a {
		color: #073E74;
	}

	#nav2 li.on ul {
		display: block;
	}

	#nav2 li.off:hover ul {
		display: block;
	}


	#li2n a, #li3n a, #li4n a, #li5n a, #li6n a, #li7n a, #li8n a, #li9n a, #li10n a {
		display: block;
		position: relative;
		width: 1078px;
		height: 24px;
		left:0px;
                background-image:url(GRAPHICS/nav-L2.gif);
		background-repeat:no-repeat;
	}

/*first, put the initial states in place*/

#li3n a {
	background-position: 0px 0px; 
	width: 117px;
}

#li3n a:hover {
	background-position: 0px -24px;    
	width: 117px;
}

#li4n a {
	background-position: -120px 0px; 
	width: 85px;
}

#li4n a:hover {
	background-position: -120px -24px;    
	width: 85px;
}

#li5n a {
	background-position: -208px 0px; 
	width: 85px;
}

#li5n a:hover {
	background-position: -208px -24px;    
	width: 85px;
}

#li6n a {
	background-position: -296px 0px; 
	width: 164px;
}

#li6n a:hover {
	background-position: -296px -24px;    
	width: 164px;
}

#li7n a {
	background-position: -462px 0px; 
	width: 153px;
}

#li7n a:hover {
	background-position: -462px -24px;    
	width: 153px;
}

#li8n a {
	background-position: -618px 0px; 
	width: 119px;
}

#li8n a:hover {
	background-position: -618px -24px;    
	width: 119px;
}


#li9n a {
	background-position: -740px 0px; 
	width: 140px;
}

#li9n a:hover {
	background-position: -740px -24px;    
	width: 140px;
}

#li2n a {
	background-position: -928px 0px; 
	width: 40px;
}

#li2n a:hover {
	background-position: -928px -25px;    
	width: 40px;
}

#li10n a {
	background-position: -985px 0px; 
	width: 65px;
}

#li10n a:hover {
	background-position: -985px -25px;    
	width: 65px;
}



/*subnav2 formatting*/

#nav2 li ul a {
	display: block;
	background: #F4E7B3;
	color: #875F2C;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
        height:auto;
        padding:5px;
	width:90px;
}	

#nav2 li ul a:hover {
	background: #F0A418;
	color: #F3E6B3;
	width:90px;
}	


#utility {
    position:relative;
	float:right;
	background-image:url(GRAPHICS/nav-utility.gif);
	background-repeat:no-repeat;
	width:280px;
	height:28px;
	padding-top:30px;
        bottom:-1px;
}

#utility ul {
	margin:0px;
	padding:0px;
}

#utility li {
	list-style:none;
    position:relative;
	float:left;
	width:75px;
	height:28px;
}

#utility li a {
	list-style:none;
    position:relative;
	float:left;
	width:75px;
	height:28px;
}


#utility span {
	display:none;
}

#footer ul {
position:relative;
left:20px;
list-style:none;
margin:0px;
padding:0px;
width:800px;
margin-left:auto;
margin-right:auto;
}

#footer li {
position:relative;
float:left;
padding-right:15px;
}

#footer li a:link {
color:#f4e6b4;
text-decoration:none;
}

#footer li a:hover,
#footer li a:active,
#footer li a:visited{
color:#f4e6b4;
text-decoration:underline;
}

/* End of 'Nav' */

/* Start of CMSMS style sheet 'Rooms-Rates' */
html, body {
  margin:0px;
  font-family:"Times New Roman", Times, serif;
  font-size:14px;
  background-image:url(GRAPHICS/bkgd_repeat.jpg);
  background-repeat:repeat-x;
  background-color:#677598;
  height:100%;
}

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

a:link {
   color:#769f96;
   text-decoration:none;
}

a:hover,
a:visited,
a:active {
   color:#769f96;
   text-decoration:underline;
}

div#header-print,
div#footer-print {
display:none;
}


#container {
  position:relative;
  background-repeat:no-repeat;
  background-position:center;
  width:1080px;
  height:125%;
  min-height:125%;
  height:auto !important;
  margin-left:auto;
  margin-right:auto;
  z-index:0;
}

#wrapper {
  position:relative;
  width:840px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

#top {
  position:relative;
  float:left;
  background-image:url(GRAPHICS/bkgd_top.jpg);

  background-repeat:no-repeat;
  width:100%;
  height:59px;
}

#dropbottom {
  position:relative;
  float:left;
  width:100%;
  background-image:url(GRAPHICS/drop-bottom.png);
  background-repeat:repeat-x;
  background-position:bottom left;
  padding-bottom:10px;
  padding-right:12px;
  z-index:2;
}

#dropside {
  position:relative;
  float:left;
  width:100%;
  background-image:url(GRAPHICS/drop-side.png);
  background-repeat:repeat-y;
  background-position:top right;
  padding-right:16px;
}

*html #dropbottom, *html #dropside {
  background-image:none;
}

#main {
  position:relative;
  float:left;
  width:100%;
  border:5px solid #FFFFFF;
  background-color:#f3e6b4;
  background-image:url(GRAPHICS/bkgd-retablo.jpg);
  background-repeat:no-repeat;
  background-position:bottom left;
  z-index:2;
}

#kachina {
  position:relative;
  float:left;
  width:100%;
  border:5px solid #FFFFFF;
  background-color:#f3e6b4;
  padding:5px;
  background-image:url(GRAPHICS/pots.jpg);
  background-repeat:no-repeat;
  background-position:bottom left;
}

#kachina .link {
  position:relative;
  float:right;
  top:100px;
  right:25px;
  width:128px;
  height:20px;
  background-image:url(GRAPHICS/link-come-in.gif);
}

#kachina .link span {
  display:none;
}

#splashbottom {
  position:relative;
  float:left;
  width:800px;
  padding:25px;
}

#splashleft {
  position:relative;
  float:left;
  width:286px;
}

#avail {
   position:relative;
   float:right;
   width:300px;
   z-index:2;
   top:75px;
}

#avail form {
  width:180px;
   margin:0px;
   padding:0px;
}

#avail table {
   border:0;
   background-color:#F8EECB;
   margin:0px;
   padding:0px;
}

#avail table td {
   margin:0px;
   padding:0px;
}

img#availimg {
   position:relative;
   float:left;
   left: 0px;
}

#availbox {
   position:relative;
   float:left;
   left:0px;
   width:247px;
   background-image:url(GRAPHICS/bkgd-avail-L2.gif);
   background-repeat:no-repeat;
   font-size:11px;
   color:#89552c;
   padding-top:35px;
   padding-left:27px;
   left: 0px;
}

#submit {
	padding-top:10px;
	padding-left:60px;
}


#header {
   position:absolute;
   float:left;
   width:100%;
   height:219px;
   top:-5px;
   left:0px;
   border:5px solid #FFFFFF;
   border-left:none;
   border-right:none;
   background-color:#F0AD18;
   z-index:1;
}

#header div {
   padding-left:284px;
}

#logo {
   position:relative;
   float:left;
   background-image:url(GRAPHICS/logo-bkgd.png);
   background-repeat:no-repeat;
   top:-5px;
   left:1px;
   width:250px;
   height:223px;
   padding-left:33px;
   padding-top:20px;
   z-index:3;
}

#title {
   position:relative;
   float:left;
   top:290px;
   left:50px;
   z-index:3;
}

#print {
   position:relative;
   float:right;
   top:305px;
   right:25px;
   z-index:3;
}

#content {
	position:relative;
	float:right;
	right:20px;
	border:1px solid #dccba4;
	background-color:#f8eecb;
	width:725px;
	padding:25px;
	padding-right:0px;
	margin-top:268px;
	margin-bottom:25px;
	text-align:left;
        min-height:800px;
        height:auto !important;
        height:800px;
}

#content p {
	margin:0px;
	padding:0px;
	padding-bottom:25px;
	padding-right:25px;
}

#content h2.subtitle {
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	padding-right:0px;
        padding-top:0px; 
        color:#78766e;
        font-size: 16px;
}

#content img  {
       margin: 0px;
       padding: 0px;
}

.grey {
	color:#78766e;
}

div#left {
position:absolute;
background-image:url(GRAPHICS/bkgd-flowers.png);
background-repeat:no-repeat;
background-position:100px 275px;
padding-bottom:50px;
top:300px;
left:-275px;
width:300px;
}

*html div#left {
background-image:url(GRAPHICS/bkgd-kachina.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

div#left ul {
margin:0px;
padding:0px;
}

div#left li {
background-image:url(GRAPHICS/white-bullet.gif);
background-repeat:no-repeat;
list-style:none;
position:relative;
margin:0px;
padding:0px;
padding-left:25px;
padding-bottom:20px;
float:left;
width:200px;
color:#78766e;
font-weight:bold;
}

div.rooms {
position:relative;
float:left;
padding-top:15px;
padding-right:35px;
padding-bottom:0px;
}

div.rooms div {
width:295px;
padding:0px;
}

div.rooms a.imglink {
position:relative;
float:none;
right:0px;
top:0px;
}

div.rooms a {
position:absolute;
right:40px;
top:225px;
font-size:11px;
}

div.rooms h2 {
font-size:18px;
font-weight:bold;
margin:0px;
padding:0px;
padding-top:10px;
}

div.rooms p {
width:100%;
font-size:14px;
}

table#rates {
position:relative;
float:left;
width:360px;
padding:0px;
padding-top:50px;
padding-right:35px;
padding-bottom:0px;
margin:0px;
border:0px;
font-size:11px;
text-align:center;
font-family:Verdana, Arial, Sans-Serif;
}

table#rates td.row1 {
width:62px;
font-size:10px;
}


table#rates td {
padding:0px;
}

table#rates .name  {
font-size:9px;
width:95px;
height:25px;
padding-top:10px;
}

div#amenities {
position:relative;
float:left;
}

div#amenities table {
background-color:#fefcfc;
padding:1px;
border:1px solid #ecdfbd;
font-weight:bold;
}

div#amenities table tr {
background-color:#fcf4d8;
}

div#amenities table tr.dark {
background-color:#f8eecb;
}

tr.px50 {
height:30px;
font-weight:bold;
color:#7c4c25;
}

.sans10 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#7c4c25;
}

.sans9 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}

img.border,
img.border-vertical {
	padding:1px;
	background-color:#FFFFFF;
	border:1px solid #EBDFBE;
}

table#directory {
	padding:1px;
	background-color:#F4E7B3;
	border:1px solid #EBDFBE;
        margin-bottom:20px;
}

table#directory tr.tr-odd {
	background-color:#F8EECB;
}

table#directory td {
	padding:5px;
}

.testimonial {
	position:relative;
	float:left;
	padding-top:125px;
}

#vinet {
  position:absolute;
  top:220px;
  left:830px;
  background-image:url(GRAPHICS/vine1.png);
  background-repeat:no-repeat;
  width:114px;
  height:78px;
  z-index:1;
}

#vineb {
  position:absolute;
  right:-50px;
  bottom:-0px;
  background-image:url(GRAPHICS/vine2.png);
  background-repeat:no-repeat;
  width:122px;
  height:78px;
  z-index:2;
}


#footer {
  position:relative;
  float:left;
  background-image:url(GRAPHICS/bkgd-footer.gif);
  background-repeat:no-repeat;
  background-position:top center;
  width:100%;
  height:250px;
  top:-125px;
  padding-top:125px;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#f4e6b4;
}

/* End of 'Rooms-Rates' */