@charset "UTF-8";
body  {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
height:100%;/*for content column 100% height to work*/
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
background-color: #D2D7C1;
background-image: url(bodybg2.gif);
background-repeat: repeat;
}

.CollapsiblePanelContent
{
font-size:11px;
color:#777777;
line-height:16px;
}

.CollapsiblePanelContent p
{
font-size:11px;
color:#777777;
line-height:16px;
}
p{
font-size:11px;
color:#777777;
line-height:16px;
}
h2{
font-size:14px;
font-weight:bold;
color:#777777;
}
h3{
font-size:13px;
font-weight:bold;
color:#777777;
}
ul,li{
font-size:11px;
color:#666666;
}
a:link{
color:#E877AF;
text-decoration:underline;
border:0px none;
}
a:visited{
color:#E877AF;
text-decoration:underline;
border:none;
}
a:active{
color:#FF6699;
text-decoration:none;
border:none;
}
a:hover{
color:#E877AF;
text-decoration:none;
border:none;
}
img.a{
border:none;
}
.imgleft{
float:left;
padding-right:12px;
}
.imgright{
float:right;
padding-left:12px;
padding-bottom:12px;
}
/*-------*/
#contentcol .careerhdr{
background-color:#e4e4e4;
color:#FFFFFF;
padding-top:5px;
padding-bottom:4px;
padding-left:5px;
font-size:20px;
color:#E877AF;
}

#contentcol .careersubhdr{
/*border-bottom:1px solid #E877AF;
border-top:1px solid #E877AF;
*/
padding-top:5px;
padding-bottom:0px;
margin:0px;
padding-left:15px;
color:#5a2149;
/*
font-size:13px;
font-weight:bold;
color:#5a2149;
*/
}

#contentcol .careerhdr{
	padding-bottom:12px;
	background-color:#FFFFFF;
}

#contentcol .careerbody{
padding:15px;
padding-top:3px;
}
#contentcol .careertext{
padding-left:10px;
}
#contentcol .CollapsiblePanelTab{
font-size:12px;
font-weight:normal;
color:#5a2149;
padding-top:5px;
padding-bottom:0px;
margin:0px;
}
#contentcol .CollapsiblePanelContent{
margin:0px;
padding-top:6px;
padding-bottom:6px;
font-size:11px;
/*line-height:12px;*/
display: none;
}
#contentcol .CollapsiblePanel a{
	color: #E877AF;
}

#sitemapcol, .sitemapcol{
width:48%;
float:left;
}
#sitemapcol ul, .sitemapcol ul{
padding-top:5px;
margin-top:5px;
color:#E877AF;
}
#sitemapcol ul li, .sitemapcol ul li{
list-style-image:url(li_specials.gif);
color:#E877AF;

padding-bottom:5px;
}
#contentcol .mapkey{
float:left;
width:170px;
}
#contentcol .mapkey .maptext,#contentcol .mapkeyr .maptext,#contentcol .mapkeyr .maptext, strong.maptext{
color:#E877AF;
}

#contentcol{
/*text-align:left;
float:right;
font-size:11px;
margin-top:6px;*/
}


#fixTitleL{
text-align:left;
display:inline;
float:left;
font-size:11px;
margin-top:0;
margin-bottom:28px;
}
.directionslink{
text-align:left;
display:inline;
float:right;
font-size:11px;
margin-top:4px;

}

.mapkeyr{
float:right;
width:170px;
}
#contentcol .serviceslist{
float:left;
width:242px;
}
#contentcol .serviceslistr{
float:right;
width:242px;
}
#contentcol .serviceslistr ul,#contentcol .serviceslist ul{
margin-top:0px;
margin-left:3px;
padding-left:10px;
}
#contentcol .serviceslistr li,#contentcol .serviceslist li{
padding-top:5px;
padding-bottom:0px;
margin-bottom:0px;

}
#contentcol .serviceslistr li ul,#contentcol .serviceslist li ul{
padding-top:0px;
margin-top:0px;
}
#contentcol .mapkey p,#contentcol .mapkeyr p{
padding:0px;
margin:0px;
padding-top:0px;
padding-bottom:20px;
}
#contentcol .listp p{
padding-top:0px;
padding-bottom:20px;
}
/*-------*/
#left {
margin-left:-236px;/*must be 1 pixel less than width */
float:left;
width:237px;/* this width is the same as the margin on #middle */
position:relative;
left:-2px;/* line it up exactly without losing pressure on footer*/
}
#middle {
border-left:1px solid #E4E4E4;
background:#FFFFFF;/* background colour of right column */
margin-left:237px;/*this is the space for the left column */
}
#inner{
width:100%;
float:left;
margin-right:-1px;/* contain cleared elements from clearing other floats*/
padding-bottom:24px;/*added by MDS*/
}
#homeinner #inner{
width:100%;
float:left;
margin-right:-1px;/* contain cleared elements from clearing other floats*/
padding-bottom:0px;/*added by MDS*/
}
/*Home 3 columns*/
.treItemCol{
width:251px;
height:135px;
display:block;
float:left;
background-image: url(threebg.gif);
background-repeat: no-repeat;
background-position: right 20px;
}
#threeitemcol{
width:251px;
height:135px;
display:block;
float:left;
background-image: url(threebg.gif);
background-repeat: no-repeat;
background-position: right 20px;
}
#threeitemcolright{
width:251px;
height:135px;
display:block;
float:left;
}
#threeitemcol p,#threeitemcolright p, .treItemCol p{
margin-left:24px;
margin-right:24px;
margin-top:0px;
padding-top:6px;
font-size:11px;
}
#threeitemcol img, #threeitemcolright img, .treItemCol img{
margin-top:4px;
}

