/* CSS Document */

body
{
  background: #CFE9F4;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
}
body .content {
	font-size: 12px;
}
#wrapper
{
  width: 879px;
  background: #FFF url(../images/page_background.gif) top left repeat-y;
  margin: 0 auto;
  padding: 10px 25px 0 35px;
  text-align:left;
}

#wrapper .headerBannerLink {
	text-decoration: none;
}
#wrapper .headerBannerLink img {
  border: none;
}
p
{
  margin: 0;
  padding: 0 0 1.2em;
}

a
{
  color: #4FB1E1;
  font-weight: bold;
}

form {
	padding: 0;
	margin: 0;
}
#head
{
  padding: 0;
  width: 860px;
  background: url(../images/header_bg.gif) bottom right no-repeat;
}

#topnav
{
  float: right;
  padding: 0 20px;
}


#rightBar #rightBarLogin .box{
	padding-left: 5px;
}

#leftBar a.unbold {
	font-weight: normal;
}
#leftBar .dotBox a.moreLink {
	padding-top: 7px;
	display: block;
}
#leftBar ul {
	padding-left: 15px;
	margin: 0;
}
#leftBar ul li {
	padding-top: 10px;
}
/*** form fields ***/

.formField {
	clear: left;
	padding: 5px;
}
.formField label {
	width: 150px;
	margin-right: 15px;
	text-align: right;
}
.formField label, .formField input {
	float: left;
}
/** text detail **/
.displaySection {
	clear: both;
}



/*** login styles ***/
#loginFormContainer .formField label, #loginFormContainer .formField input {
	float: none;
	width: auto;
	display: block;
	text-align: left;
}

.ad a img, a img  {
	border: none;
}

/*----------- TECHNIQUE BLATENTLY STOLEN FROM CSS-PLAY -----------
    http://www.cssplay.co.uk/menus/gif_overlap.html?current=two
  ----------------------------------------------------------------*/

