/*  GLOBAL BREADCRUMBS & SECONDARY NAVIGATION
********************************************************/
div.topBreadCrumbs { float: left; }
div#contentBody div.topBreadCrumbs a, div.topBreadCrumbs span.selected { font-size: 77%; }
div#contentBody span.secondaryNav { float: left; width: 700px; }
div#contentBody span.secondaryNav a { font-size: 85%; font-weight: bold; text-transform: uppercase; }
div#contentBody h1 { font-size: 167%; margin: 25px 0px 3px 0px; clear: left; }
div#contentBody span.emailImage img { vertical-align: middle; }

div#contentBody table th, div#contentBody table td { padding: 4px; margin: 1px; }

/*  SIDE UTILITY COLUMN
/*  seen on the right side of the page
/*  contains functions print and email page,
/*  high level nav items and ads
********************************************************/
div#contentBody div#sideUtilityColumn { float: right; margin: 25px 0px 20px 30px; width: 120px; }
div#sideUtilityColumn div#globalUtilities, div#topUtilityColumn div#globalUtilities { float: left; }
div#sideUtilityColumn div#sideAds { margin-top: 30px; float: left; }
div#sideUtilityColumn span#adHeader { font-size: 77%; margin-bottom: 3px; }
div#sideUtilityColumn div#sideAds a img { margin-bottom: 20px; }
div#sideUtilityColumn div#pageUtilities, div#topUtilityColumn div#pageUtilities { height: 61px; }
div#topUtilityColumn {float: right; width: 120px;}

/* BUTTONS */
div#sideUtilityColumn a.btn, div#topUtilityColumn a.btn { float: left; text-indent: -9999em; }
div#sideUtilityColumn a#btnEmail, div#topUtilityColumn a#btnEmail {
  margin: 0px 4px 0px 1px;
  height: 22px;
  width: 57px;
  background: url(/media/image/1/btn_email.gif) no-repeat;
}
div#sideUtilityColumn a#btnPrint, div#topUtilityColumn a#btnPrint {
  height: 22px;
  width: 57px;
  background: url(/media/image/1/btn_print.gif) no-repeat;
}
/* these buttons can't be wider than the width of the column - 120 - or the page falls apart in IE6 */
div#sideUtilityColumn a#btnFindHotels, div#topUtilityColumn a#btnFindHotels {
  width: 120px;
  height: 41px;
  background: url(/media/image/1/btn_find_hotels.gif) no-repeat;
}
div#sideUtilityColumn a#btnEventsCal, div#topUtilityColumn a#btnEventsCal {
  margin-top: 10px;
  width: 120px;
  height: 41px;
  background: url(/media/image/1/btn_events_cal.gif) no-repeat;
}
div#sideUtilityColumn a#btnMaps, div#topUtilityColumn a#btnMaps {
  margin-top: 10px;
  width: 120px;
  height: 41px;
  background: url(/media/image/1/btn_maps_trans.gif) no-repeat;
}

/*  HORIZONTAL ADS
********************************************************/
div#horizontalAds { float: left; width: 900px; margin-top: 30px; }
div#horizontalAds h3 { margin-top: 9px; }
div.ad { width: 195px; float: left; margin-right: 40px; }
div.lastAd { margin-right: 0px; }
div.ad p { margin-top: 3px; width: 195px; }

/* indented column variation */
div#indentedMainColumn div#horizontalAds { width: 670px; }

/*******************************************************/
/*                  HOME STYLES
********************************************************/
div#wrap div.home div#contentBody { padding-top: 15px; }
div#contentBody div#flash { float: left; width: 470px; position: relative; z-index: 1; }
div.homeContent { float: left; width: 470px; }
div.sideColumnHome { float: left; width: 410px; margin-left: 20px; display: inline; }

/* Home Features
********************************************************/
div.homeFeature { float: left; width: 225px; padding: 20px 0 0 20px; }
div.homeContent div.firstFeature { padding-left: 0; }
div.homeFeature h3 a { padding-top: 10px; display: block; font-size: 93%; text-transform: uppercase; }
div.homeFeature a { font-size: 77%; text-transform: uppercase; font-weight: bold; }

/* Home "Discover Bloomington"
********************************************************/
div.secondaryNavWrap { float: left; width: 194px; margin-right: 20px; }
div.secondaryNav {
  background: url(/media/image/1/bg_discoverBloomingtonbody.gif) no-repeat left top;
  float: left;
  width: 158px;
  height: 277px;
  padding: 20px 18px 12px 18px;
}
div#secondaryNavBtm {
  background: url(/media/image/1/bg_discoverBloomingtonbtm.gif) no-repeat left top;
  width: 194px;
  height: 8px;
  float: left;
}
div#contentBody div.secondaryNav p { color: #192858; font-size: 85%; }
div#contentBody div.secondaryNav h2 {
  height: 38px;
  width: 150px;
  background: url(/media/image/1/hdr_discover_bloomington.png) no-repeat;
  text-indent: -9999em;
  margin-bottom: 5px;
}
div#contentBody div.secondaryNav h3.rfp, .sideNav h3.rfp {border-top: 1px #FFF solid; margin-top: 0; padding-top: 15px;}

div.secondaryNav ul { margin: 0; padding: 0; }
div.secondaryNav li { list-style: none; padding: 7px 0; margin: 0; border-bottom: 1px #ffffff solid; }
body#home div.secondaryNav li a { color: #192858; font-weight: bold; font-size: 77%; text-transform: uppercase; }
body#home div.secondaryNav li a:hover { color: #2AA4DD;}

/* Home "Find a Hotel"
********************************************************/
div.FindHotel {
  background: url(/media/image/1/bg_findahotel.gif) no-repeat;
  float: left;
  width: 154px;
  height: 232px;
  padding: 15px 20px 12px 20px;
}
div.FindHotel h2 {
  height: 38px;
  width: 150px;
  background: url(/media/image/1/hdr_find_hotel.png) no-repeat;
  text-indent: -9999em;
}
div.FindHotel h2.meetingHotels {
  height: 40px;
  width: 144px;
  background: url(/media/image/1/bg_findmeetinghotels.png) no-repeat;
}
div#contentBody div.FindHotel p {
  color: #192858;
  padding: 0 0 0 2px;
  font-size: 85%;
  font-family: arial;
}
div.FindHotel a#btnSearchHotels {
  background: url(/media/image/1/btnsearchhotels.png) no-repeat;
  width: 123px;
  height: 37px;
  display: block;
  text-indent: -9999em;
  margin-top: 75px;
}

/* Home Buttons
********************************************************/
div.home div#globalUtilities { margin: 10px 0 10px 0; float: left; }
div.home div#globalUtilities a.btn { float: left; text-indent: -9999em; }
div.home div#globalUtilities a#btnHomeMaps {
  height: 41px;
  width: 112px;
  background: url(/media/image/1/btn_maps_transh.gif) no-repeat;
}
div.home div#globalUtilities a#btnHomeEvents {
  margin: 0px 4px 0px 0;
  height: 41px;
  width: 79px;
  background: url(/media/image/1/btn_events_calh.gif) no-repeat;
}

