/* CSS Document */
body{
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color:#333333;
}


h1{
	font-size: 13px; 
	font-style: normal; 
	font-weight: 600; 
	color: #ffffff;
	margin-top:0px;
	font-variant: normal;
	text-transform: uppercase;
}

h3{
	margin-right:10px;
	margin-left:5px;
	margin-top:2px; 
	margin-bottom:2px; 
	font-size: 12px; 
	font-weight: 400; 
	color: #666666;
	font-style:italic;
}

h2 {
	margin-right:0px;
	margin-left:4px;
	margin-top:2px; 
	margin-bottom:2px;
	font-size: 11px;
	font-weight: 600;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;

}

h4{
	font-size: 11px;
	font-weight: 100;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
	margin-right:10px;
	margin-left:5px;
	margin-top:7px; 
	margin-bottom:5px; 	
}

p {
	margin-right:10px;
	margin-left:6px;
	margin-top:3px; 
	margin-bottom:4px; 
	font-size: 11px; 
}

ul{
	margin-right:30px;
}

ol{
	margin-right:30px;
}
li{
	font-size: 11px; 
	margin-bottom:3px; 
}

a{
	font-style: normal;
	color: #484d84;
	text-decoration:none;
}

a:hover{
	font-style: normal;
	color: #484d84;
	text-decoration:underline;
}


caption{
	font-size: 9px;
}

.menu_orange{
	padding-left:4px;
	height: 20px;
	background-color: #ff9900;
	color:#ffffff;
	border-bottom: 2px solid #ffffff;
	margin-bottom: 0px;
}

.header_gray{
	padding-left:4px;
	height: 20px;
	background-color: #666666;
	color:#ffffff;
	border-bottom: 2px solid #ffffff;
	margin-bottom: 0px;
}

.orange_bg{
	background-color: #ff9900;
	color:#ffffff;
}

.gray_bg{
	background-color: #cccccc;
	color:#666666;
}

.light_gray_bg{
	background-color: #eeeeee;
	color:#666666;
}

ul#navlist{
	padding: 0px;
	border-bottom: 10px solid #996699;
	border-top: 0px;
	margin: 0px;
	background: #dddddd;
}
 
ul#navlist li{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 0px solid #ffffff;
}

ul#navlist li a{
	display: block;
	width: 173px;
	padding: 3px 5px 3px 3px;
	border-right: 10px solid #663366;
	background: #996699;
	text-decoration: none;
	text-align: left;
}

ul#navlist li a:link { 
	color: #ffffff; 
}
	
div#show_navigation li a:visited { 
	color: #ffffff; 
}

ul#navlist li a:hover{
	border-color: #996699;
	color: #ffffff;
	background: #663366;
}

.active{
	font-weight: 600;
}

.caps {
	font-size: 11px;
	font-style: normal;
	font-weight: 100;
	text-transform: uppercase;
}

.white{
	color: #ffffff;
}


#container{
	top:-10px;
	width: 830px;
	background: #ffffff;
	text-align: left;
	margin: 0 auto;
	display: block;
	position: relative;
}

#logo{
	position: absolute; 
	left: 35px; 
	top: 2px; 
	width: 577px; 
	border:2px solid #ffffff;
}

#content{
	position: absolute;
	left: 230px;
	top: 278px;
	width: 249px;
	height: 318px;
	background-color: #eeeeee;
	overflow:auto;
	border:2px solid #ffffff;
	z-index:1;
}

#resource_navigation{
	position: absolute;
	left: 616px; 
	top: 2px; 
	width: 189px; 
	height: 96px;
	background-color: #ff9900;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;		
}

#site_navigation{
	position: absolute;
	left: 35px; 
	top: 71px; 
	width: 577px; 
	height: 25px;
	background: #cccccc;
	border-right:2px solid #ffffff;
	border-left:2px solid #ffffff;
	border-top:2px solid #ffffff;
}

#show_navigation{
	position: absolute; 
	left: 35px; 
	top: 98px; 
	width: 191px; 
	background-color: #996699;
	border:2px solid #ffffff; 
}

#top_ten{
	position: absolute; 
	left: 480px; 
	top: 277px; 
	width: 323px; 
	height: 321px;
	border:2px solid #ffffff;
	background-color:#ffffff;;
}

#banner{
	position: absolute; 
	left: 228px; 
	top: 98px; 
	width: 575px;
	border:2px solid #ffffff;
	background-color:#eeeeee;
}


#highlights{
	position: absolute; 
	left: 228px; 
	top: 600px; 
	width: 575px;
	background-color:#cccccc;
	border:2px solid #ffffff; 
}

.show{
	width: 180px;
	background-color: #ffffff;
	color:#484d84;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 

}

.roomtype{
	width: 180px;
	background-color: #ffffff;
	color:#484d84;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 

}

.number{
	width: 80px;
	background-color: #ffffff;
	color:#484d84;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 

}