.tabs {list-style:none; padding:11px 0 0; margin: 15px 0 0; height:25px; border-bottom: 1px solid #C6E4F1; float:left; width: 460px;}
.tabs li {float:left; margin-right:-15px;}
.tabs li a {display:block; position:relative; text-decoration:none;}
.tabs li a em {display:block; height:22px; float:left; padding:3px 10px 0 0px !important; background:url(../images/tabs.gif) right top; position:relative; z-index:100; font-size:10px; font-style:normal; color:#4FB1E1; line-height:24px; font-family:verdana; font-weight:bold; padding-top:1px;}
.tabs li a b {display:block; float:left; width:25px; height:25px; background:url(../images/tabs.gif) left top; position:relative; z-index:200;}

.tabs li a.m1 {z-index:700;}
.tabs li a.m2 {z-index:600;}
.tabs li a.m3 {z-index:500;}
.tabs li a.m4 {z-index:400;}
.tabs li a.m5 {z-index:300;}
.tabs li a.m6 {z-index:200;}
.tabs li a.m7 {z-index:100;}

.tabs li a:hover {border:0; z-index:800; cursor:pointer;}
.tabs li a:hover b {background-position: left center; cursor:pointer;}
.tabs li a:hover em  {background-position: right center; color:#000; cursor:pointer;}

.tabs li a.selected, .tabs li a.selected:hover {border:0; z-index:900; cursor:default;}
.tabs li a.selected b, .tabs li a.selected:hover b {background-position: left bottom;}
.tabs li a.selected em, .tabs li a.selected:hover em  {background-position: right bottom; color:#000;}

#subnav
{
  width: 785px;
  margin: 0 auto 20px;
}

#subnav img
{
  float: left;
}

#subnav ul
{
  list-style: none;
  background: #F5F586;
  border: 1px solid #C4C4C4;
  float: left;
  margin: 5px 0 0;
  padding: 0;
  height: 24px;
}

#subnav ul li
{
  float: left;
  margin: 4px 0;
  padding: 0 7px;
  font-size: 10pt;
  border-right: 1px solid #C4C4C4;
}

#subnav ul li a
{
  text-decoration: none;
  font-weight: bold;
  color: #21449C;
}

#subnav ul li a:hover
{
  color: #990000;
}

#subnav ul li.last
{
  border-right: 0 none;
}


#body
{
  background-color: #CFE9F4;
  margin: 0 15px 0 0;
  width: 660px;
  /*  This padding is no longer necessary for rounded corners
  padding: 15px; */
  padding: 0;
  color: #21449C;
	float: right;
}

h1, h2, h3, h4, h5, h6
{
  margin: 0;
  color: #21449C;
}

#body h2
{
  margin: 0 15px;
  font-size: 1.5em;
	font-weight: bold;
}

#body h3
{
  margin: 0 15px 10px;
  padding-left: 30px;
  font-size: 1.2em;
  font-weight: bold;
}

#body .content
{
  background-color:#FFF;
  padding: 1px 15px;
  /* instead of padding in #body, we do horizontal margin here */
  margin: 0 0 0 15px;
  color: #000000;
  text-align: left;
  width: 600px;
	clear: both;
}

#body.withLeft .content
{
  width: 410px;
}

#body .content h2
{
  color: #21449C;
  margin: 0;
  font-size: 1.7em;
  font-weight: normal;
}

#body .content h3
{
  margin: 0;
  padding: 0;
}

#body .content h3.section
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12pt;
  font-weight: bold;
	text-transform: capitalize;
}

#body.withLeft
{
  width: 470px;
}

.tab
{
  background: url(../images/tab_body.gif) top left no-repeat;
  text-align: right;
  font-weight: bold;
  font-style: italic;
  color: #FFF;
  float: right;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 9pt;
  margin: 0;
}

.tab b
{
  padding: 2px 10px 2px 0;
  margin: 0 0 0 25px;
  display: block;
  background: url(../images/tab_body.gif) top right no-repeat;
}

#rightBar .tab
{
  margin: 6px 25px -5px 0;
  background-image: url(../images/tab_right.gif);
  color: #4FB1E1;
}

#rightBar .tab b
{
  background-image: url(../images/tab_right.gif);
}

#leftBar .tab
{
  background-image: url(../images/tab_left.gif);
}

#leftBar .tab b
{
  background-image: url(../images/tab_left.gif);
}

#searchBox
{
  text-align: right;
  color: #21449C;
  font-weight: bold;
  padding: 0 20px 0 0;
}

#searchBox label
{
  font-size: 1.2em;
}

#leftBar, #rightBar
{
	color: #759EB7;
	width: 185px;
	margin: 0;
}

#leftBar
{
  float: left;
  width: 185px;
  background: #F5F586 url(../images/left_column_background.gif) top left repeat-y;
  color: #21449C;
}

#leftBar a
{
  color: #21449C;
  font-weight: bold;
}

#leftBar .content
{
  padding: 0 13px 0 15px;
}

#leftBar .dotBox#lodgingSearchBox form {
  padding: 0;
	margin: 0;
}
#rightBar
{
	float: right;
	margin: 0 5px 0 0 !important;
	margin: 0;
}

#rightBar .box
{
  width: 160px;
}
 
#rightBar .adRotator {
	text-align:  center;
}

img.layoutImg
{
  display: block;
}

.shadow
{
  clear: both;
  float:left;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

/* ONLY SAFARI LISTENS TO THIS */
body:last-child:not(:root:root) .shadow
{
  margin-top: 5px !important;
}

.shadow .box {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #CFE9F4;
  border: 1px solid #C4C4C4;
  margin: -6px 4px 4px -6px;
  padding: 0;
  clear: both;
}

#loginForm
{
  padding: 0px !important;
}



#loginForm #loginButton
{
  float: right;
  width: auto;
}

#advancedSearch
{
  float: right;
  border: 0;
  margin: 11px 70px 5px 0;
  padding: 0;
}

#bookmark
{
  font-size: 1.2em;
  color: #21449C;
  padding: 0 0 10px 10px;
  font-weight: bold;
}

#bookmark a
{
  text-decoration: none;
}

#loginForm
{
  margin: 0;
  padding: 0;
}
#loginForm .rememberMeInput {
	width: auto;
}

#loginForm #rightNavLogin
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px;
}