/* Home "in and around bloomington" ads
********************************************************/
div#homeAds { margin-top: 35px; float: left; width: 410px; }
div#homeAds h3 { font-size: 100%; color: #192858; text-transform: uppercase; padding-bottom: 20px; }
div#homeAds div.adRow { width: 410px; float: left; padding-bottom: 20px; }
div#homeAds div.adRow div.first { margin-right: 20px; }
div#homeAds div.ad { margin: 0; }
div#homeAds div.ad h3 { padding: 0; }
div#homeAds div.ad h3 a { font-size: 85%; }

/* 11.0 Meeting Planner
/* Style similiar to the home page
********************************************************/
div.sideColumnHome div.meetingPlan h3 { color: #192858; font-size: 85%; margin-top: 15px; }
a#btnRFP {
  height: 41px;
  width: 112px;
  display: block;
  margin: 10px 0 -5px -3px;
  background: url(/media/image/1/btn_submit_rfp.gif) no-repeat;
  text-indent: -9999em;
}

div.sideNav a#btnRFP {
  background: url(/media/image/1/btnrfpsimple.gif) no-repeat;
}

/*******************************************************/
/*                  INTERIOR STYLES
********************************************************/
/* Interior Side Navigation, Content and Ads
********************************************************/
div#contentBody h2 { font-size: 116%; }
div#sideNavColumn { margin-top: 2px; float: left; width: 210px; }

/* Interior Main Column
********************************************************/
div#mainColumn { float: left; width: 730px; margin-top: 30px; }
div#mainContent img.floatRightImg { float: right; margin-left: 10px; }
div#mainColumn span.subHeader { font-size: 12px; }
div#mainContent h2.border {
  background: url(/media/image/1/div_beige580.gif) no-repeat left bottom;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

/* Interior Indented Main Column
********************************************************/
div#indentedMainColumn { float: left; width: 710px; margin: 40px 20px 20px 20px; display: inline; }
div#indentedMainColumn h2 { margin-bottom: 20px; clear: left;}
div#indentedMainColumn h2.sansBtmMargin { margin-bottom: 0px; }
div#indentedMainColumn div.detailImage { margin-bottom: 30px; }
div#indentedMainColumn div.wideColumn {
  float: right;
  width: 300px;
  margin: 0px 0px 20px 30px;
}
div#indentedMainColumn div.wideColumnInner {
  float: left;
  padding-bottom: 20px;
  background: url(/media/image/1/bg_wide_btm.jpg) no-repeat bottom left;
}
div#indentedMainColumn div.wideColumn h2 { padding-bottom: 20px; margin: 20px 20px 0px; border-bottom: 1px solid #cdd2dc; font-size: 93%; }
div#indentedMainColumn div.wideColumnTop {
  width: 300px;
  height: 5px;
  background: url(/media/image/1/bg_wide_top.jpg) no-repeat top left;
}
div#indentedMainColumn img.articleMedia { float: right; margin: 0px 0px 20px 30px; display: inline;}
/* Was a big style used in lots of places for paragraphs */
/* div#indentedMainColumn p { width: 380px; } */
/* creates the divider between the header and copy */
div.interior p#articleDivider, div.interior div#articleDivider { border-top: #d6d0af 10px solid; width: 360px; float: left; margin-bottom:20px;}
div.interior p#articleDivider { padding-top: 20px; margin-bottom: 20px; }
ul#slideSet { float: right; clear: right; width: 300px; margin: 0; padding: 0; margin: 0px 0px 30px 20px; }
ul#slideSet li { list-style: none; margin: 0; padding: 0; }

/* Three Column Layout
********************************************************/
div#mainContent { width: 510px; float: left; margin:45px 0pt 0pt 30px; display: inline;}
div#mainContentDeals { width: 510px; float: left; margin: 25px 0pt 0pt 30px; display: inline; }
div#mainContentHub { width: 510px; float: left; margin: 22px 0pt 0pt 20px; display: inline; }

/* Three Column Side Navigation
*******************************************************/
div.sideNav, div.sideAd {
  float: left;
  width: 170px;
  background: url(/media/image/1/bg_side_gradient_bottom.gif) no-repeat bottom left;
  padding: 15px 20px 20px;
}
/* variation on sideAd for calendar page */
div.sideCal {
  width: 175px;
  padding: 15px 15px 20px 20px;
}
div#sideNavColumn div.sideNavTop, div#sideNavColumn div.sideAdTop {
  float: left;
  width: 210px;
  height: 5px;
  background: url(/media/image/1/bg_side_gradient_top.gif) no-repeat bottom left;
  margin-top: 20px;
}
div#sideNavColumn p, div#sideNavColumn span { display: block; width: 170px; }
div#sideNavColumn p.synopsis { margin-left: 0; font-weight: bold; font-size: 85%; }
div#sideNavColumn a.learnMore { font-weight: bold; font-size: 77%; }
div#sideNavColumn ul li.first { padding-top: 0; }
div#sideNavColumn div.sideAd h3 { margin-bottom: 10px; width: 170px; }
div.sideAd img { float: left; display: inline; padding-right: 8px; }
div.sideAd a { float: left; width: 170px; font-size: 85%; font-family: arial; }
div#sideNavColumn h3 { margin: 0px 0px 20px 0px; font-size: 93%; }
div#sideNavColumn ul { font-size: 77%; padding: 0; width: 170px; }
div#sideNavColumn ul li { list-style: none; padding: 7px 0; border-bottom: 1px solid #ffffff; margin: 0; }
div#sideNavColumn ul li a, div#moaNav a.learnMore { font-size: 77%; text-transform: uppercase; }

/* Hotel Browse Side Navigation */
div#hotelBrowse {
  float: left;
  background: url(/media/image/1/bg_hotel_browse.gif) no-repeat;
  width: 210px;
  height: 259px;
}
div#hotelBrowse h3 { margin: 160px 20px 0px; }
div#hotelBrowse ul { margin: 13px 20px; padding: 0; }

div#additionalContent { float: left; border-top: 1px solid #47506C;}
div#additionalContent p { font-size: 90%;}

/* Directory Filter and Pagination
********************************************************/
div#mainContentFilters { margin-top: 20px; float: left; width: 510px; }
div#mainContentFilters p, div#mainContentFilters a { font-size: 85%; }
div#pagination, div#eventBreadCrumbs { border: 1px solid #c9cfd9; padding: 8px 12px; }
div#pagination p { padding: 0px; }
div#pagination span.paginationControls { float: right; }
div#mainContentFilters select.filterSelect { float: right; margin-top: 10px; color: #47506c; font-size: 85%; }
div#mainContentFilters a.listView {
  float: left;
  line-height: 20px;
  padding-left: 20px;
  margin: 10px 10px 0 0;
  background: url(/media/image/1/btn_list_view.gif) no-repeat;
}
div#mainContentFilters a.mapView {
  float: left;
  line-height: 20px;
  padding-left: 20px;
  margin: 10px 10px 0 0;
  background: url(/media/image/1/btn_map_view.gif) no-repeat;
}