.twoitemcol
{
	float:left;
}
/* clear without structural mark-up from PIE website*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
/* do not change or amalgamate clearfix styles*/
/*-------*/
#container {
width:993px;
background:#FFFFFF;/*this colour will be left column colour */
background-image: url(navbg.gif);
background-repeat: repeat-y;
background-position: left 10px;
margin:15px auto;/* centre for compliant browsers*/
text-align:left;
/*border:1px solid #fff;*/
}
.twoColFixLt #sidebar1 {
float: left;
width: 237px;
text-align:center;
background-image: url(navbg.gif);
background-repeat: repeat-y;
background-position: right;
vertical-align:top;
}
#sidebarwrap1{
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
}
#sidebarwrap2{
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
#sidebarwrap3{
border-top:1px solid #FFFFFF;
}
#homeflashwrap{
border-top:1px solid #FFFFFF;
}
.twoColFixLt #mainContent {
margin: 0 0 0 237px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0px;
}


#contentcol
{
width:543px;
min-height:100%;
height:100%;
display:block;
float:left;
padding-right:30px;
border-right:1px solid #E4E4E4;
}


#contentbigswf{
padding-bottom:20px;
/*border-top:1px solid #FFFFFF;*/
}
#contenttop{
	width: 524px;
	/*overflow: hidden;*/
	margin: 0 0 0 24px;
	
}
#careers_list_container
{
width: 526px;
}
#career_form_container
{
width: 526px;
}
#contentcol #content_flsub{
margin-top: 20px;
}
.contentcol_left{
width:239px;
min-height:100%;
height:100%;
display:block;
float:left;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 0;
padding-left: 24px;
}
#contentcol_left{
width:239px;
min-height:100%;
height:100%;
display:block;
float:left;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 0;
padding-left: 24px;
}
#contentcol_right{
width:239px;
min-height:100%;
height:100%;
display:block;
float:right;
margin-top:-29px;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

#contentside
{
	width:150px;
	float:left;
	margin-left: 20px;
	padding: 0px;
}

#contentcol p
{
	font-size:11px;
	color:#777777;
	line-height:16px;
	margin:0;
	padding-top:12px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

#contentside div
{
	margin:0;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

#contentcol #content_flsub p{
font-size:11px;
color:#777777;
line-height:16px;
margin:0;
padding:2px;
}
#contentside p{
width: 150px;
font-size:11px;
color:#777777;
line-height:16px;
margin:0;
padding-top:10px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}
#contentside .attnsign{
padding-bottom:36px;
padding-left:24px;
}
#contentside p img{
padding-top:7px;
}
.2colhdrimg{
text-align:center;
}
#contentcol .2colhdrimg img{
padding:auto;
}
#header {
height:65px;
border-bottom:1px solid #CCCCCC;
margin-bottom:1px;
text-align:left;
background-color:#FFFFFF;
}

/*----Specials----*/
#contentcol .specials
{
	margin-left: 2px;
}

#contentcol .specials .specialshdr
{
	height: 25px;
	display:block;
	vertical-position: middle;
}

#contentcol .specials ul
{
	padding-left: 56px;
	padding-top:8px;
	margin-top:0px;
	width: 400px;
	margin-left: 0px;
}

#contentcol .specials li
{
	padding-bottom:8px;
	padding-left:0px;
	list-style-image: url(li_specials.gif);
	list-style-type: circle;
	list-style-position: outside;
	color:#E877AF;
	margin-left: 0px;
	margin-top: 0px;
}

#contentcol .specials p
{
	padding-top:0px;
	padding-left:0px;
	width: 400px;
	margin-left: 41px;
}

#contentcol .specials .icon
{
	float:left;
}
/*-----Press-----*/