#loginForm label
{
  padding-top: 10px;
  font-size: .9em;
  line-height: 1.5em;
}

.dotBox
{
  border: 1px solid #21449C;
  background: #FFF url(../images/dot_background.gif) bottom left no-repeat;
  clear: both;
  padding: 5px;
}

.clear
{
  clear: both;
}

#footer
{
  text-align: center;
}

#footer a
{
  color: #21449C;
}

.roundedButton
{
  background: #F5F586 url(../images/yellow_button.gif) top right no-repeat;
  padding: 0;
  width: 120px;
  display: block;
  color: #21449C;
  font-family:"Times New Roman", Times, serif;
  font-size: 1.3em;
  font-weight: bold;
}

.roundedButton b
{
  margin: 0 10px 0 0;
  padding: 3px 0 3px 10px;
  height: 20px;
  display: block;
  background:  url(../images/yellow_button.gif) top left no-repeat;
}

a .roundedButton
{
  text-decoration: none;
  cursor: pointer;
}

.eventDate
{
  font-weight: bold;
  color: #4FB1E1;

}


#searchBox .moreLink
{
  padding: 11px 0 5px;
}


.weekCalendar
{
  width: 585px;
}

.weekCalendar td
{
  padding: 3px;
  margin: 0 20px;
  background-color: #F5F586;
  color: #4FB1E1;
  font-weight: bold;
}

.weekCalendar td ul
{
  padding: 0 0 0 15px;
}

.weekCalendar th
{
  background-color: #CFE9F4;
  color: #21449C;
  text-transform: uppercase;
  font-size: 1.2em;
  text-align:center;
}

.indent
{
  padding-left: 10px;
}

.profileView
{
  border: 1px solid #21449C;
  clear:both;
  background: url(../images/gradient_background.jpg) bottom left no-repeat;
}

#body .profileView h2 {
  background: url(../images/profile_header_background.gif) top left repeat-x;
  border-bottom: 1px solid #4FB1E1;
  padding: 3px 5px;
}

#body .profileView h3, h2.localResultsHeading  {
  background: #F5F586 url(../images/profile_subheader_background.gif) bottom left repeat-x;
  padding: 3px 5px;
}

#body .profileView .padded {
	padding-bottom: 30px;
}
.padded
{
  padding: 10px;
}

.padded img
{
  padding: 5px;
}

table.results .featured td
{
  background: #FFD;
}

table.results .featured td h3 a
{
  font-size: 11pt;
}

table.results td.addItinerary
{
  width: 50px;
  text-align: center;
}

table.results td
{
  background: #FFF;
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
}

table.results .odd td
{
  background: #F5F5F5;
}

a#featureBox
{
  background: url(../images/feature_box_top.gif) top left no-repeat;
  display: block;
  text-decoration: none;
  color: #21449C;
  width: 190px;
  font-weight: normal;
}

a#featureBox h3
{
  font-size: 12pt;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: bold;
  display: block;
  padding: 0 10px 10px 0;
}

a#featureBox span
{
  display: block;
  background: url(../images/feature_box_bottom.gif) bottom left no-repeat;
  padding: 20px 25px 20px 10px;
}

fieldset {
	border: none;
}
legend {
	color: #0A50A1;
	font-weight: bold;
}
/* state/region gg listing */
.featuredDestination .tab {
	width: 150px;
	padding-right: 5px;
}

#GetawayGalleries div {
	display: inline;
}

.randomDisplay {
	width: 600px;
	margin-bottom: 10px;

}