.month{
	width: 115px;
	background-color: #ffffff;
	color:#484d84;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 

}

.button{
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:right;
	margin-top:5px;
	margin-right:5px;
}

.form{
	margin-top:0px;
 }
 
 
 /* ----- Calender ----- */

#ui-datepicker-div, .ui-datepicker-inline { background: #fff none repeat scroll 0% 0%; font-family: Arial,Helvetica,sans-serif; font-size: 14px; margin: 0px; padding: 0px; width: 185px; }
#ui-datepicker-div { border: 1px solid #663366; display: none; z-index: 99999; /*must have - altered from 100 to this for book now button functionality*/ }
.ui-datepicker-inline { border: 0pt none; display: block; float: left; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-dialog { border: 4px ridge #83C948 !important; padding: 5px !important; }
button.ui-datepicker-trigger { width: 25px; }
img.ui-datepicker-trigger { margin: 0px 0px 0px 3px!important; vertical-align: middle; }
.ui-datepicker-prompt { background: #E0F4D7 none repeat scroll 0% 0%; color: #000000; float: left; padding: 2px; }        
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; color: #FFFFFF; float: left; width: 100%; }
.ui-datepicker-control { background: #663366 none repeat scroll 0% 0%; padding: 2px 0px; }
.ui-datepicker-links { background: #f4f5f4 none repeat scroll 0% 0%; padding: 2px 0px; }
.ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 11px; letter-spacing: 1px; }
.ui-datepicker-links label { /* disabled links */ color: #663366; padding: 2px 5px; }
.ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%; }
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; }
.ui-datepicker-current { float: left; width: 30%; text-align: center; }
.ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right; }
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; }
.ui-datepicker-header { background: #663366 none repeat scroll 0% 0%; height: 24px; padding: 1px 0pt 3px; text-align: center; }
.ui-datepicker-header select { background: #fff; color: #000; border: 0px; }
.ui-datepicker { background: #663366 none repeat scroll 0% 0%; font-size: 100%; text-align: center; }
.ui-datepicker a { display: block; width: 100%; }
.ui-datepicker-title-row, .ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #663366 none repeat scroll 0% 0%; color: #ffffff; font-weight: bold; }
.ui-datepicker-days-row { background: #FFFFFF none repeat scroll 0% 0%; color: #666666; }
.ui-datepicker-week-col { background: #B1DB87 none repeat scroll 0% 0%; color: #000; }
.ui-datepicker-days-cell { color: #000; border: 1px solid #ddd; }
.ui-datepicker-days-cell a { display: block; }
.ui-datepicker-days-cell a:hover { color: #ffffff; }
.ui-datepicker-week-end-cell { background-color: #A7A39D; }
.ui-datepicker-title-row .ui-datepicker-week-end-cell { background-color: #663366; }
.ui-datepicker-days-cell-over { background-color: #663366; border: 1px solid #777; }
.ui-datepicker-unselectable { color: #fff; }
.ui-datepicker-week-end-cell.ui-datepicker-unselectable { color: #A7A39D; }
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell { background: #d7e7f2 none repeat scroll 0% 0% !important; }
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell { background: #663366 none repeat scroll 0% 0% !important;}
.ui-datepicker-today { background: #ddd none repeat scroll 0% 0% !important; color: #000; }
.ui-datepicker-current-day { background: none repeat scroll 0% 0% !important; font-weight: bold; color: #84024C; }
.ui-datepicker-status { background: #E0F4D7 none repeat scroll 0% 0%; font-size: 11px; text-align: center; width: 100%; }
img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; }
.ui-datepicker-prompt { background: #E0F4D7 none repeat scroll 0% 0%; color: #000000; float: left; padding: 2px; }        
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; color: #FFFFFF; float: left; width: 100%; }
.ui-datepicker-control { background: #663366 none repeat scroll 0% 0%; padding: 2px 0px; }
.ui-datepicker-links { background: #f4f5f4 none repeat scroll 0% 0%; padding: 2px 0px; }
.ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 11px; letter-spacing: 1px; }

/* ________ Datepicker Links _______
** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a { background: transparent none repeat scroll 0% 0%; cursor: pointer; margin: 0pt; padding: 0pt; }
.ui-datepicker-inline .ui-datepicker-links a { padding: 0pt 5px !important; }
.ui-datepicker-links a { color: #000 !important; padding: 2px 5px !important; }
.ui-datepicker-control a { color: #fff !important; padding: 2px 5px !important; }
.ui-datepicker-title-row a { color: #404040 !important; }
.ui-datepicker-control a:hover { background-color: #663366 !important; color: #fff !important; }
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { background: #f4f5f4 none repeat scroll 0% 0% !important; color: #000 !important; }

/* ___________ MULTIPLE MONTHS _________*/
.ui-datepicker-multi .ui-datepicker { border: 1px solid #83C948; }
.ui-datepicker-one-month { float: left; width: 185px; }
.ui-datepicker-new-row { clear: left; }

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/