/* Directory Categories -
/* covers any list based page
********************************************************/
ul.directory { float: left; width: 510px; margin: 33px 0 0 0; padding: 0; }
ul.directory li { list-style: none; float: left; width: 510px; margin: 0 0 20px 0; padding: 0;}
ul.directory li.btmDivider { border-bottom: 1px solid #cdd2dc; }
div.sponsored { float: left; width: 100%; min-height: 15px; font-size: 77%; background-color: #e3dbb9; }
div.sponsored p { font-size: 77%; padding: 4px 10px; }

/* Directory Item Header & Event Directory Box
/* this area contains the name, address and pricing info
********************************************************/
div.itemHeader, div.eventItem {
  float: left;
  padding: 15px 10px 0px;
  /*margin-top: 15px;  - abilek taking this out for right now */
  border-top: 1px solid #d2d6de;
  border-bottom: 1px solid #d2d6de;
  background: url(/media/image/1/bg_hotel_name.gif);
  width: 490px;
}
div#tabContent div.itemHeader, div#tabContent div.eventItem {
  background-position: right;
  background-repeat: repeat-y;
  width: auto;
}
div.itemHeader h3, ul#mapDirectory h3 { margin: 0px 0px 7px 0px; }
div.itemHeader span, ul#mapDirectory span, div.eventDate span {
  display: block;
  margin: 0px 0px 15px;
  font-size: 85%;
}
div.eventItem span { display: block; font-size: 85%; margin: 2px 0 0 0; }
div.eventItem span.top { font-weight: 800; text-transform: uppercase; }
div.phoneInfo { padding-bottom: 10px; }
div.phoneInfo span { display: inline; }
div.priceRange { float: right; width: 70px; }
div.priceRange span.priceHeader {
  float: right;
  clear: right;
  text-indent: -999em;
  height: 7px;
  width: 68px;
  margin: 0px 0px 8px;
  background: url(/media/image/1/header_price.gif) no-repeat;
}
div.priceRange span.oneDollar {
  float: right;
  clear: right;
  text-indent: -999em;
  height: 27px;
  width: 27px;
  background: url(/media/image/1/icon_one_dollar.gif) no-repeat right top;
}
div.priceRange span.twoDollar {
  float: right;
  clear: right;
  text-indent: -999em;
  height: 27px;
  width: 50px;
  background: url(/media/image/1/icon_two_dollar.gif) no-repeat right top;
}
div.priceRange span.threeDollar {
  float: right;
  clear: right;
  text-indent: -999em;
  height: 27px;
  width: 72px;
  background: url(/media/image/1/icon_three_dollar.gif) no-repeat right top;
}

div.priceRange span.fourDollar {
  float: right;
  clear: right;
  text-indent: -999em;
  height: 27px;
  width: 95px;
  background: url(/media/image/1/icon_four_dollar.gif) no-repeat right top;
}

/* Hub Styles
/* Used across all hubs including 9.0 Events
*******************************************************/
div#contentBody div.eventsfeatures { margin: 0; padding-left: 30px;}
div#mainContentHub h2.hubHeader { margin-bottom: 20px; font-weight: bold; }
div#mainContentHub p.hubDescription { margin-bottom: 20px; }
div#mainContentHub img.hubMedia, div#mainContent img.hubMedia { margin-bottom: 20px; }
div#mainContentHub ul { margin: 0; padding: 0; }
div#mainContentHub li { list-style: none; float: left; width: 244px; padding: 10px 0 0 0; margin: 0; border-top: 10px solid #E3DBB9; }
div#mainContentHub li h2 { margin-bottom: 3px; font-size: 100%; }
div#mainContentHub li h2 a { font-weight: bold; }
div#mainContentHub strong { text-transform: none; }
div#mainContentHub li.marginRight { margin-right: 22px; }
div#mainContentHub a.hubLearnMore,  div#moaWidget a.hubLearnMore { font-size: 85%; font-weight: bold; display: block; text-transform: uppercase; margin: 10px 0px 24px; }
div#mainContentHub img.marginBottom { margin-bottom: 20px; }

div.btmContent { float: left;}

/* Tab Styles
*******************************************************/
div.tabWrap {
  background: url(/media/image/1/bg-tabbtm.png) no-repeat left bottom;
  float: left;
  width: 750px;
  padding: 0 0 7px;
  margin-top: 20px;
}