.randomDisplay  h2 {
	padding-bottom: 10px;
}
.randomDisplay .randomListing, .randomDisplay .randomPackage {
	width: 280px;
	float: left;
}
.randomDisplay .randomListing {
	padding-right: 10px;
}
.randomDisplay .randomPackage {
	padding-left:10px;
	border-left: 2px solid #CFE9F4; 
}
.randomListing {
	padding-top: 10px;
}
.randomPackage  {
	margin-bottom: 10px;
	padding-top: 10px;
}
.randomPackage .packageDates {
	padding: 5px 0;
	font-weight: bold;
}
.randomListing .imageLink a img, 
.randomListing .imageLink a:active, 
.randomListing .imageLink a:visited, 
.randomListing .imageLink a:hover,
.randomListing .imageLink a:link,  
.randomPackage .imageLink a img,
.randomPackage .imageLink a:active,
.randomPackage .imageLink a:visited,
.randomPackage .imageLink a:hover,
.randomPackage .imageLink a:link{
	text-decoration: none;
	border: none;
	margin-bottom: 10px;
}

.randomListing p, .randomPackage p {
	padding: 0;
}
.moreLink {
	text-align: right;
}
.moreLink a, .moreLink a:hover, .moreLink a:link, .moreLink a:visited, .moreLink a:active {
	text-decoration: none;
	color: #21449C;
}
.fiveDayEvent {

}
.required, .error, .note {
	color:#FF0000;
}

/*  left nav select */
.leftNavSelectContainer select, #meetingSpaceSearch select {
	width: 140px;
}

h1 {
  font-size: 1.75em;
}
h2 {
	font-size: 1.6em;
}
h3, #body .randomDisplay h3 {
	font-size: 1.35em;
}

h4 {
	font-size: 1.1em;
}
/* event calendar styles */
.eventCalendarContainer .calendar {

}


/* search results styles */
.eventsContainer, .listingsContainer {
	clear: both;
	margin-top: 20px;
}


.odd {
	background-color: #CFE9F4;
}

.event .eventSection, .listing .listingSection {
	padding-top: 5px;
}
.listing strong {
	xdisplay: block;	
}
.listing {
	position: relative;	
}
.listingsContainer h2 {
	padding-top: 20px;
}
.listingsContainer .photo {
	float: left;
	padding-right: 10px;
}
.event .name a, .listing .name a {
	text-decoration: none;
  color: #21449C;
}

.even, .odd{
	border-bottom: dashed 1px #000000;
	padding: 5px;
}

.searchStats .resultCount  {
	float: left;
}
.pageContainer {
	text-align: right;
}

.trySearch {
	margin-top: 10px;
}

.filterBy {
	margin-top: 10px;
}

.pageContainer a {
	text-decoration: none;
}
.pageContainer .firstPage, .pageContainer .page, .pageContainer .previousPage, .pageContainer .lastPage, .pageContainer .nextPage {
	margin-right: 3px;
}

.dotted {
	border-top: dashed 1px #000000;
}
/*
.listing .description p {
	padding: 0;
}
*/
.listingResultsPhoto, .packageResultsPhoto {
	float: left;
	width: 75px;
	padding-right: 10px;
}
.listingResultsPhoto a img, .packageResultsPhoto a img {
	border: none;
}


.readMore {
	clear: both;
}
.listingsContainer .readMore {
	clear:none;
	padding-top: 10px;
}
.package .packageSection {
	padding-bottom: 10px;
}
.packageIncludes {
	clear: both;
}
.packageIncludes ul {
	margin: 0;
	padding: 0; 
}
.packageIncludes ul li {
	list-style-position: inside;
	float: left;
	margin-right: 10px;
}
.packageIncludes .displayLabel {
	float: left;
	padding-right: 5px;
}
#body .content .butterfly {
	background: url(/images/butterfly_tiny.gif) no-repeat center left;
	padding-left: 30px;
	height: 20px;
}

.displayLabel {
	font-weight: bold;
	color: #21449C;
}

/*** comments ***/
#comments label {
	display: block;
}


