body { background:#887657 url('../img/bg_body.jpg') top left repeat-x; font-size:65%; font-family:verdana,arial,helvetica,sans-serif; margin:0px; padding:0px; }
body * { font-size:1em; margin:0px; padding:0px; } 
* html body { width:100%; text-align:center; position:relative; }

#container { text-align:left; width:780px; margin:0px auto; /* margin-top:24px; */ }


/* ********************************************************* */
/* Header */
/* ********************************************************* */
#header { background-color:#000; padding:0px; width:762px; height:39px; position:relative; }
* html #header { width:780px; }
#header ul#nav { list-style-type:none; float:right; margin-right:-18px; padding-right:27px; background:#000; }
* html #header ul#nav { margin-right:0px; }
#header li { float:left; padding:0px; }
#header li a { height:20px; display:inline; }

#header #logo {}
#header #print { display:none; }


/* ********************************************************* */
/* Header - subnav */
/* ********************************************************* */
#header { z-index:200; }
#header #nav li ul { display:none; position:absolute; top:39px; left:0px; padding-top:0.5em; padding-left:30px; width:750px; }
#header #nav li ul { z-index:200; background:url(../img/bg_body.jpg) repeat-x -63px 0px; opacity:0.8; line-height:2em; padding-bottom:1em; margin-top:24px; }
/* #home #header #nav li ul, #location #header #nav li ul, #venuesmap #header #nav li ul { background-image:url(../img/bg_border_bottom_home.gif); } */
* html #header #nav li ul { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* padding-top:10px!important; */ }
* html #header #nav li ul { width:780px; padding-top:0.5em; }
#header #nav li ul li { display:inline; float:none; }
* html #header #nav li ul li { white-space:nowrap; margin:0em; padding:0em; }

#header #nav li.flash { margin-right:16px; text-align:left; }
#header #nav li.flash ul { float:left; padding-left:10px; }
#header #nav li.accommodation ul { text-align:center; }
#header #nav li.dining ul { text-align:center;  }
#header #nav li.events ul { text-align:center;  }
#header #nav li.whatson ul { text-align:right; }
#header #nav li.location ul { text-align:right; }
#header #nav li.worldwide ul { text-align:right; }
#header #nav li.contact ul { text-align:right; }

#header #nav li ul li a { text-decoration:none; background:transparent url('../img/icon_bullet_gold_big.gif') 0px 11px no-repeat; padding:7px 1.2em 7px 11px; display:inline; width:auto; }
* html #header #nav li ul li a { /* background-position:0px 1.5em; */ padding:0px 1.2em 0px 11px; margin-bottom:-0.5em; }
/* #header #nav.home li ul li a { color:#000; } */
#header #nav li ul li a { color:#fff; }
#header #nav li ul li a:hover { text-decoration:underline; }

#header #nav:hover li ul, #header #nav.over li ul { display:none; }
#header #nav li:hover ul, #header #nav li.over ul { display:block; } 


/* ********************************************************* */
/* Borders on home, location map, venues map (top & bottom white bracket shape borders around body) */
/* ********************************************************* */
#home #bordertop, #location #bordertop, #venuesmap #bordertop { background:transparent url('../img/bg_border_top_home.gif') top left repeat-x; text-align:center; padding-top:23px; }
#home #borderbottom, #location #borderbottom, #venuesmap #borderbottom { background:transparent url('../img/bg_border_bottom_home.gif') bottom left repeat-x; padding-bottom:27px; }


/* ********************************************************* */
/* Borders (top & bottom dark bracket shape borders around body) */
/* ********************************************************* */
#bordertop { background:transparent url('../img/bg_border_top.jpg') top left repeat-x; text-align:center; padding-top:23px; margin-top:24px; }
* html #bordertop { margin-top:0px; }
#borderbottom { background:#fff url('../img/bg_border_bottom.jpg') bottom left repeat-x; padding-bottom:27px; }
#bordermiddle { position:absolute; background:transparent url('../img/bg_border_middle.jpg') 0px 0px repeat-x; top:172px; width:780px; height:208px; display:block; z-index:1; }


/* ********************************************************* */
/* Home page, location map, venues map */
/* ********************************************************* */
#home #body, #location #body, #venuesmap #body { background-color:#000; margin:0px; padding:0px; overflow:hidden; margin-left:9px; border:0px; }
* html #home #body, * html #location #body, * html #venuesmap #body { margin-left:0px; }


/* ********************************************************* */
/* Borderscroll (top & bottom space around body) */
/* ********************************************************* */
#bordertopscroll { position:absolute; background-color:#cfc2a9; top:86px; height:10px; width:762px; z-index:3; margin-left:9px; display:none; }
* html #bordertopscroll { margin-left:0px; }
#general #bordertopscroll { background-color:#fff; }

#bordertopscroll.withsidebar { background:#cfc2a9 url('../img/bg_sidebar_top.gif') top left no-repeat; width:762px;  margin-left:9px; display:block; }
* html #bordertopscroll.withsidebar { margin-left:0px; }
#general #bordertopscroll.withsidebar { background:#fff url('../img/bg_sidebar_white.gif') top left no-repeat; }

#borderbottomscroll { position:relative; background-color:#cfc2a9; height:10px; width:762px; z-index:3; margin-left:9px; clear:both; display:none; }
* html #borderbottomscroll { margin-left:0px; }
#general #borderbottomscroll { background-color:#fff; }

#borderbottomscroll.withsidebar { background:#cfc2a9 url('../img/bg_sidebar_bottom.gif') bottom left no-repeat; width:762px; margin-left:9px;  display:block; }
* html #borderbottomscroll.withsidebar { margin-left:0px; }
#general #borderbottomscroll.withsidebar { background:#fff url('../img/bg_sidebar_white.gif') bottom left no-repeat; }


/* ********************************************************* */
/* Body */
/* ********************************************************* */
#body { background-color:#cfc2a9; width:747px; text-align:left; margin-left:9px; padding:2px 0px 10px 11px; position:relative; z-index:2; border:2px solid #fff; }
* html #body { width:762px; margin-left:0px; }
#general #body { background-color:#fff; margin-left:9px; border:0px; }
* html #general #body { margin-left:0px; }

/* Misc */
.smallText { font-size:85%; }

/* Next line is class="withsidebar" - if the sidebar is showing on the page, this class is activated */
#body.withsidebar { width:751px; background:#cfc2a9 url('../img/bg_sidebar.gif') top left repeat-y; border:0px; padding-bottom:20px; }
* html #body.withsidebar { width:762px; }
#general #body.withsidebar { background:#fff url('../img/bg_sidebar_white.gif') top left repeat-y; }
 
/* Next line is #sidebar div - if the sidebar is showing on the page,
this div is displayed by adding class "withsidebar" in body div */
#body #sidebar { display:none; position:relative; }
#body.withsidebar #sidebar { float:right; position:relative; width:170px; padding:11px 13px 11px 11px; display:block; }
* html #body.withsidebar #sidebar { width:195px; padding:11px 8px 11px 11px; }

#body #sidebar #headingsidebar { margin-bottom:14px; }
#body #sidebar .article dl { border-top:1px solid #ccbfa5; position:relative; }
/* #general #body #sidebar .article dl { border-top:1px solid #e8e0d0; } */
#body #sidebar .article dd { color:#5e5747; font-weight:bold; font-size:1.1em; line-height:1.5em; margin-top:0.7em; }
#body #sidebar .article dd a { color:#5e5747; text-decoration:none; }
/* #general #body #sidebar .article dd, #general #body #sidebar .article dd a { color:#867758; } */
#body #sidebar .article dd a:hover { text-decoration:underline; }
#body #sidebar .article dt p { font-size:0.9em; line-height:1.9em; margin-bottom:0.6em; }
#body #sidebar .article .img { display:none; }
#body #sidebar .article dt .detail { display:none; }
#body #sidebar .article dt p.readmore { color:#fff; margin-bottom:1.2em; }
#body #sidebar .article dt p.readmore a { text-decoration:none; color:#fff; }
#body #sidebar .article dt p.readmore a:hover { text-decoration:underline; }

/* Sidebar calendar on "What's on" pages */
#body #sidebar #calendar { margin-bottom:37px; }
#body #sidebar #calendar table#calendarmonth { border:1px solid #fff; color:#fff; margin-bottom:12px; margin-top:7px; }
#body #sidebar #calendar table#calendarmonth td { padding:3px; text-align:center; font-family:arial,helvetica,sans-serif; font-size:0.9em; }
#body #sidebar #calendar table#calendarmonth td.thismonth { font-family:verdana,arial,helvetica,sans-serif; color:#000; font-size:1.1em; }
#body #sidebar #calendar table#calendarmonth td.headingdays { border-bottom:1px solid #ddd4c2; }
#body #sidebar #calendar table#calendarmonth td.thisday { color:#000; border:1px solid #867758; }
#body #sidebar #calendar table#calendarmonth td.thisday a { color:#000; text-decoration:none; }
#body #sidebar #calendar table#calendarmonth td.thismonthdays { color:#fff; }
#body #sidebar #calendar table#calendarmonth td.thismonthdays a { color:#000; text-decoration:none; }
#body #sidebar #calendar table#calendarmonth td.othermonthdays { color:#b9aa8d; }
#body #sidebar #calendar h4 { clear:left; color:#5e5747; font-size:1.1em; }
#body #sidebar #calendar ul { list-style-type:none; margin-left:2px; margin-top:0.5em; }
#body #sidebar #calendar li { background:transparent url('../img/icon_bullet_gold.gif') 0px 8px no-repeat; padding-left:13px; margin-right:0px; float:left; line-height:1.9em; font-size:0.9em; clear:left; width:160px; }
#body #sidebar #calendar li a { color:#000; text-decoration:none; }
#body #sidebar #calendar li a:hover { text-decoration:underline; }

/* #body #sidebar #contact ul { list-style-type:none; margin-top:12em; margin-bottom:0px; padding:0px; clear:left; }
* html #body #sidebar #contact ul { margin-top:8em; }
#body #sidebar #contact li { margin-bottom:6px; } */
#body #sidebar #contact { position:absolute; top:320px; display:block; }
#body #sidebar #contact ul { list-style-type:none; margin-bottom:0px; padding:0px; clear:left; border-top:1px solid #ccbfa5; margin-top:10px; width:100%; padding-top:20px; }
#body #sidebar #contact li { text-transform:uppercase; margin-bottom:1.2em; font-weight:bold; font-size:0.9em; color:#24211a; }
#body #sidebar #contact li .phonenumber { font-size:1.5em; color:#e7e0d4; }
#body #sidebar #contact li a { color:#24211a; text-decoration:none;  }
#body #sidebar #contact li a:hover { color:#fff; text-decoration:none; }

#body #content { padding-top:1px; width:auto; position:relative; min-height:445px; }
#body #content { overflow:auto; }
* html #body #content { height:445px; overflow:visible; }

#body.withsidebar #content { width:545px; padding-right:0px; overflow-x:hidden; }
* html #body.withsidebar #content { width:545px;}

#body #content #heading { float:none; margin-top:10px; height:36px; }
* html #body #content #heading { float:left; }
/* Old CSS */
#body #content #heading h1 { float:left; margin-right:11px; }
* html #body #content #heading h1 { margin-right:8px; }
/* End Old CSS */

#body #content #heading { margin-bottom:8px; letter-spacing:-1px; font-weight:lighter!important; }
#body #content #heading h1 { float:left; margin-right:11px; font-size:2.6em; font-weight:normal; clear:left; color:#000; }
* html #body #content #heading h1 { margin-right:8px; width: 545px;}
#heading h2 { color:#FFF; font-size:2.6em; font-weight:normal; clear:none; float:left; }
#pageTitle h1{ font-size:2.6em; font-weight:normal; clear:left; color:#FFF; margin-bottom:5px; }

#dining #content #heading { margin-top:10px; margin-left:1px; height:33px;}
#events #content #heading { margin-top:10px; margin-left:1px; height:33px;}
#accommodation #content #heading { margin-top:10px; margin-left:1px; height:33px;}

#body #content #hero { width:731px; height:247px; text-align:center; float:left; border:2px solid #fff; }
* html #body #content #hero { width:735px; }
#dining #body #content #hero { background:transparent url('../img/hero_dining_sofis.jpg') top left no-repeat; }
#events #body #content #hero { background:transparent url('../img/hero_events_ballroom.jpg') top left no-repeat; }

/* Next line is for a class for #body that is applied when the sidebar shows */
#body.withsidebar #content #hero { width:542px; }
* html #body.withsidebar #content #hero { width:546px; }

#dining #body #content #viewimage { float:right; width:169px!important; border:1px solid #e8e0d0; padding:0px 0px 1px 5px; display:block; margin-top:3px; margin-right:12px; }
* html #dining #body #content #viewimage { width:160px!important; margin-right:6px; }
#dining #body.withsidebar #content #viewimage { width:144px; }
* html #dining #body.withsidebar #content #viewimage { width:160px; }
#dining #body.withsidebar #content #viewimage { margin-right:0px; }
#dining #body #content #viewimage #headingviewimage { margin-right:19px; }
#dining #body #content #viewimage img.viewimagenumber { margin-left:7px; }
#dining #body #content #viewimage img.viewimagenumber.over { cursor:hand!important; }
* html #dining #body #content #viewimage img.viewimagenumber { cursor:hand!important; }

#events #body #content #viewimage { float:right; width:169px!important; border:1px solid #e8e0d0; padding:0px 0px 1px 5px; display:block; margin-top:3px; margin-right:12px; }
* html #events #body #content #viewimage { width:160px!important; margin-right:6px; }
#events #body.withsidebar #content #viewimage { width:144px; }
* html #events #body.withsidebar #content #viewimage { width:160px; }
#events #body.withsidebar #content #viewimage { margin-right:0px; }
#events #body #content #viewimage #headingviewimage { margin-right:19px; }
#events #body #content #viewimage img.viewimagenumber { margin-left:7px; }
#events #body #content #viewimage img.viewimagenumber.over { cursor:hand!important; }
* html #events #body #content #viewimage img.viewimagenumber { cursor:hand!important; }

#heroThumb #body #content #viewimage { float:right; width:169px!important; border:1px solid #e8e0d0; padding:0px 0px 1px 5px; display:block; margin-top:3px; margin-right:12px; }
* html #heroThumb #body #content #viewimage { width:160px!important; margin-right:6px; }
#heroThumb #body.withsidebar #content #viewimage { width:144px; }
* html #heroThumb #body.withsidebar #content #viewimage { width:160px; }
#heroThumb #body.withsidebar #content #viewimage { margin-right:0px; }
#heroThumb #body #content #viewimage #headingviewimage { margin-right:19px; }
#heroThumb #body #content #viewimage img.viewimagenumber { margin-left:7px; }
#heroThumb #body #content #viewimage img.viewimagenumber.over { cursor:hand!important; }
* html #heroThumb #body #content #viewimage img.viewimagenumber { cursor:hand!important; }

#body #content #tradinghours { float:right; width:160px; clear:right; padding:9px 7px 7px 7px; margin-top:11px; margin-left:15px; margin-right:12px; border:1px solid #e8e0d0; display:block; }
* html #body #content #tradinghours { margin-right:6px; }
#body #content #tradinghours h3 { color:#fff; font-weight:normal; font-size:0.9em; margin-bottom:11px; }
#body.withsidebar #content #tradinghours { margin-right:0px; }
#body #content #tradinghours ul { margin-left:0px; }
#body #content #tradinghours li { font-size:0.9em; line-height:1.5em; margin-bottom:1.1em; list-style-type:none; }

#dining #body #content #contact { float:right; clear:right; margin:20px 10px 0px 10px; width:158px; }
* html #dining #body #content #contact { margin:20px 0px 0px 15px; }
#dining #body.withsidebar #content #contact { margin:20px 10px 0px 10px; }
* html #dining #body.withsidebar #content #contact { margin:20px 0px 0px 15px; }
#dining #body #content #contact ul { list-style-type:none; margin:0px; padding:0px; }
#dining #body #content #contact li { text-transform:uppercase; margin-bottom:1.2em; font-weight:bold; font-size:0.9em; color:#24211a; }
#dining #body #content #contact li .phonenumber { font-size:1.5em; color:#e7e0d4; }
#dining #body #content #contact li a { color:#24211a; text-decoration:none;  }
#dining #body #content #contact li a:hover { color:#fff; text-decoration:none; }

#body #content #minicolumnborder { float:right; clear:right; width:175px; height:1px; border-top:1px solid #e8e0d0; margin:0px 12px 4px 15px; }
* html #body #content #minicolumnborder { width:160px; margin:0px 6px 4px 10px; }
#body.withsidebar #content #minicolumnborder { margin:10px 0px 4px 10px; }
* html #body.withsidebar #content #minicolumnborder { margin:0px 0px 4px 10px; }

/* The content subnav div is optional, depending on whether there's a subnav on the page or not */
#body #content #subnav { float:left; clear:left; background-color:transparent; padding:3px; width:auto; height:auto; margin-bottom:14px; width:726px; border:1px solid #e7e0d4; }
* html #body #content #subnav { width:734px; }
#general #body #content #subnav { background-color:#cec1a8; border:0px; }
#whatson #body #content #subnav { margin-bottom:10px; }
#body.withsidebar #content #subnav { width:536px; }
* html #body.withsidebar #content #subnav { width:546px; }
#body #content #subnav ul { list-style-type:none; }
#body #content #subnav li { float:left; color:#fff; background:transparent url('../img/icon_bullet_gold.gif') left no-repeat; padding-left:12px; margin-right:12px; white-space:nowrap; }
#body #content #subnav li.first { background:none; padding-left:0px; }
#body #content #subnav li h2 a.selected { color:#fff; font-weight:bold!important; }
#body #content #subnav h2 a { color:#5e5747; text-decoration:none; }
#body #content #subnav h2 a:hover { text-decoration:underline; }
#general #body #content #subnav h2 a { color:#fff; }

#body #content #subnav-packages { float:left; clear:left; background-color:transparent; padding:3px; width:auto; height:auto; margin-bottom:30px; width:726px; border:1px solid #e7e0d4; }
* html #body #content #subnav-packages { width:734px; }
#general #body #content #subnav-packages { background-color:#cec1a8; border:0px; }
#whatson #body #content #subnav-packages { margin-bottom:10px; }
#body.withsidebar #content #subnav-packages { width:536px; }
* html #body.withsidebar #content #subnav-packages { width:546px; }
#body #content #subnav-packages dl { list-style-type:none; }
#body #content #subnav-packages dt { font-weight:bold; font-size:1.1em; margin:0.5em 0em; }
#body #content #subnav-packages dd { float:left; color:#fff; background:transparent url('../img/icon_bullet_gold.gif') left no-repeat; padding-left:12px; margin-right:12px; white-space:nowrap; }
#body #content #subnav-packages dd.first { background:none; padding-left:0px; }
#body #content #subnav-packages dd h2 a.selected { color:#fff; font-weight:bold!important; }
#body #content #subnav-packages h2 a { color:#5e5747; text-decoration:none; }
#body #content #subnav-packages h2 a:hover { text-decoration:underline; }
#general #body #content #subnav-packages h2 a { color:#fff; }

/* Text div */
#body #content #text { clear:left; margin-right:9px; margin-top:0px; }
#body.withsidebar #content #text { margin-right:0px; }
#body #content #text h3 { width:724px; border:1px solid #e7e0d4; font-size:1.1em; color:#867758; padding:3px 4px 5px 4px; margin-bottom:16px; }
* html #body #content #text h3 { width:734px; }
#body.withsidebar #content #text h3 { width:auto; }
* html #body.withsidebar #content #text h3 { width:545px; border:1px solid #e7e0d4; font-size:1.1em; color:#867758; padding:3px 4px 5px 4px; margin-bottom:16px; }
#body #content #text p { line-height:1.6em; margin-bottom:1.8em; }
#body #content #text p.indent { margin-left:7px; margin-right:15px; }
/* Styles for CMS */
#body #content #text p img, #body #content #text table td img { border:2px solid #fff; }
/* End styles for CMS */
/* Styles for iframe */
#body #content #text iframe, [notIE] { width:735px; height:360px; position:relative; display:block; overflow-y:auto; }
/* End styles for iframe */
#dining #content #text { padding-top:25px; padding-bottom:10px; }
* html #dining #content #text { padding-bottom:0px; }
#dining #content #text p { line-height:1.6em; margin-bottom:1.8em; }
#events #content #text { padding-top:5px; }
#events #content #text p { line-height:1.6em; margin-bottom:1.8em; }
#accommodation #body #content #text h4 { margin-left:3px; margin-bottom:4px; }
#accommodation #body #content #text h4.marginbottom { margin-bottom:14px;  }
#accommodation #body #content #text #rates { background-color:#e8e0d1; border:1px solid #544c3d; margin-bottom:14px;  padding:4px 8px 0px 8px; width:716px; }
* html #accommodation #body #content #text #rates { width:734px; }
#accommodation #body.withsidebar #content #text #rates { width:526px; }
* html #accommodation #body.withsidebar #content #text #rates { width:545px; }
#accommodation #body #content #text #rates p { margin-bottom:0.5em;  }
#accommodation #body #content #text #rates p a { color:#5c53ad; font-weight:bold; }

.promo-rates {margin-bottom: 20px;}

/* Events: Contact div with call to action buttons */
/*
#events #body #content #text #contact { border-top:1px solid #e8e0d0;  width:90%; }
#events #body #content #text #contact ul {list-style-type:none; margin-left:0px; }
#events #body #content #text #contact li { margin-top:20px; float:left; }
#events #body #content #text #contact li.first { margin-right:30px; }
*/
#events #body #content #text #contact { border-top:1px solid #e8e0d0;  width:90%; }
#events #body #content #contact ul {list-style-type:none; margin-left:0px; }
#events #body #content #contact li { text-transform:uppercase; margin-left:0px; font-weight:bold; font-size:0.9em; float:left; margin-top:20px; color:#24211a; }
#events #body #content #text #contact li.first { margin-right:4em; }
#events #body #content #contact li a { color:#24211a; text-decoration:none;  }
#events #body #content #contact li a:hover { color:#fff; text-decoration:none; }


/* What's On: Articledetail Article divs for What's On: Details page */
#whatson #body #content #text #articledetail .article { width:720px; }
* html #whatson #body #content #text #articledetail .article { width:740px; }
#whatson #body.withsidebar #content #text #articledetail .article { width:540px; }
#whatson #content #text #articledetail .article dd { font-size:1.2em; font-weight:bold; color:#24211a; }
#whatson #content #text #articledetail .article dd a { color:#24211a; text-decoration:none; }
#whatson #content #text #articledetail .article dd a:hover { text-decoration:none; }
#whatson #content #text #articledetail .article dt p { margin-bottom:0px; }
#whatson #content #text #articledetail .article dt p.date { font-size:1.1em; margin-bottom:0.4em; } 
#whatson #content #text #articledetail .article .img { float:left; margin-right:18px; margin-bottom:8px; top:0.4em; position:relative; border:2px solid #fff; }
#whatson #content #text #articledetail .article dt p.summary { display:none; }
#whatson #content #text #articledetail .article .detail { }
#whatson #content #text #articledetail .article dt p.detailtext { margin-bottom:0.7em; }
#whatson #content #text #articledetail .article dt p.readmore { display:none; }

/* What's On: Arts Partners (gold tables) */
#whatson #body #content #text table.borders { width:723px; clear:left; margin-bottom:11px; border:1px solid #e7e0d4; }
#whatson #body.withsidebar #content #text table.borders { width:536px; clear:left; margin-bottom:11px; border:1px solid #e7e0d4; }
* html #whatson #body.withsidebar #content #text table.borders { width:536px; }
#whatson #content #text table.borders td { padding:10px; }
#whatson #content #text table.borders td.left { border-right:1px solid #e7e0d4; width:150px; background-color:#fff; }
#whatson #content #text table.borders td img.logo { margin-top:30px; }
#whatson #content #text table.borders td h4 { font-size:1.1em; margin-bottom:1.5em; }
#whatson #content #text table.borders td p { font-size:0.9em; }
#whatson #content #text table.borders td p.url a { color:#695e49; text-decoration:none; }
#whatson #content #text table.borders td p.url a:hover { text-decoration:underline; }

/* What's On: Articlesummary Article divs for What's On page */
#whatson #content #text #articlesummary .article { clear:left; margin-bottom:13px!important; }
#whatson #content #text #articlesummary .article .img { float:left; margin-bottom:13px; border:2px solid #fff; }
* html #whatson #content #text #articlesummary .article .img { margin-bottom:12px;}
#whatson #content #text #articlesummary .article dl { float:left; margin-bottom:13px!important; border:1px solid #e7e0d4; padding-left:10px; padding-top:7px; padding-right:1em; width:363px; height:145px; }
* html #whatson #content #text #articlesummary .article dl { width:387px; height:154px; } 
#whatson #content #text #articlesummary .article dd { font-size:1.1em; font-weight:bold; }
#whatson #content #text #articlesummary .article dd a { color:#000; text-decoration:none; }
#whatson #content #text #articlesummary .article dd a:hover { text-decoration:underline; }
#whatson #content #text #articlesummary .article dt p.date { font-size:1.1em; margin-bottom:1.2em; }
#whatson #content #text #articlesummary .article dt p.summary { font-size:0.9em; margin-bottom:2em; }
#whatson #content #text #articlesummary .article dt .detail { display:none; }
#whatson #content #text #articlesummary .article dt .bnreadmore { margin-bottom:13px; border:0px; } 

#whatson #content #text #articlesummary .article dl.withoutImage { width:519px!important; }
* html #whatson #content #text #articlesummary .article dl.withoutImage { width:547px!important; }
#whatson #body.withsidebar #content #text #articlesummary .article dl.withoutImage { width:363px!important; }
* html #whatson #body.withsidebar #content #text #articlesummary .article dl.withoutImage { width:389px!important; }

/* Accommodation: Article divs for rates & packages page */
#accommodation #content #text #articlelist .article { clear:left; min-height:150px; margin-bottom:15px; border:1px solid #e7e0d4; overflow:auto; }
* html #accommodation #content #text #articlelist .article { height:150px; overflow:visible; }
#accommodation #content #text #articlelist .article .img { float:left; border:2px solid #fff; }
#accommodation #content #text #articlelist .article .articledetails { float:left; /* border:1px solid #e7e0d4; */ padding-left:10px; padding-top:7px; padding-right:1em; width:556px; margin-bottom:15px; min-height:145px; display:block; }
#accommodation #content #text #articlelist .article .articledetails { width:406; /* min-height:295px;*/ } /* added 20071119 SMW */
* html #accommodation #content #text #articlelist .article .articledetails { margin-bottom:0px; width:576px; height:154px; } 
* html #accommodation #content #text #articlelist .article .articledetails { width:425px; height:304px; } /* added 20071119 SMW */
#accommodation #body.withsidebar #content #text #articlelist .article .articledetails { width:365px; }
* html #accommodation #body.withsidebar #content #text #articlelist .article .articledetails { width:387px; }
#accommodation #content #text #articlelist .article .articledetails p { font-size:1.1em; margin-bottom:1em; }
#accommodation #content #text #articlelist .article .articledetails ul { list-style-type:none; margin-bottom:22px; }
#accommodation #content #text #articlelist .article .articledetails li { background:transparent url('../img/icon_bullet_purple.gif') 0px 7px no-repeat; padding-left:12px; margin-right:12px; line-height:1.6em; font-size:0.9em; }
#accommodation #content #text #articlelist .article .articledetails img.bnemail { margin-right:15px; margin-bottom:6px; }
#accommodation #content #text #articlelist .article .articledetails img.bnwebsite { margin-bottom:7px; }
#accommodation .phone { white-space:nowrap; }


/* START Hacky CSS to make the htm_list page look nice. */
/* Robert McColl 13th April 2006 */
#general #content #text #articlelist .article.list { clear:left;  height:150px; margin-bottom:15px; }
#general #content #text #articlelist .article.list .img { float:left; border:2px solid #CEC3AD; }
#general #content #text #articlelist .article.list .articledetails { float:left; border:1px solid #e7e0d4; padding-left:10px; padding-top:7px; padding-right:1em; width:556px; margin-bottom:15px; height:145px; }
* html #general #content #text #articlelist .article.list .articledetails { margin-bottom:0px; width:576px; height:154px; } 
#general #body.withsidebar #content #text #articlelist .article.list .articledetails { width:365px; }
* html #general #body.withsidebar #content #text #articlelist .article.list .articledetails { width:387px; }
#general #content #text #articlelist .article.list .articledetails p { font-size:1.1em; margin-bottom:1em; }
#general #content #text #articlelist .article.list .articledetails ul { list-style-type:none; margin-bottom:22px; }
#general #content #text #articlelist .article.list .articledetails li { background:transparent url('../img/icon_bullet_purple.gif') 0px 7px no-repeat; padding-left:12px; margin-right:12px; line-height:1.6em; font-size:0.9em; }
#general #content #text #articlelist .article.list .articledetails img.bnemail { margin-right:15px; margin-bottom:6px; }
#general #content #text #articlelist .article.list .articledetails img.bnwebsite { margin-bottom:7px; }
/* END Hacky CSS to make the htm_list page look nice. */


/* ********************************************************* */
/* Form - Accommodation */
/* ********************************************************* */
#accommodation #body.form #content #text { padding-top:10px; }
#accommodation #body.form #content #text p { line-height:1.6em; margin-bottom:1.8em; margin-right:9px; }
#accommodation #body.form #content #text table { width:100%; }
* html #accommodation #body.form #content #text table { width:734px; }
#accommodation #body.form #content #text table.heading { border:1px solid #e7e0d4; padding:0px; margin-bottom:12px; }
#accommodation #body.form #content #text table.heading td { padding:5px 5px 5px 7px; }
#accommodation #body.form #content #text table.heading h3 { border:none; font-size:1.1em; color:#5e5747; margin:0px; padding:0px; line-height:1em; width:100%; }
#accommodation #body.form #content #text table.heading p { font-size:1em; color:#867758; text-align:right; margin:0px; padding:0px; line-height:1em; }
#accommodation #body.form #content #text table.formfields { padding:0px; margin-bottom:12px; }
#accommodation #body.form #content #text table.formfields td { padding:0.3em; }
#accommodation #body.form #content #text table.formfields input { background-color:transparent!important; border:1px solid #fff; padding-top:0.2em; padding-left:0.2em; width:14.6em; height:1.7em; color:#fff!important; font-size:1em; font-family:verdana,arial,sans-serif; }
#accommodation #body.form #content #text table.formfields input.checkbox, #accommodation #body.form #content #text table.formfields input.radio { border:0px; }
#accommodation #body.form #content #text table.formfields select { width:15.2em;}  
#accommodation #body.form #content #text table.formfields select.day{ width:4.3em;} 
#accommodation #body.form #content #text table.formfields select.month { width:5.5em;} 
#accommodation #body.form #content #text table.formfields select.year { width:4.6em;}  
* html #accommodation #body.form #content #text table.formfields select { width:14.8em;} 
* html #accommodation #body.form #content #text table.formfields select.day{ width:4.3em;} 
* html #accommodation #body.form #content #text table.formfields select.month { width:5.2em;} 
* html #accommodation #body.form #content #text table.formfields select.year { width:4.5em;} 
input.radio.radio { vertical-align:bottom; width:20px!important; background:none!important; }

#bnSubmit { width:68px!important; height:28px!important; }


/* ********************************************************* */
/* Location Map */
/* ********************************************************* */
#location #body { width:762px; }
#location img.headings { position:absolute; z-index:3; }

#locationmap #imagemap { z-index:2; }
#locationmap #heading { top:11px; left:637px; }
#locationmap #headingplace { top:341px; left:4px; }
#locationmap #headingmelbourneairport { top:7px; left:6px; }
#locationmap #headingtelstradome { top:86px; left:71px; }
#locationmap #headingsoutherncross { top:131px; left:129px; }
#locationmap #headingexhibitioncentre { top:262px; left:9px; }
#locationmap #headinghermajestys { top:92px; left:300px; }
#locationmap #headingcollinsst { top:119px; left:328px; }
#locationmap #headingregenttheatre { top:134px; left:323px; }
#locationmap #headingflindersststation { top:171px; left:258px; }
#locationmap #headingsouthgate { top:198px; left:249px; }
#locationmap #headingcasino { top:230px; left:251px; }
#locationmap #headingballetcentre { top:252px; left:286px; }
#locationmap #headingmelbournemuseum { top:6px; left:428px; }
#locationmap #headingexhibitionbuilding { top:22px; left:423px; }
#locationmap #headingprincesstheatre { top:65px; left:376px; }
#locationmap #headingsofitelmelbourne { top:119px; left:446px; }
#locationmap #headingfederationsquare { top:160px; left:437px; }
#locationmap #headingartscentre { top:254px; left:444px; }
#locationmap #headingacca { top:300px; left:403px; }
#locationmap #headingmalthousetheatre { top:322px; left:273px; }
#locationmap #headingnationalgallery { top:336px; left:485px; }
#locationmap #headingmcg { top:230px; left:575px; }
#locationmap #headingmelbournepark { top:267px; left:569px; }
#locationmap #headingfastfacts{ top:350px; left:621px; }

#location #upcomingevents { float:left; width:380px; height:66px; }
#location #upcomingevents #headingupcomingevents { top:383px; left:8px; }
#location #upcomingevents ul { position:relative; top:13px; left:95px; }
#location #upcomingevents li { list-style-type:none; color:#fff; font-size:1.1em; line-height:1.3em; }
#location #upcomingevents li a { color:#FFFFFF!important; }
#location #upcomingevents li .date { font-weight:bold; }

#location img#bnbooking { position:absolute; top:384px; left:496px;  }
#location img#bnpackages { position:absolute; top:404px; left:496px; }
#location img#bnphone { position:absolute; top:422px; left:496px; }

#locationmapmore { background:transparent url('../img/bg_location_map_more.jpg') bottom right no-repeat; min-height:445px; }
* html #locationmapmore { height:445px; }
#locationmapmore #heading { position:absolute; top:0px; left:637px; height:23px!important; }
#locationmapmore #headinglocation { top:11px; margin-left:10px; }
#locationmapmore .articlelist { position:relative; clear:left; margin:20px 10px 20px 10px; width:100%; color:#fff; }
#locationmapmore .article { clear:left; margin-bottom:20px; min-width:760px; }
#locationmapmore .article dd { font-size:1.1em; }
#locationmapmore .article dd h1 { margin-bottom:0.4em; }
#locationmapmore .article .date { margin-bottom:1.1em; font-size:0.9em; }
#locationmapmore .article .summary { font-size:1em;  }
#locationmapmore .article dd a, #locationmapmore .article dt a, #locationmapmore a { xcolor:#cfc2a9; }


/* ********************************************************* */
/* Venues Map */
/* ********************************************************* */
#venuesmap #body { width:762px; margin-left:9px; }
* html #venuesmap #body { margin-left:0px; }
#venuesmap img.headings { position:absolute; z-index:4; }
#venuesmap img.rollovers { position:absolute; z-index:3; }
 
#venuesmapbody #imagemap { z-index:2; }
#venuesmapbody #heading { top:10px; left:10px; }
#venuesmapbody #headingvictoriasuites { top:170px; left:250px; }
#venuesmapbody #headingarthurstreeton { top:10px; left:341px; }
#venuesmapbody #headingcarillonroom { top:32px; left:344px; }
#venuesmapbody #headingfitzroyballroom { top:32px; left:344px; }
#venuesmapbody #headinggrandballroom { top:106px; left:125px; }
#venuesmapbody #headinglatrobeballroom { top:99px; left:307px; }
#venuesmapbody #headingcollinsplace { top:262px; left:363px; }
#venuesmapbody #headingsofislounge { top:347px; left:72px; }
#venuesmapbody #headinghotellobby { top:349px; left:277px; }
 
/* rollover layers for venue locations - by default these are hidden (display:none) but on mouseover of their image map A tags, they are displayed */
/* ***** See CSS code in the <head> tag of htm_map_venues.asp for these styles ****** */
#venuesinfo #locationDetails h1 { color:#FFF; font-size:2.0em; font-weight:normal; }
#venuesinfo #locationDetails p { width:170px; }
 
#venuesmapbody #venuesinfo { position:absolute; top:0px; left:566px; width:196px; height:430px; padding-top:14px; padding-left:9px; padding-right:9px; }
* html #venuesmapbody #venuesinfo { height:445px; }
#venuesmapbody #venuesinfo #headingplace { position:relative; }
#venuesmapbody #venuesinfo p { position:relative; margin-top:7px; margin-left:2px; color:#fff; line-height:1.7em; }
#venuesmapbody #venuesinfo h4 { position:relative; margin-top:17px; color:#5d5443; font-size:1.2em; }
#venuesmapbody #venuesinfo ul#facilities { position:relative; margin-top:8px; margin-bottom:20px;  list-style-type:none; }
#venuesmapbody #venuesinfo ul#facilities li { color:#fff; background:transparent url('../img/icon_bullet_gold.gif') 0px 8px no-repeat; padding-left:13px; line-height:1.8em; font-size:0.9em; }
#venuesmapbody #venuesinfo ul#facilities li a { color:#8C795A!important; text-decoration:none; }
#venuesmapbody #venuesinfo ul#facilities li a:hover { color:#FFFFFF!important; text-decoration:none; }

#venuesmapbody #venuesinfo #contact ul { list-style-type:none; margin-bottom:0px; padding:0px; clear:left; border-top:1px solid #5d5443; margin-top:10px; width:100%; padding-top:20px; }
#venuesmapbody #venuesinfo #contact li { text-transform:uppercase; margin-bottom:1.2em; font-weight:bold; font-size:0.9em; color:#8d7b59; }
#venuesmapbody #venuesinfo #contact li .phonenumber { font-size:1.5em; color:#b1a388; }
#venuesmapbody #venuesinfo #contact li a { color:#8d7b59; text-decoration:none;  }
#venuesmapbody #venuesinfo #contact li a:hover { color:#fff; text-decoration:none; }


/* ********************************************************* */
/* Venues: Event Menus page */
/* ********************************************************* */
#venues #body { width:747px; margin-left:9px; }
* html #venues #body { width:762px; margin-left:0px; }

/* The venue's section was recut, so now a venumenus CLASS is applied to each table, rather than having one table with an ID of venumenus.

#venues #venuemenus { clear:left; }
#venues #venuemenus td.white { background-color:#fff; }
#venues #venuemenus td img.headings { margin:4px 0px 9px 9px; }
#venues #venuemenus td.list { background:#e8e1d1 url('../img/bg_events_eventmenus.jpg') top left repeat-x; }
#venues #venuemenus td.list ul { margin:11px 9px 11px 9px; }
#venues #venuemenus td.list ul li { line-height:2.4em; list-style-type:none; }
#venues #venuemenus td.list ul li a { background:transparent url('../img/icon_pdf.gif') 0px 0px no-repeat; color:#000; text-decoration:underline; padding-left:25px; padding-bottom:10px; height:16px; }
* html #venues #venuemenus td.list ul li a { background:transparent url('../img/icon_pdf.gif') 0px 4px no-repeat; padding-bottom:0px; }
#venues #venuemenus td.list ul li a:hover { color:#fff; text-decoration:underline; }

*/

#venues .venuemenus { height:320px; margin-bottom:15px; float:left; margin-right:19px; }
* html #venues .venuemenus { margin-right:21px; }
#venues .venuemenus td.white { background-color:#fff; }
#venues .venuemenus td img.headings { margin:4px 0px 9px 9px; }
#venues .venuemenus td.list { background:#e8e1d1 url('../img/bg_events_eventmenus.jpg') top left repeat-x; height:147px; }
#venues .venuemenus td.list ul { margin:11px 9px 11px 9px; }
#venues .venuemenus td.list ul li { line-height:2.4em; list-style-type:none; }
#venues .venuemenus td.list ul li a { color:#000; text-decoration:underline; text-decoration:underline; padding-bottom:10px; height:16px; }
#venues .venuemenus td.list ul li a:hover { color:#fff; text-decoration:underline; }
* html #venues .venuemenus td.list ul li a { padding-bottom:0px; }


/* Contact div with call to action buttons */
/*#venues #content #contact ul { list-style-type:none; margin-top:30px; }
#venues #content #contact li { float:left; }
#venues #content #contact li.first { margin-right:30px; }*/

#venues #content #contact ul {list-style-type:none; margin-left:0px; margin-top:20px; }
#venues #content #contact li { text-transform:uppercase; margin-left:0px; font-weight:bold; font-size:0.9em; float:left; margin-bottom:30px; color:#24211a; }
#venues #content #contact li.first { margin-right:4em; }
#venues #content #contact li a { color:#24211a; text-decoration:none;  }
#venues #content #contact li a:hover { color:#fff; text-decoration:none; }


/* ********************************************************* */
/* link styles for the downloads template. */
/* ********************************************************* */
a.pdf { background:transparent url(../img/ico_pdf.gif) 0px 0px no-repeat; }
a.img { background:transparent url(../img/ico_img.gif) 0px 0px no-repeat; }
a.doc { background:transparent url(../img/ico_doc.gif) 0px 0px no-repeat; }
a.ppt { background:transparent url(../img/ico_ppt.gif) 0px 0px no-repeat; }
a.xls { background:transparent url(../img/ico_xls.gif) 0px 0px no-repeat; }
a.zip { background:transparent url(../img/ico_zip.gif) 0px 0px no-repeat; }
a.htm { background:transparent url(../img/ico_htm.gif) 0px 0px no-repeat; }
a.other { background:transparent url(../img/ico_other.gif) 0px 0px no-repeat; }
a.pdf, a.img, a.doc, a.ppt, a.xls, a.zip, a.htm, a.other { padding-left:25px; }
* html a.pdf, a.img, a.doc, a.ppt, a.xls, a.zip, a.htm, a.other { background-position:0px 4px; }


/* ********************************************************* */
/* Footer */
/* ********************************************************* */
#footer { margin-bottom:15px; padding:8px 4px 11px 3px; position:relative; clear:both; z-index:3; overflow:hidden; height:3em; }
* html #footer { margin-bottom:10px; padding-top:7px; padding-bottom:12px; height:3.5em; }
#footer form { float:left; }
#footer form input.text { border:1px solid #b6a37d; background-color:transparent; padding-top:0.1em; padding-left:0.3em; }
#footer form #txtSearch { margin-left:5px; width:16em; }
* html #footer form #txtSearch { width:18em; }
#footer form label { color:#3c3b3c; text-transform:capitalize!important; }
#footer ul { padding-top:3px; list-style-type:none; float:right; }
* html #footer ul { padding-top:4px; }
#footer li { float:left; padding:0px 6px 0px 8px; text-transform:uppercase; /* font-family:arial; */ font-size:0.9em; background:transparent url(../img/nav_footer_separator.gif) center left no-repeat; }
#footer li img.separator { margin-top:3px; }
#footer li.first, #footer li.copyright { padding-left:0px; background:none; }
#footer li.copyright { position:absolute; bottom:0em; right:0em; margin-right:4px; text-transform:capitalize!important; opacity:0.41; }
#footer li a { color:#3c3b3c; text-decoration:none; white-space:nowrap; }
#footer li a:hover { color:#EBE5DB; }


/* ********************************************************* */
/* Footer on Home page */
/* ********************************************************* */
#footer.home { margin-bottom:15px; padding:8px 4px 11px 3px; }
* html #footer.home { padding:7px 4px 0px 1px; }
#footer.home #accor { float:left; margin-right:13px; margin-top:1px; }
#footer.home form #txtSearch { margin-left:1px; }
#footer.home li { float:left; padding:0px 6px 0px 8px; }


/* ********************************************************* */
/* Form miscellany */
/* ********************************************************* */
form label { cursor:pointer; }
form label.p { line-height:1.6em; margin-bottom:1.8em; }


/* ********************************************************* */
/* Link colours */
/* ********************************************************* */
a:link { color:#5c53ad; text-decoration:none; }
a:hover { color:#5c53ad; text-decoration:underline; }
a:visited { color:#5c53ad; text-decoration:none; }
a:visited:hover { color:#5c53ad; text-decoration:underline; }

/* ********************************************************* */
/* Site Search Results */
/* ********************************************************* */
table.borders h4.searchResultHeading, table.borders h4.searchResultHeading a, table.borders a.searchResultHeading { color:#FFF; }