/* Tabs */
div.tabWrap div#tabs {
  background: url(/media/image/1/bg-tabtop.png) no-repeat left bottom;
  float: left;
  width: 750px;
  padding-bottom: 3px;
}
div.tabWrap div#tabs ul { margin: 0; padding: 0; width: 750px; }
div.tabWrap div#tabs ul li { list-style: none; float: left; padding: 0 4px 0 0; margin: 0; height: 31px; }
div.tabWrap div#tabs ul li a { display: block; text-indent: -9999em; width: 138px; height: 31px; }
div#tabContent h2 { margin-bottom: 20px; }
span.contentDivider { margin-top: 20px; padding-top: 27px; border-top: 1px solid #d3d4d3; float: left; width: 410px; }

/* Meeting Planner Tabs */
ul.ui-tabs-nav li a#btnOverview { background: url(/media/image/1/taboverviewdefault.png) no-repeat; }
ul.ui-tabs-nav li a#btnOverview:hover { background: url(/media/image/1/taboverviewhover.png) no-repeat; }
div.tabWrap div#tabs ul li.ui-tabs-selected a#btnOverview { background: url(/media/image/1/taboverviewon.png) no-repeat;}

ul.ui-tabs-nav li a#btnvresources{ background: url(/media/image/1/tabvresourcesdefault.png) no-repeat;}
ul.ui-tabs-nav li a#btnvresources:hover { background: url(/media/image/1/tabvresourceshover.png) no-repeat; }
div.tabWrap div#tabs ul li.ui-tabs-selected a#btnvresources { background: url(/media/image/1/tabvresourceson.png) no-repeat;}

ul.ui-tabs-nav li a#btnPromoteEvent{ background: url(/media/image/1/tabpromotedefault.png) no-repeat; }
ul.ui-tabs-nav li a#btnPromoteEvent:hover { background: url(/media/image/1/tabpromotehover.png) no-repeat; }
div.tabWrap div#tabs ul li.ui-tabs-selected a#btnPromoteEvent { background: url(/media/image/1/tabpromoteon.png) no-repeat;}

ul.ui-tabs-nav li a#btnMeetSales{ background: url(/media/image/1/tabmeetsalesdefault.png) no-repeat;}
ul.ui-tabs-nav li a#btnMeetSales:hover { background: url(/media/image/1/tabmeetsaleshover.png) no-repeat; }
div.tabWrap div#tabs ul li.ui-tabs-selected a#btnMeetSales { background: url(/media/image/1/tabmeetsaleson.png) no-repeat;}

ul.ui-tabs-nav li a#btnFacilities{ background: url(/media/image/1/tabfacilitesdefault.png) no-repeat;}
ul.ui-tabs-nav li a#btnFacilities:hover { background: url(/media/image/1/tabfaciliteshover.png) no-repeat; }
div.tabWrap div#tabs ul li.ui-tabs-selected a#btnFacilities { background: url(/media/image/1/tabfaciliteson.png) no-repeat;}

/* Hotels Tabs */
ul.ui-tabs-nav li a#tabFeatures { background: url(/media/image/1/tabfeaturesdefault.png); }
ul.ui-tabs-nav li a#tabFeatures:hover { background: url(/media/image/1/tabfeatureshover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabFeatures { background: url(/media/image/1/tabfeatureson.png); }

ul.ui-tabs-nav li a#tabPhotos { background: url(/media/image/1/tabphotosdefault.png); }
ul.ui-tabs-nav li a#tabPhotos:hover { background: url(/media/image/1/tabphotoshover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabPhotos { background: url(/media/image/1/tabphotoson.png); }

ul.ui-tabs-nav li a#tabMaps { background: url(/media/image/1/tabmapsdefault.png); }
ul.ui-tabs-nav li a#tabMaps:hover { background: url(/media/image/1/tabmapshover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabMaps { background: url(/media/image/1/tabmapson.png); }

ul.ui-tabs-nav li a#tabOffers { background: url(/media/image/1/tabspecialsdefault.png); }
ul.ui-tabs-nav li a#tabOffers:hover { background: url(/media/image/1/tabspecialshover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabOffers { background: url(/media/image/1/tabspecialson.png); }

ul.ui-tabs-nav li a#tabMeetings { background: url(/media/image/1/tabmeetingsdefault.png); }
ul.ui-tabs-nav li a#tabMeetings:hover { background: url(/media/image/1/tabmeetingshover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabMeetings { background: url(/media/image/1/tabmeetingson.png); }

/* Attendees Landing Page Tabs */
ul.ui-tabs-nav li a#tabDetails { background: url(/media/image/1/tab-details-default.png); }
ul.ui-tabs-nav li a#tabDetails:hover { background: url(/media/image/1/tab-details-hover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabDetails { background: url(/media/image/1/tab-details-on.png); }

ul.ui-tabs-nav li a#tabMap { background: url(/media/image/1/tab-map-default.png); }
ul.ui-tabs-nav li a#tabMap:hover { background: url(/media/image/1/tab-map-hover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabMap { background: url(/media/image/1/tab-map-on.png); }

/* why some of these tabs start with btn and some with tab is a mystery. I'm making them all tab. */
ul.ui-tabs-nav li a#tabOverview { background: url(/media/image/1/taboverviewdefault.png) no-repeat; }
ul.ui-tabs-nav li a#tabOverview:hover { background: url(/media/image/1/taboverviewhover.png) no-repeat; }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabOverview { background: url(/media/image/1/taboverviewon.png) no-repeat;}

ul.ui-tabs-nav li a#tabPlannerResources { background: url(/media/image/1/tabplannerresourcesdefault.png); }
ul.ui-tabs-nav li a#tabPlannerResources:hover { background: url(/media/image/1/tabplannerresourceshover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabPlannerResources { background: url(/media/image/1/tabplannerresourceson.png); }

ul.ui-tabs-nav li a#tabVisitorResources{ background: url(/media/image/1/tabvresourcesdefault.png) no-repeat;}
ul.ui-tabs-nav li a#tabVisitorResources:hover { background: url(/media/image/1/tabvresourceshover.png) no-repeat; }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabVisitorResources { background: url(/media/image/1/tabvresourceson.png) no-repeat;}

ul.ui-tabs-nav li a#tabPromoteEvent{ background: url(/media/image/1/tabpromotedefault.png) no-repeat; }
ul.ui-tabs-nav li a#tabPromoteEvent:hover { background: url(/media/image/1/tabpromotehover.png) no-repeat; }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabPromoteEvent { background: url(/media/image/1/tabpromoteon.png) no-repeat;}

ul.ui-tabs-nav li a#tabMeetSales{ background: url(/media/image/1/tabmeetsalesdefault.png) no-repeat;}
ul.ui-tabs-nav li a#tabMeetSales:hover { background: url(/media/image/1/tabmeetsaleshover.png) no-repeat; }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabMeetSales { background: url(/media/image/1/tabmeetsaleson.png) no-repeat;}

ul.ui-tabs-nav li a#tabFacilities{ background: url(/media/image/1/tabfacilitesdefault.png) no-repeat;}
ul.ui-tabs-nav li a#tabFacilities:hover { background: url(/media/image/1/tabfaciliteshover.png) no-repeat; }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabFacilities { background: url(/media/image/1/tabfaciliteson.png) no-repeat;}

ul.ui-tabs-nav li a#tabSportVenues { background: url(/media/image/1/tabsportvenuesdefault.png); }
ul.ui-tabs-nav li a#tabSportVenues:hover { background: url(/media/image/1/tabsportvenueshover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabSportVenues { background: url(/media/image/1/tabsportvenueson.png); }

ul.ui-tabs-nav li a#tabRestaurants { background: url(/media/image/1/tabrestaurantsdefault.png); }
ul.ui-tabs-nav li a#tabRestaurants:hover { background: url(/media/image/1/tabrestaurantshover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabRestaurants { background: url(/media/image/1/tabrestaurantson.png); }

ul.ui-tabs-nav li a#tabShopping { background: url(/media/image/1/tabshoppingdefault.png); }
ul.ui-tabs-nav li a#tabShopping:hover { background: url(/media/image/1/tabshoppinghover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabShopping { background: url(/media/image/1/tabshoppingon.png); }

ul.ui-tabs-nav li a#tabDeals { background: url(/media/image/1/tabdealsdefault.png); }
ul.ui-tabs-nav li a#tabDeals:hover { background: url(/media/image/1/tabdealshover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabDeals { background: url(/media/image/1/tabdealson.png); }

ul.ui-tabs-nav li a#tabCalendar { background: url(/media/image/1/tabcalendardefault.png); }
ul.ui-tabs-nav li a#tabCalendar:hover { background: url(/media/image/1/tabcalendarhover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabCalendar { background: url(/media/image/1/tabcalendaron.png); }

ul.ui-tabs-nav li a#tabItineraries { background: url(/media/image/1/tabitinerariesdefault.png); }
ul.ui-tabs-nav li a#tabItineraries:hover { background: url(/media/image/1/tabitinerarieshover.png); }
div.tabWrap div#tabs ul li.ui-tabs-selected a#tabItineraries { background: url(/media/image/1/tabitinerarieson.png); }

/* Tabbed Content */
div.tabWrap div#tabContent {
  background: url(/media/image/1/bgtab.gif) repeat-y;
  float: left;
  width: 688px;
  padding: 27px 31px 17px 31px;
}
div.tabWrap div#tabContent div.ui-tabs-panel { width: 684px; float: left; }
div.tabWrap div#tabContent div.ui-tabs-hide { display: none; }
div.tabWrap div#tabContent #maps.ui-tabs-hide { display: block; position: absolute; left: -999em; }
div#tabContent ul.directory { width: auto; }
div#tabContent ul.directory li { width: auto; margin-bottom: 0; }
div#tabContent ul.directory div.itemDescription { width: auto; margin: 0 0 0 20px; display: inline; }

/*  2.3 Climate
*******************************************************/
ul#climateForecast { float: left; width: 260px; margin: 15px 20px 0px; padding: 0; display: inline; }
ul#climateForecast li { list-style: none; padding: 0 0 7px 0; margin: 7px 0px 0px; border-bottom: 1px solid #cdd2dc; float: left; width: 100%; }
ul#climateForecast img { float: left; margin-right: 10px; }
ul#climateForecast li.last { border-bottom: 1px solid #ffffff; }
ul#climateForecast h3, ul#climateForecast p, ul#climateForecast span { font-size: 85%; }
div#indentedMainColumn ul#climateForecast h3 { margin: 1px 0 10px 0; float: none; width: auto; }
div#indentedMainColumn ul#climateForecast span { float: left; line-height: 16px; width: 60%; }
div#indentedMainColumn h2.monthlyAvg { float: left; margin-top: 20px; }
div#indentedMainColumn ul#contentTable { border-top:10px solid #D6D0AF; padding-top:9px; width: 380px; clear: left; }
ul#contentTable li { list-style: none; margin-left: 0px; padding: 10px 0px; border-bottom: 1px solid #B5BDC9; float: left; }
ul#contentTable span { width: 100px; padding-left: 10px; text-align: center; float: left; }
ul#contentTable span.alignLft, ul#contentTable span.alignLft { width: 50px; text-align: left; font-weight:800; }
ul#contentTable span.bigRghtMargin, ul#contentTable span.bigRghtMargin { padding-right:100px; }
ul#contentTable li.highlighted { background: url(/media/image/1/bg_hotel_name.gif) repeat-y; }