.press
{

    padding-bottom:8px;
	padding-left:0px;
	color: #e676ae;
	margin-left: 0px;
	margin-top: 0px;


}
/*----Specials----*/

/*FOOTER CSS////////////////////////*/
#footer {
clear:both;
border-top:1px solid #CCCCCC;
padding-top:12px;
height:44px;
background:#ffffff;
text-align:center;
font-size:11px;
}
#footer #footerleft{
float:left;
width:400;
text-align: left;
margin-left:65px;
}
#footer #footerright{
float:right;
width:400;
text-align: right;
margin-right:25px;
color:#777777;
}
#footer #footerpad{
height:24px;
width:100%;
display:block;
background-color:#FF0000;
}
a:link.footer_link{
color: #777777;
text-decoration: none;
}
a:visited.footer_link{
color: #777777;
text-decoration: none;
}
a:hover.footer_link{
color: #777777;
text-decoration: none;
}
a:active.footer_link{
color: #777777;
text-decoration: none;
}
img {border: none !important;}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/*CONTACT********/
#form_right, #career_form
{
color: #5b2147;
font-family: "Arial", arial, sans-serif;
font-size: .7em;
width: 505px;
}
.question_row
{
height: 24px;
padding-top: 5px;
padding-bottom: 5px;
}
#question_row 
{
height: 24px;
padding-top: 5px;
padding-bottom: 5px;
}
#question_row .form_label, .question_row .form_label
{
width:100px;
display:block;
float:left;
}
.form_field
{
font-size: 1em;
width: 250px;
height: 22px;
color: #000;
background-color: #fff;
border-width: 1px;
border-color: #666;
}
#form_header
{
height: 173px;
}
#form_left
{
position: relative;
left: 15px;
top: 173px;
width: 351px;
height: 617px;
}
/* 0000000000000000000000000000 */
#contentbigswfRoom{
padding-bottom:0px;

}
#contentRoomFlash{
	margin:5px 0 0 15px;

}

/*----Quick Reservation----*/
.arrivalSection, .arrivalSectionTop
{
	width: 205px;
	margin-left: 30px;
	margin-top:5px;
	text-align:left;
}
.arrivalSectionTop{
	margin-top:26px;
}
.arrivalContainer
{
	float: left;
	margin-right: 4px;
	margin-bottom: 10px;
}

.arrivalLabel
{
	color: #777777;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;
	display: block;
	margin-bottom:5px;
}

.arrivalField
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;
	border-style:solid;
	border-width: 1px;
	border-color: #cccccc; 
}

.checkAvailability
{
	left: 0px;
	top: 0px;
	width:auto;
	height:21px;
	background-color: #ff78b2;
	text-align:bottom;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;
	border: none;
	padding:3px;
	margin-bottom: 10px;
	margin-left: 30px;
}

a.buttonLink 
{
	
	left: 0px;
	top: 0px;
	width:auto;
	height:21px;
	background-color: #ff78b2;
	text-align:bottom;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;
	border: none;
	padding:5px;
	margin-bottom: 10px;
	margin-left: 30px;
	text-decoration:none;
}


.arrival
{
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 18px;
	color: #ff78b2;
	margin-left: 30px;
	display: block;
}

.hidden
{
	display: none;
}

.shown
{
	display: block;
}

#htmlMenu
{
	height:198px;
	width:211px;
	font-size:11px;
	background-color:#F3F3F3;
	margin-left: 24px;
	padding-top:20px;
	
	/*margin-top: 20px;
	margin-left: 50px;*/
	
}

#htmlMenu a, a.visited
{
	text-decoration: none;
	
	
}

#htmlMenu a.hover
{
	text-decoration: underline;
	
	
}

.mainNavItem
{
	margin-bottom: 6px;
	padding-left:45px;
	
}
.mainNavItem a
{
	color: #e877af;
}
.subNavItem
{
	margin-bottom: 6px;
	padding-left:45px;
}

.subNavItem a, a.visited
{
	color: #999;
}

.subNavItem a.hover
{
	
	/*color: #5A2149;*/
	text-decoration: underline;
}

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

/*--------PRESS SECTION---------*/

.press_left
{
	width: 240px;
	float: left;
}

.press_right
{
	width: 240px;
	float: right;
}

.press_cleaner
{
	clear:both;
	height: 20px;
}

ul.week{ list-style: none;padding: 0; margin: 0;}
ul.week li {width:45px; padding:2px; margin-right:2px;margin-bottom:2px;background:#ff6daf; color:#FFF; float: left;list-style:none;display:block;  text-align:center;}
ul.times{ list-style: none;padding: 0; margin: 0;}
ul.times li {width:43px; padding:2px; margin-right:2px;background:#FFF; color:#5d254d; float: left;list-style:none;display:block; border:1px solid #EFEFEF;text-align:center;}