/* sliding door button */
.actionLink,
.actionButton{
    background: transparent url(/images/buttons/actionButtonLeft.gif) center left no-repeat;
}
.actionLink a,
.actionLink a:link,
.actionLink a:active,
.actionLink a:visited,
.actionLink a:hover,
.actionButton button {
    font-size: 11px;
    margin-left: 1px;
    color: #21449C;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 8px 6px 8px;
    background: transparent url(/images/buttons/actionButtonRight.gif) center right no-repeat;
		text-align:center;
}


.featuredDestination  .photo {
	float: left;
  padding-right: 10px;
}

.contentDescription img {
	float: left;
	padding-right: 10px;
}

.meetingSpaceSearchOptions {
	padding-top: 20px;
}
.meetingSpaceSearchOptions label {
	display: block;
}

.meetingSpaceSearchOptionContainer {
	float: left;
	padding-right: 20px;
}

#meeting_TypeSpaceContainer {
	padding-bottom: 15px;
}
/* banner rotator */
.ad468x60 {
	padding: 20px 0;
}

.ad468x60 a {
	display: block;
}

/* about page */
.staffPictures {
	float: left;
	padding-right: 20px;
}

.staffPictures .staffPicture {
	padding-bottom: 15px;
}

#staffList li {
	padding-bottom: 15px;
}

.hidden {
	display: none;
}


.addItem a, .addItem a:active, .addItem a:hover, .addItem a:visited, .addItem a:link {
	float: right;
	font-size: 10px;
	font-weight: bold;
}
/* translator */
#translator {
	margin-bottom: 5px;
}

#rightBarLogin div.sociable {
	margin: 5px 0 10px 0;
}
/* dhtmlSelect */
.dhtmlSelect {
	position: relative;
}
.dhtmlSelect ul {
	display: none;
	z-index: 1;
}
.dhtmlSelect .trigger {
	z-index: 2;
}

.dhtmlSelect .trigger a {
	color: #21449C;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

.dhtmlSelect.show ul {
	display: block;
	position: absolute;
	top: 3px;
	border: 1px solid #CFE9F4;
	background-color: #FFFFFF;
	padding: 15px;
	list-style: none;
}

* html .dhtmlSelect.show ul {
	left: 0;
	top: 13px;
}
.dhtmlSelect.show ul li {
	border-top: 1px solid #CFE9F4;
	padding: 3px;
	white-space: nowrap;
}
.dhtmlSelect.show ul li.first {
	border: none;
}
/* more ie6 hacks */
* html ul.floated li {
	background: url(/images/style/list_dot.gif) 14px no-repeat;
	padding-left: 20px;
}

* html ul.floated {
	padding: 0;
	margin: 0;
}

/* site map */
#body .content ul#siteMap h2 {
	font-size: 14px;
	padding-top: 15px;
}
#body .content ul#siteMap h3 {
	font-size: 13px;
}

.statesList, .regionsList {
	padding-bottom: 15px;
}

.backToTop {
	float: right;
	margin-top: 15px;
}

.backToTop a, 
.backToTop a:hover, 
.backToTop a:active, 
.backToTop a:visited,
.backToTop a:link {
	color: #21449C;
	text-decoration: none;
	font-size: 10px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 ERROR CHECKING
 This is to determine if deprecated elements are used.
 If so, they should be replaced:
 1a. <font> and
 1b. <font color="xxx">�</font>: Shouldn�t be used.
 CSS should dictate font attributes.
 2. <center>: Shouldn�t be used. CSS should dictate
 horizontal alignment.
 3a. <div align="xxx">�</div>
 3b. <p align="xxx">�</p>
 3c. <table align="xxx">�</table>: Shouldn�t be used.
 CSS should dictate horizontal alignment.
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 /* CSS Begin */
/*
 font, center, div[align], p[align], table[align], font[color] {
   color : #cd0000;
   font-weight : bold;
   background : #eecc11 url(images/warning.gif) repeat 0 0;
   margin : 10px;
   padding : 10px;
   border : 2px dashed #cd0000;
   font-size : 2em;
}
 */



.clrfix{zoom:1;}
.clrfix:after{content:".";display:block;height:0;width:0;line-height:0;clear:both;visibility:hidden;}
.clr{clear:both;}