/*  2.5 Generic Directory Listings (and listings for tabs)
*******************************************************/
div#directoryListings { width: 610px; }
div.micrositeDirectory { overflow: hidden; }
div.tabListings { width: auto; }
div.tabListings ul.directory { width: 610px; margin: 0; padding: 0; }
div#directoryListings ul.directory { padding-left: 20px; width: 610px; margin: 0;  }
div#directoryListings ul.directory li, div.tabListings ul.directory li {
  border-top: 1px solid #d2d6de;
  border-bottom: 1px solid #d2d6de;
  background: #fff url(/media/image/1/bg_hotel_name.gif) scroll repeat-y top right;
  width: 610px;
  padding: 0;
}
ul.directory li div.thumbnail { float: left; margin: 0 12px; height: 90px; width: 120px; overflow: hidden; display: inline; }
ul.directory li div.listInfo { float: left; margin: 8px 12px; width: 410px; display: inline; }
ul.directory li div.listInfo h3 { margin: 6px 0; }
ul.directory li div.listInfo span { background: url(/media/image/1/icon_pdf.gif) no-repeat; padding-left: 20px; margin-left: 8px; text-transform: none; font-weight: normal; }
ul.directory li div.listInfo p { font-size: 85%; }

div.bottomContent { float: left; padding-left: 20px; }

/*  2.5a horizontal Directory Listings
*******************************************************/
div#contentBody div.gallery { 
  width: 745px; 
  float: left; 
  background-color: #c6cfd7;
  margin-bottom: 20px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius: 8px;
  border: 1px solid #fff;
}

div#contentBody div.gallery ul.directory li div.thumbnail { 
  text-align: center;
  width: 200px;
  margin: 0;
}

body div#contentBody div.gallery ul.one { width: 240px; }
body div#contentBody div.gallery ul.two { width: 500px; }

div#contentBody div.gallery ul.directory { 
  width: 740px; 
  float: left;
  padding: 0 0 10px 10px;
  margin: 20px 0; 
  background: url(/media/image/1/bg_gallerycols.png) repeat-y;
}
div#contentBody div.gallery ul.directory li {
  width: 200px;
  padding: 0 20px;
  border: 0;
  background: none;
}

div.gallery ul.directory li div.listInfo {
  width: 170px;
  padding: 0 5px;;
}

/*  3.0 Shopping
******************************************************
body#shopping div#mainContentHub img.hubMedia { margin-top: 20px; }*/
div#moaWidget { float: left; width: 100%;}
div#moaWidget div { float: left; width: 375px;  padding-left: 20px}
div#moaWidget img { float: left;}

/*  3.3 Shopping
******************************************************
body#shopping div#mainContent h2 { border-bottom: 10px solid #D6D0AF; padding-bottom: 20px; margin-bottom: 20px; }
body#shopping div#mainContent h3 { margin: 30px 0px 10px; }
body#shopping div#mainContent ul { list-style: disc; margin: 0 0 10px 20px; line-height: 26px; } */

/*  3.3.4 MOA Request Kit
*******************************************************/
span#requiredKey { margin: 10px 0px; display: block; clear: both; }
form#requestKit li { list-style: none; clear: left; margin: 5px 0px; }
form#requestKit label { width: 150px; float: left; padding-top: 4px;}
form#requestKit input { width: 230px; }
form#requestKit textarea { width: 380px; height: 100px; }
form#requestKit select.inputWidth { width: 230px; }
form#requestKit input.checkbox { width: auto; }

/* 4.1 Activities Directory
*******************************************************/
div#mainContent a.seeDetails {
  float: right;
  background: url(/media/image/1/btn_see_details.gif) no-repeat;
  height: 27px;
  width: 82px;
  text-indent: -9999em;
  margin-top: 20px;
}

/*  7.0 Hotel Item Body (List View)
/*  contains a thumbnail, description and amenities
*******************************************************/
div.itemBody { width: 100%; float: left; }
div.itemBody div.hotelImgOffers { float: left; width: 130px; margin-top: 10px; }
div.itemBody div.hotelDetail { float: left; width: 350px; margin: 20px 0 0 10px; }
div.itemBody div.itemDescription { list-style: disc inside; float: left; margin: 10px; width: 96%; }
div.itemBody div.itemDescription p { width: 100%; }
div.itemBody img.thumb { float: left; }
div.itemBody div.specialOffer {
  background: url(/media/image/1/bg_specialOffers.png) repeat-x left bottom;
  float: left;
  width: 120px;
  margin-top: 10px;
}
div.itemBody div.specialOffer a { width: 100px; display:block;text-align: center; font-size: 77%; padding: 10px 10px; }
div.itemBody div.specialOffer h4 {
  background: url(/media/image/1/hdr_specialOffers.png) no-repeat;
  text-indent: -999em;
  width: 120px;
  height: 21px;
}
div.itemBody p { width: 350px; float: left; }
div.itemBody span { width: 350px; float: left; font-size: 85%; }
div.itemBody span strong { font-size: 93%; }
div.itemBody span.hotelDistance { padding: 0px 20px 20px 0px; border-bottom: 1px solid #cdd2dc; margin-bottom: 10px;}
div.itemBody span.hotelSize { padding: 0px 20px 7px 0px; }
div.itemBody span.hotelSize2 { padding: 0px 20px 10px 0px; border-bottom: 1px solid #cdd2dc; }
div.itemBody span.amenities { margin-top: 10px; padding-bottom: 13px; }
ul.amenitiesList { float: left; width: auto; padding: 0; margin: 0; }
ul.amenitiesList li { list-style: none; float: left; width: 21px; height: 22px; margin: 0 4px 0 0; padding: 0; text-indent: -999em; }
ul.amenitiesList li.pool { background: url(/media/image/1/amenity_pool.gif) no-repeat; }
ul.amenitiesList li.dining { background: url(/media/image/1/amenity_dining.gif) no-repeat; }
ul.amenitiesList li.pets { background: url(/media/image/1/amenity_pets.gif) no-repeat; }
ul.amenitiesList li.gym { background: url(/media/image/1/amenity_gym.gif) no-repeat; }
ul.amenitiesList li.internet { background: url(/media/image/1/amenity_internet.gif) no-repeat; }
ul.amenitiesList li.offers { background: url(/media/image/1/amenity_offers.gif) no-repeat; }
ul.amenitiesList li.bigticket { background: url(/media/image/1/amenity_bigticket.gif) no-repeat; }
span.amenities a.amenitiesViewAll { float: left; margin: 0 0 0 16px; line-height: 20px; font-size: 85%; display: inline; }

div#hotelCopy { padding-top: 10px; }

/* 7.2 Hotel Details
*******************************************************/
div#tabContent div.tabContentColumn { float: right; width: 410px; }
div#tabContent ul { margin-bottom: 10px; }
div#tabContent p, div#tabContent li { font-size: 85%; }
div#tabContent p a { font-size: 100%; }
div#tabContent div#Overview a { }
div#tabContent div.tabContentList {
  float: left;
  width: 215px;
  background: url(/media/image/1/bg_amenities_box_btm.gif) no-repeat left bottom;
  padding:  0 12px 10px;
  clear: left;
  margin: 0 30px 20px 0;
}
div#tabContent div.tabContentListTop {
  float: left;
  clear: left;
  height: 6px;
  width: 239px;
  background: url(/media/image/1/bg_amenities_box_top.gif) no-repeat bottom center;
  margin-right: 30px;
}
div#tabContent div.tabContentNoBorder {
  float: left;
  width: 240px;
  margin: 0 30px 20px 0;
  clear: left;
}

