@charset "utf-8";
/* CSS Document */

body, th, td, tr, h1, h2, h3, h4, p, textbox, textarea, button, ul, li, form {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body{background:#fff url(bg_main.gif) left top repeat-x;}
a:hover{text-decoration:none}
a{color:#8F6D02;}
#wrapper{width:905px; margin:0 auto; padding-bottom:20px}
#headerTop {background:url(bg_top.jpg) 0px 0px no-repeat; height:90px}
#header{padding:5px;}
.clear{clear:both}
#photoslide img{width:607px; height:278px;}
#mainContainer{ background:#fff url(border.gif) left top no-repeat;}
#rightBorder{background:url(border.gif) right top no-repeat; padding:5px;}

#photoslide{width:610px; float:left; margin-right:8px;}

#quickLink{height:52px;float:left; width:250px;}
#quickLink ul li{list-style:none; float:left}
#quickLink ul li.hm a{ display:block; background:url(menu-icons.gif) 12px 0px no-repeat; padding-top:30px; width:60px;text-align:center; text-decoration:none}
#quickLink ul li.hm a:hover, #quickLink ul li.hm a.current{background:url(menu-icons.gif) 12px -168px no-repeat; color:#000}
#quickLink ul li.map a{ display:block; background:url(menu-icons.gif) 20px -62px no-repeat; padding-top:30px; width:80px; text-align:center; text-decoration:none}
#quickLink ul li.map a:hover, #quickLink ul li.map a.current{background:url(menu-icons.gif) 20px -219px no-repeat; color:#000}
#quickLink ul li.con a{ display:block; background:url(menu-icons.gif) 22px -122px no-repeat; padding-top:30px; width:80px; text-align:center; text-decoration:none}
#quickLink ul li.con a:hover, #quickLink ul li.con a.current{background:url(menu-icons.gif) 22px -269px no-repeat; color:#000}

#quickBooking{ background:url(bg-quickbooking.gif) no-repeat; width:250px; height: 214px; float:left; padding:8px;}
#quickBooking h2 {color:#FFFFFF; font-size:20px; font-weight:normal; padding-bottom:10px;}
#quickBooking p {padding:4px 0; font-weight:bold}

#leftContent{width:600px; padding-left:5px; float:left}
#leftContent h1{color:#806D02; font-size:22px; font-family:Arial, Gadget, sans-serif, verdana; font-weight:normal; border-bottom:1px solid #806D02; padding:2px 0; margin-bottom:5px}
#leftContent h2{color:#000; font-size:17px; font-weight:bold; margin-top:5px; font-family:Arial, verdana; padding:8px 0; text-align:left !important; border-bottom: 1px dotted #000; margin-bottom:5px;}
#leftContent p{padding:5px 0}
#leftContent ol li{padding:3px 0}
.commonList label{
float: left;
width: 160px;
font-weight: bold;
}
br {clear:both; height:20px} 
.fact{list-style:none; margin-top:10px; padding-bottom:15px}
.fact li{width:185px; float:left; padding:2px 0}
.commonList label{font-weight:normal;width: 300px; font-weight:bold}
.commonList span{width: 180px;}
#leftContent p.summary{padding:4px; color:#fff; background-color:#CC9900; border:1px solid #806D02;}
#leftContent h3{margin-top:15px; color:#CC0000; background-color:#F8F6F4; border-right:1px solid #ccc; border-top:1px solid #DEDAD5; padding:4px 2px}
.listBox{border:1px solid #DEDAD5; background-color:#F8F6F4; padding:5px; margin-top:15px;}
.listBox h4{border-bottom:1px solid #ccc; padding:3px 0; font-size:15px; margin-bottom:5px; position:relative}
.listBox h4 span{float:right; font-size:12px; font-weight:normal}
.listBox a{color:#806D02; text-decoration:none; text-transform:uppercase;}
.listBox a:hover{color:#000}
.listBox img{border:1px solid #ccc; padding:1px; float:left}
.description{width:470px;padding-left:10px; float:left}
.description p.title{font-size:17px; color:#990000}
.fhotel{width:145px; float:left}
.fhotel p{padding:1px 0 !important; color:#999; font-size:11px}
.fhotel p a{color:#0292AD; font-weight:bold}
#rightContent{width:260px;float:left; margin-left:17px;}
.rightNavTop{background:#F4F8F7 url(bg-r-top.gif) left top no-repeat; padding-left:15px}
.rightNavTop h2{color:#000; font-size:17px; font-family: Arial, verdana; font-weight:bold; margin-top:7px; padding:8px 0}
.rightNav {background:#F4F8F7 url(bg-r-md.gif) left top repeat-y;padding-left:15px}
.rightNav ul, rightNav ul li{list-style:none}
.rightNav ul li{background:url(arrow_66.gif) 0 5px no-repeat; padding:3px 0; padding-left:20px;}
.rightNav ul li a{color:#8F6D02;}
.rightNavBottom{background:#F4F8F7 url(bg-r-bottom.gif) left top no-repeat; height:15px}

#footer{background:#D6E3E6 url(bg-footer.gif) left top; border-top:1px solid #D9E7E7; padding:10px}
#footerContent{width:900px; margin:0 auto;}
#footerContent p{margin-bottom:10px; color:#666}
#footerContent p a{color:#8F6D02; margin:0 5px}
















.animatedtabs{
padding-top:39px;
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 323px; /*offset of first tab relative to page left edge*/
padding-top: 13px;
}

.animatedtabs li{
float: left;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0px 9px;
text-decoration: none;

}

.animatedtabs a span{
display: block;
background: url(tab-blue-right.gif) no-repeat right top;
padding: 7px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
font-size:14px;
color: #fff;
}

.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
padding-bottom: 0px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
color: black;
}