div#tabContent div.otherFacilities div.tabContentColumn { float: left; }
div#tabContent div.otherFacilities div.tabContentList {float: right; clear: none; display: inline; }
div#tabContent div.otherFacilities div.tabContentListTop {float: right; clear: none; display: inline; line-height: 0; }
div#tabContent div.otherFacilities { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; float: left; width: 100%; }
/* took out border-top: 1px solid #cccccc; for ie*/
/* abilek added float left width 100% hope it doesn't break ie6*/
/*div#tabContent div#MeetSales ul.directory li { margin-top: 10px; }*/
div#tabContent ul.directory li { margin-top: 10px; }
div#tabContent ul.directory li div.listInfo { width: 516px; }

div#tabContent div.tabContentList h2 { font-size: 100%; margin: 10px 0 5px; }
div#tabContent div.tabContentList h4 { font-size: 85%; text-transform: none; }
div#tabContent div.tabContentList ul { border-top: 1px solid #cccccc; margin: 7px 0 0 0; padding: 0; }
div#tabContent div.tabContentList li { list-style: none; font-size: 85%; border-bottom: 1px solid #cccccc; padding: 4px 0px 0px; line-height: 16px; margin: 0; }
div#tabContent div.tabContentList ul#amenities li { padding-left: 26px; color: #666666; background: url(/media/image/1/bullet_x.gif) no-repeat 0 50%; }
div#tabContent div.tabContentList ul#amenities li.included { background: url(/media/image/1/bullet_check.gif) no-repeat 0 50%; color: #47506c; }
div#tabContent div.tabContentList ul#amenities li.title { background: none; color: #47506c; padding-left: 0; }
div#tabContent div.tabContentList ul#amenities li.title h4 { font-size: 100%; }
div#tabContent div.tabContentList ul#amenities li a { font-size: 100%; }
div#tabContent span.strong { font-weight: bold; font-size: 85%; }

div#hotelMap {
  padding: 30px;
  float: left;
  width: 629px;
  height: 482px;
  background: url(/media/image/bg_hotel_map.jpg) no-repeat;
}

/* 6.1.1 Restaurant Detail
*******************************************************/
div#indentedMainColumn span.restaurantAddress { clear:left; float:left; font-size:85%; margin-top: 20px; }
div#indentedMainColumn div#businessWrapper span.restaurantNumber { float:left; clear: left; font-size:85%; margin-bottom: 20px; }
div#indentedMainColumn span.restaurantNumber { width: 380px; clear: none;}
div#indentedMainColumn p { clear: left; margin: 10px 0; }
div#indentedMainColumn h3 { float: left; width: 380px;}
ul.mapFilterLinks { float: left; }
ul.mapFilterLinks li { list-style: none; line-height: 16px; }
ul.mapFilterLinks a { font-size: 85%; text-transform: uppercase; }
div#indentedMainColumn div.mapInfo {
  float: left;
  width: 360px;
  margin: 0px 0px 20px 0px;
  padding: 15px 0px 15px 10px;
  border-top: 1px solid #c1c9d4;
  border-bottom: 1px solid #c1c9d4;
  background: url(/media/image/1/bg_gradient_white.gif) repeat-y;
}
div#mapMedium { float: left; margin: 20px 0px 0px; width: 380px; }
div#indentedMainColumn div.wideColumn span, div#indentedMainColumn div.wideColumn p { font-size: 85%; width: auto; margin-top: 0px; }
div#indentedMainColumn div.wideColumn a { font-size: 85%; }
div.wideColumn div.wideColumnInfo { float: left; margin: 0 20px 0px; padding-bottom: 20px; border-bottom: 1px solid #bbcada; display: inline;}
div.wideColumn div.wideColumnInfo h4 { font-size: 85%; margin: 20px 0px 10px; clear: left; }
/* white border bottom */
div.wideColumn div.whiteBorder { border-bottom: 1px solid #ffffff; }
div.wideColumn div.restaurantAmenity { float: left; margin: 20px 20px 0px; width: 260px; display: inline; }
ul.cardList { padding-bottom: 20px; }
ul.cardList li { list-style: none; float: left; margin-right: 2px; }
div.wideColumn dt { font-size: 85%; font-weight: bold; float: left; clear: left; line-height: 20px; }
div.wideColumn dd { font-size: 85%; text-indent: 6px; line-height: 20px; }
div#businessWrapper { float: left; width: 380px; }

div#businessWrapper div#mapMedium ul#mapDirectory { width: auto; }
div#businessWrapper div#mapMedium ul#mapDirectory li { width: 350px; }
div#businessWrapper div#mapMedium ul#mapDirectory li h3,div#businessWrapper div#mapMedium ul#mapDirectory li p  { width: 350px; }

/* 7.0 Hotel Home (Map View)
*******************************************************/
div#mapContainer {
  background:transparent url(/media/image/1/bg_round_box_btm.gif) no-repeat scroll center bottom;
  float:left;
  width:510px;
  margin-top: 30px;
}
div#mapContainerTop { background: url(/media/image/1/bg_round_box_top.gif) no-repeat; height: 7px; width: 510px; }
div#mapContainer h2 { font-size: 100%; margin: 20px 30px 0 35px; }
div#mapLarge { margin: 17px 30px 30px 33px; height: 391px; width: 446px; }
ul#mapDirectory li { list-style: none; position: relative; width: 480px; padding-left: 30px; border-bottom: 1px solid #c8ced8; }
ul#mapDirectory img.mapMarker { position: absolute; top: 0px; left: 0px; }
ul#mapDirectory li p { float: left; }

/* 7.2 Hotel Detail
*******************************************************/
div#mainColumn div#detailHeader { float: left; margin-bottom: 10px; width: 730px; }
div#mainColumn div.detailContent {
  float: left;
  width: 100%;
  margin-top: 2px;
  padding: 10px 0px 0px;
  border-bottom: 1px solid #dadce2;
  border-top: 1px solid #dadce2;
}
div.detailContent div.listDetails { padding: 10px 0px; float: left; width: 100%; border-top: 1px solid #dadce2; }
div.detailContent div.listDetails li { list-style: none; margin-bottom: 10px; font-size: 85%; }
div.detailContent div.listDetails li strong { font-size: 85%; }
div#mainColumn div.detailImg { float: left; width: 206px; }
div.detailImg div.eventNote { float: left; padding-top: 15px; }
div.detailImg div.eventNote h3 { font-size: 90%; }
div.detailImg div.eventNote a { font-size: 90%; font-weight: bold; }
div.detailImg div.eventNote p { font-size: 90%; padding: 3px 0; }
div#mainColumn div.detailContainer { float: left; width: 510px; margin: 0 0 0 14px; display: inline; }
div#mainColumn a.btnRatesAvailable {
  text-indent: -9999em;
  float: left;
  background: url(/media/image/1/btn_availbility.gif) no-repeat;
  width: 204px;
  height: 27px;
  margin-top: 10px;
}

/* Tab Map Detail */
div#maps h2.floatHeader { float: left; font-size: 100%; margin-right: 10px; }
div#maps h2.mapFormat { margin: 20px 0 0px 0; font-size: 100%; }
div#tabContent ul#mapDirectory span { margin-bottom: 0px; }
div#tabContent ul#mapDirectory { margin: 0; padding: 0; }
div#tabContent ul#mapDirectory li { list-style: none; border-bottom: none; width:626px; }

/* Tab Meetings Detail */
div#tabContent a.pdfDownload {
  padding: 10px 0 8px 24px;
  text-transform: uppercase;
  background: url(/media/image/1/btn_pdf.png) no-repeat left center;
}
div#meetings ul.noTopDivider { border-top: none; }
div#meetings li.noBorder { list-style: none; border: none; }

/* 8.0 Deals
*******************************************************/
div#dealsContainer { float: left; width: 210px;}
div#dealsContainer div#aresBot { float: left; margin-top: 20px; }
div#bigTicket { position: relative; }
div#bigTicket span, div.coupons span { font-size: 85%; margin-bottom: 10px; }
div#bigTicket ul { list-style: disc; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 10px 0px; margin-bottom: 10px; }
div#bigTicket ul li { list-style: none; font-size: 85%; font-weight: bold; border: none; margin-left: 15px; padding: 3px 0px; }
div#bigTicket img { top: -10px; left: -9px; position: absolute; margin: 0px; }
div#bigTicket h3 { margin: 113px 0px 5px; }
div#bigTicket a.learnMore { font-size: 77%; text-transform: uppercase; }
div#mainContentDeals h2 { margin: 20px 0px; }
div#mainContentDeals ul.directory { margin-top: 10px; }
div.coupons img { margin-bottom: 10px; }
div#sideNavColumn div.coupons h3 {
  clear:both;
  margin:10px 0pt;
}
div#sideNavColumn a.pdfDownload {
  font-size: 85%;
  width: 145px;
  border-top:1px solid #FFFFFF;
  padding: 10px 0 8px 24px;
  text-transform: uppercase;
  background: url(/media/image/1/btn_pdf.png) no-repeat left center;
}
div.deals div#sideNavColumn span.pdfSize {
clear:both;
display:block;
margin:0pt 0pt 0px 25px;
}

div.deals div.itemBody, ul.directory div.itemBody { margin: 10px 0; }
div.deals div.itemBody img { float: left; }
div.deals div.itemDescription { float:left; margin: 0 0 0 20px; width: 340px; display: inline; }
div.deals ul.directory { margin: 0; padding: 0; }
div.deals ul.directory li { list-style: none; margin: 0; padding: 0; }
div.deals div.itemDescription ul, div#tabContent div.itemDescription ul { float: left; width: 100%; margin: 10px 0 0 0; }
div.deals div.itemDescription li, div#tabContent div.itemDescription li { list-style: disc outside; float: none; padding: 0; margin: 0 0 0 15px; line-height: 1.3; }
div.deals div.itemDescription li { width: auto; }
div#tabContent div.itemDescription li { width: 500px; }
div.deals a.seeDetails {
  float: right;
  background: url(/media/image/1/btn_see_details_wide.gif) no-repeat;
  width: 109px;
  height: 26px;
  text-indent: -999em;
  padding-bottom: 5px;
}
div#sideNavColumn div#moaSideTop { background: url(/media/image/1/bg_moa_side_top.gif) no-repeat; height: 191px; }

a#bigTicketBuy {
  display: block;
  padding-bottom: 20px;
}

span.dealLinks { float: right; width: 109px; }

/* 9.0 Events
/* The center content of this mainContentHub
/* is reused from all hub pages
/* Events utilizes both the mainContentHub and mainContent
*******************************************************/
div#mainContentHub span { float: left; width: 100%; line-height: 16px; }
div#eventBreadCrumbs li { list-style: none; display: inline; margin: 0; }
div#eventBreadCrumbs span { font-size: 85%; }
div.events div#mainContentHub h2 { margin-bottom: 10px; }
div.events div#mainContentHub a.hubLearnMore { margin-top: 30px; }
/* tweak because of the use of mainContent & mainContentHub */
div.events div#mainContent { margin-top: 24px; }
div.events div.eventDate { width: 110px; height: 64px; float: left; }
div.events div.eventDesc { width: 350px; float: left; display: block; }
div.events div.eventDesc p { font-size: 85%; }
div.events div#mainContent h2, div.micro h2 { padding-bottom: 6px; border-bottom: 10px solid #e3dbb9; margin-bottom: 3px; }

a.facebookShare { 
  background: url(/media/image/1/icon_fbsmall.gif) no-repeat; 
  display: block;
  padding: 2px 0 0 20px;
  height: 16px;
}

a.fbHeader { float: right; }

/*********** 9.0 CALENDAR ********/
#calendarMonthSmall{ float:left; width:175px; padding:0 0 4px 0px; border-bottom: none; }
#calendarMonthSmall div.calMonthRow { float: left; height: 28px; width: 175px; }
#calendarMonthSmall div.previousMonth{ float:left; font-family: arial; width: 29px; height: 28px; }
#calendarMonthSmall div.previousMonth a{ float: left; text-decoration:none; background: url(../media/image/1/btn_cal_right.gif) no-repeat; text-indent: -999em; width: 29px; height: 28px; padding: 0; }
#calendarMonthSmall div.nextMonth{ float:left; font-family:arial; height:28px; width:29px; }
#calendarMonthSmall div.nextMonth a{ float: left; text-decoration:none; background: url(../media/image/1/btn_cal_left.gif) no-repeat; text-indent: -999em; width: 29px; height: 28px; padding: 0;  }
#calendarMonthSmall div.weekHeaderRow{ float:left; width:175px; height: 20px; }
#calendarMonthSmall div.weekHeaderRow .dayHeader{ float:left; width: 25px; height: 16px; padding: 4px 0 0 0; text-align: center; font-weight: bold; }
#calendarMonthSmall div.weekHeaderRow .calLeft{ border-left:none; }
#calendarMonthSmall div#calDates { float: left; }
div#sideNavColumn #calendarMonthSmall ul{ font-size: 100%; float: left; margin: 0px 0px 5px 0px; padding: 0; overflow: hidden; height: 20px; font-size: 100%; float: left; }
/*width: 175px; */
div#sideNavColumn #calendarMonthSmall ul li{ list-style: none; font-size: 93%; float: left; width: 20px; height: 20px; text-align: center; padding: 0; margin: 0 5px 0 0; border-bottom: none; }
#calendarMonthSmall ul li a:link, #calendarMonthSmall ul li a:visited, #calendarMonthSmall ul li a:active, #calendarMonthSmall a{ color: #ffffff; padding-top: 4px; width:20px; height: 16px;}
#calendarMonthSmall div#calDates ul li.calRight { margin-right: 0px; }
#calendarMonthSmall ul li.otherMonth, #calendarMonthSmall ul li.beforeToday{ background-color: #E2DBB9; color: white; }
#calendarMonthSmall ul li.beforeToday{ color: #7B726D; }
#calendarMonthSmall div.monthHeader{ float: left; margin: 3px 0 0 0; font-weight: bold; text-transform: uppercase; height: 20px; text-align: center; padding: 3px 0 0 0; width: 115px; position: relative;}
#calendarMonthSmall ul{ padding: 0; margin: 0; list-style: none; }
#calendarMonthSmall ul li.eventDay{ background-color: #FFFCEE; }
/*#calendarMonthSmall ul li.hasEvent{ padding: 4px 0 0 0; height: 20px; }*/
#calendarMonthSmall ul li.avgDay{ background-color: #a2957c; }
#calendarMonthSmall ul .day a{ text-decoration: none; font-size:85%; }
#calendarMonthSmall li.avgDay a:hover{ background-color: #c16830; color: white; }
#calendarMonthSmall .today, #calendarMonthSmall .today a:link, #calendarMonthSmall .today a:visited, #calendarMonthSmall ul.weekRow .today{ background-color: #c16830; color:white; }
#calendarMonthSmall a .hasEvent{ font-weight: bold; }
/*#calendarMonthSmall a{ display: block; }*/
#calendarMonthSmall .today a{ color: white; }
/*#calendarMonthSmall ul.weekRow li:hover{ background-color: #c16830; color: white; }
#calendarMonthSmall ul.weekRow li:hover a{ color: white; }*/

/* 10.0 Maps and Transportation Home */
body div#mainContentHub a.viewBloomingtonMap {
  text-indent: -999em;
  width: 178px;
  height: 27px;
  background: url(/media/image/1/btn_view_bloomington_map.gif) no-repeat;
}
body div#mainContentHub a.viewTCMap {
  text-indent: -999em;
  width: 178px;
  height: 27px;
  background: url(/media/image/1/btn_view_tc_map.gif) no-repeat;
}
body div#mainContentHub h2.linkList { border-bottom:10px solid #E3DBB9; padding-bottom:10px; clear: left; }
body div#mainContentHub h3 { margin-bottom: 20px; }

/* 22.0 Attendee Landing Page
*******************************************************/
dl#attendeeDetail { margin-top: 20px; line-height: 16px; }
dl#attendeeDetail dd.clearLeft { clear: left; }
dl#attendeeDetail dt { margin-right: 8px; float: left; text-transform: uppercase; font-weight: 800; font-size: 100%; }
dl#attendeeDetail dd { margin-bottom:20px; }


/* xx.x  Sporting Event venue List
*******************************************************/
div#indentedMainColumn { margin: 40px 0 0 20px;}
div#indentedMainColumn img.articleMedia { float: right; margin: 0px 20px 20px 30px;}
div#indentedMainColumn h2.articleHeadline { float: left; width: 360px;}
div#sportListContainer {width: 860px; float: left; margin-top: 20px;border-top: 10px solid #D6D0AF}
div#indentedMainColumn table {margin-top: 5px;}

div#indentedMainColumn tr.even td {background-color: #FFF;}

div#indentedMainColumn th { width: 50px; text-align: left; font-weight: normal; }
div#indentedMainColumn td, div#fullColumn th {
  border-left: 1px solid #b4bcc9;
  border-bottom: 1px solid #b4bcc9;
  width: 50px;
}
div#indentedMainColumn td.first, div#fullColumn th.first {border-left: 0;}
div#indentedMainColumn td.long {font-weight: bold;}
div#indentedMainColumn td.long, div#fullColumn th.long { width: 179px; }
div#indentedMainColumn td.med, div#fullColumn th.med { width: 99px; }

/* xx.x  Diamond Service award Form
*******************************************************/
form ol.dsaForm {padding-bottom: 20px;}
form ol.dsaForm li h3 {padding-bottom: 10px;}
form.publicForm ol li { list-style: none; float: left; width:100%; margin: 3px 0px; }
form.publicForm label { width: 150px; float: left; padding-top: 4px;}
form.publicForm input { width: 230px; }
form.publicForm ol li div {float: left; width: 230px;}
form.publicForm ol li div input {float: left;}
form.publicForm ol li div input.radio {width: auto;}
form.publicForm ol li div.radio span { float: left; padding: 4px 5px 0 0;}
form.publicForm ol li div label {float: left; width: 230px;}
form.publicForm textarea { width: 380px; height: 100px; }
form.publicForm select.inputWidth { width: 230px; }
form.publicForm input.checkbox { width: auto; }
form.publicForm textarea {width:100%}
form.publicForm ul {padding-left: 20px; list-style: disc;}
form.publicForm ul li {list-style: disc; margin: 0;}

/* xx.x  Partner Link page
*******************************************************/
form.copy { float: left; width: 350px; }
form.copy textarea { width: 350px; height: 100px; }
form.copy button {margin: 10px 0;}


/* xx.x  MOA Hotels page
*******************************************************/
ul#moaHotels li.btmDivider { border-bottom: 0; }
ul#moaHotels div.itemBody div.hotelDetail { margin-top: 0; }
ul#moaHotels div.itemBody div.hotelImgOffers { margin:0; }
ul#moaHotels div.itemBody { padding: 0 10px; width:490px; }


/* xx.x  Blog page
*******************************************************/
div.blog div#sideNavColumn h3 { margin: 0; }
div.blog div#sideNavColumn ul { border-bottom: 1px solid #FFF; padding-bottom: 20px; margin-bottom: 30px;}
div.blog div#sideNavColumn ul p { text-align: left; padding: 0 0 5px 20px; }
div.blog div#sideNavColumn p { text-align: center; font-size: x-small; }
div.blog div#sideNavColumn a img { padding-left: 30px;}

div.blog div#mainContent { margin-top: 0;}
div.blog div.article h1 { width: 100%; border-bottom: 1px solid #47506C; padding-top: 10px;}
div.blog div.article h1 a { 
  color: #47506C; 
  text-transform: none; 
  font-size: 110%;
  margin-bottom: 10px;
}
div.blog div.article h1 span.delete { float: left; padding-right: 10px;}
div.blog p.articleInfo { font-size: x-small; padding-left: 8px;}
div.blog div.article p { padding-left: 8px;}

div.blog form.blogEntry, div.blog div.blogComments form { background-color: #e3dbb9;  padding: 10px;}
div.blog div.blogComments div.comment form {background: none; float: left;}
div.blog form#addaComment { margin-top: 20px;}
div.blog form li { list-style: none; }
div.blog form label { padding-right: 10px; }
div.blog form.blogEntry textarea { width: 95%; height: 200px; }
div.blog div.blogComments form textarea { width: 95%; height: 100px; }

div.blog div.blogUtils { float: left; width: 100%;}
div.blog div.blogUtils div.commentWrap { float: right; }
div.blog div.blogUtils div.commentWrap h4 { 
  background: url(/media/image/1/btn_blog-leftcap.gif) no-repeat top left;
  padding: 0 0 0 5px;
  height: 25px;
  width: 115px;
  float: right;
}
div.blog div.blogUtils div.commentWrap h4 a { 
  color: #47506c; 
  font-weight: bold; 
  background: #e3dbb9 url(/media/image/1/btn_blog-rightcap.gif) no-repeat top right;
  display: block;
  padding: 6px 0 0 5px;
  height: 19px;
  width: auto;
}

div.blog div.blogComments h2 { padding-top: 25px; border-bottom: 1px solid #47506C; margin-bottom: 10px;}