body {text-align:center;}

/* --- Toolbox --- */
.NoBorderRight {border-right:0 !important;} /* Main use for Mega dropdown menu */
.Hidden {position:absolute; left:-9999px;}
.border {border:1px solid #666;}


/* ------------------------------------------ Matts new css ----------------------------------- */
#wrapper {width:980px; margin:0 auto;}
#Content {position:relative; float:left; clear:both; width:950px; margin:8px auto; padding:240px 15px 15px 15px; text-align:left;}

/* --- Header --- */
#header {position:absolute; top:15px; left:15px; width:950px;}
#banner {position:relative; width:950px; height:156px;}
#Logo_Layer	{position:absolute; top:23px; left:40px;}
.ChineseLink {position:absolute; top:60px; right:15px;}
#BathNesLogo {position:absolute; bottom:12px; right:15px; width:128px; height:48px;}
    #BathNesLogo img {width:128px; height:48px;}
#search {position:absolute; width:245px; height:24px; top:12px; right:15px; line-height:24px;}
#BreadCrumb {float:left; clear:both; width:750px; line-height:30px; margin:2px 0 0 0; padding:0;}
    #BreadCrumb a {}
#FacebookLike {padding:7px 0 0 11px; float:right; width:180px; height:23px; z-index:1;}
.TwitterLike {width:100px; float:left;}
.FacebookIcon {width:75px; float:right; z-index:1;}

/* --- Footer --- */
#footer {position:relative; float:left; width:950px; height:100px; margin-top:15px;}
.LinksHolder {float:left; width:950px; height:34px;}
#addthis {position:absolute; left:2px; top:4px;}
#LowerFooterHolder {float:left; width:950px; padding:15px 0 0 0;}
#bnes {float:left; width:55px;}
#bnes a {float:left;}
#bnesHome {padding:10px 0;}
#FooterLinks {float:left; width:253px; padding:0;}
    #FooterLinks a {float:left;}
.links {float:left; width:120px; padding:0;}
#FooterRight {float:right; width:145px;}
#logos {float:left; padding:0; width:250px; text-align:right;}
    #logos img {padding-left:5px;}
    #footer #logos a {float:left; display:block;}
#FooterCredit {position:absolute; top:95px; right:0; font-size:0.8em;}
#utility {float:right; width:420px; padding-top:8px; text-align:left;}
    #utility ul li {float:left; display:block; margin:0; padding:0;}
    #utility ul li a:hover {text-decoration:underline;}
    #utility span {float:left; clear:none; padding:0 5px;}
.Address {float:left; font-size:0.9em; margin-left:25px;}
.addthis_button {padding-top:5px;}

    
/* --- Mega Nav - CSS Driven --- */
#PrimaryNav {position:relative; list-style:none; width:950px; margin:2px 0 0 0; padding:0; height:34px;}
#PrimaryNav li {position:relative; float:left; display:block; text-align:left; margin:0; padding:0; border:none; z-index:10;}
#PrimaryNav, #PrimaryNav li .drop {}
#PrimaryNav li:hover {}
#PrimaryNav li a {display:block; outline:0; text-decoration:none; line-height:34px; padding:0 10px;}
#PrimaryNav .selected a.drop {border-bottom:none;}
#PrimaryNav, #PrimaryNav li .drop {}
#PrimaryNav li:hover a {}
#PrimaryNav li .drop {}
#PrimaryNav li:hover .drop {border-bottom:none;}
.Sub {float:left; position:absolute; left:-999em; margin:0; text-align:left; border-top:none; z-index:5;}/* Hides the drop down */

#PrimaryNav li:hover .Sub {position:absolute; left:-4px; top:35px; padding:5px;}
#PrimaryNav .Sub ul {float:left; margin:0 0 10px 0;}
#PrimaryNav .Sub ul li {float:left; clear:both; width:100%; line-height:1em;}
#PrimaryNav .Sub ul li a {line-height:20px; border:none; display:inline;}
#PrimaryNav .Sub ul li a:hover {text-decoration:underline;}
#PrimaryNav .paddingleft10 {padding-left:10px;}
li#TabEight:hover .Sub {float:left; position:absolute; left:-352px; z-index:5;}
.TextAboutNav {position:relative; padding:0 0 0 10px; margin:10px 0;}

/* --- Special Menu Items --- */
li.WalkMini img {padding:5px 0 5px 20px;} /* Controls image in walkthrough mega nav */
.SpecList {padding:0 0 0 10px;} /* Controls opening hours list items in visiting */
.SpecList .ListP {padding:5px 0 10px 0; font-size:0.85em;} /* Controls opening hours list items in visiting */
.SpecList li {padding:5px 0 10px 0;}
.SpecList li PaddingTop {}
.CalendarItems {position:relative; float:left; width:230px;}
.CalendarImage {position:absolute; top:0; left:0;}
.CalendarImage a {border:0 !important;} /* used to override border */
    .CalendarImage img {width:30px; height:30px;}
.CalendarLinks {position:absolute; top:0; left:45px; padding:0; width:210px;}
.OpenHours {float:left; padding:19px 0 0 0;}

/* --- Columns / Split mega nav into columns --- */
.colone, .coltwo, .colthree, .colfour, .colfive {float:left; display:block;}
.colone {width:150px;}
.coltwo {width:200px;}
.colthree {width:250px;}
.colfour {width:300px;}
.colfive {width:350px;}

.dropdown_1column {width:230px}
.dropdown_2columnSmall {width:450px;}
.dropdown_2column {width:500px}
.dropdown_3columnsmall {width:410px;}
.dropdown_3column {width:620px;}
.dropdown_4column {width:785px;}
.dropdown_5column {width:860px;}

/* ------------------------------ Sub Navigation ------------------------------ */
.SubMenu0 {display:block; margin:0 0 2px 0;}
.SubMenuItem {}

/* Sub Nav - level 0 */
.SubMenuA0 {display:block; padding:0 10px; line-height:25px; text-decoration:none;}
.SubMenuA0:hover {text-decoration:none;}
.SubMenuItemSel0 {margin:0 0 2px 0;}
.SubMenuASel0 {display:block; line-height:25px; padding:0 10px; text-decoration:none;}
.SubMenuASel0:hover {text-decoration:none;}

/* Sub Nav - level 1 */
.SubMenu1 {margin:0 0 2px 0;}
.SubMenuA1 {display:block; padding:0 10px; line-height:25px; text-decoration:none; text-indent:20px;}
.SubMenuA1:hover {text-decoration:none;}
.SubMenuItemSel1 {margin:0 0 2px 0;}
.SubMenuASel1 {display:block; line-height:25px; padding:0 10px; text-indent:20px; text-decoration:none;}
.SubMenuASel1:hover {text-decoration:none;}

/* Sub Nav - level 2 */
.SubMenuA2 {display:block; padding:0 10px; line-height:25px; text-decoration:none; text-indent:40px;}
.SubMenuA2:hover {text-decoration:none;}
.SubMenuItemSel2 {margin:0 0 2px 0;}
.SubMenuASel2 {display:block; line-height:25px; padding:0 10px; text-decoration:none; text-indent:20px;}
.SubMenuASel2:hover {text-decoration:none;}

/* ------------------------------- Main Content Area / Seperates site into sections -------------------------------  */
#AccessLinks {position:absolute; left:-9999px;} /* Skip links */
#PrimaryContent {float:right; width:690px; padding:0;}
#Secondary {float:left; width:240px; padding:10px 0;}
#MainContent {float:left; width:425px; padding:0 15px 10px 0;}
#SupportingContent {float:left; width:250px; padding:0 0 10px 0; overflow:hidden;}
    #SupportingContent img {/*width:250px;*/} /* used to control supporting image width */


/* -------------------- Page Layouts and Content Holders -------------------- */
/* --- Content Holders ----  */
.ContentRow {position:relative; float:left; clear:both; width:950px; padding:0 0 10px 0;}
.ContentBox {float:left; width:208px; margin:0 9px 0 0; min-height:220px; padding:10px; overflow:hidden;}
.ContentBoxRight {float:left; width:211px; padding:10px; min-height:220px; overflow:hidden;}

/* ---------- homepage styles ---------- */
.ImagePanel {float:left; width:65px; margin:0 10px 0 0}
.ContentPanel {float:right; width:133px}
.NewsArticle li {margin:0;}
.NewsArticle .ArticleBody {}
/* ---------- standard styles (no right column)---------- */
.localNav, .content {}
#imageContent {width:250px; float:left;}

#pluginArea {float:left; width:511px; padding-top:20px;}
#Standard #middle #centre {width:725px;}
#Standard #middle #centre #textContent {width:450px;}
#SocialLinks {float:left; width:220px; margin-top:15px; padding:10px;}

/* ---------- Standard with right column ---------- */
#textContent {width:250px; float:right;}
#middle #Right {float:left; padding:2px 0 5px 0px; margin-left:15px; width:198px;}

/* ----------  Wide ---------- */
#Wide #middle #centre {width:725px;}
/* -------------------- Page Layouts and Content Holders -------------------- */

/* ------------------------------------------ Plugins ---------------------------------------- */

/* --- collection search --- */
#Collection .collectionSearch #left {}
#Collection .collectionSearch #centre {float:right; width:690px;} 
#Collection .collectionSearch #left h1 {margin-bottom:15px; padding-bottom:0;}
#Collection .collectionSearch .simpleSearch h2 {margin-bottom:4px; padding:0px;}
#Collection .collectionSearch .localNav {padding-top:0px;}

.simpleSearch {padding-bottom:30px; clear:both;}
.simpleSearch .searchBox {float:left; width:164px; font-size:12px; margin-right:7px; padding:2px; margin-left:0px;}
.simpleSearch .searchImage {float:left; margin:0; padding:0;}

.simpleSearch h2 {font-weight:normal;}
.simpleSearch p {display: block; width: 100%; font-size: 11px; padding-top:4px;}

.detailedSearch {float:left; clear:both; margin-top:30px;}
.detailedSearch h2 {font-size:1em; margin-bottom:5px;}
.detailedSearch select {width:173px;}
.detailedSearch td {padding:2px 2px 5px 2px; vertical-align: middle;}
.detailedSearch .rblDetailed {float:left;}
.detailedSearch .imgGo {float:left; padding-left:4px;}

/* category Search */
.collectionSearch #centre h2 {font-weight:normal; padding-bottom:10px;}
.searchDates {padding-bottom:20px; width:690px;}
.searchDates td {font-size:0.85em; padding:5px 3px; vertical-align:top;}
#container .dateLink {display:block; width:118px;}
.dateLinkSelected a {text-decoration:none;}
td.dateLinkSelected {background:#77497A; color:#fff;}
#recordsFound span {display:block; width:690px; text-align:center;}

/* search results */
.searchResults td {padding:2px 0;}

/* search result detail --- */
div#dressDetail {width:670px; padding:0 10px 10px 10px;} /*Width changed from 491px to 670px*/
div.objectDetail {width:670px;} /*Width changed from 491px to 670px*/
div.objectDetail img {float:right; padding:5px 5px 20px 5px; margin: 0 0 10px 10px;}
div.objectDetail h3 {font-size:1.1em;  font-weight:normal; margin-bottom:15px;}
div.objectInformation {float:left; clear:both;}

/* --- search --- */
.searchSelect {padding:10px;}

/* search results */
.searchResults td {padding:2px 0;}

/* main event calendar table */ 
TABLE.eventBrowser {vertical-align:top;} /*; border:solid red 1px;}*/ 
 
/* calendar section */ 
TABLE.eventCalendar {border-collapse:collapse; width:100%; margin:0; padding:0;} /* border: 
solid blue 0px*/ 
 
/* calendar month section */ 
Table.eventMonth {border-collapse:collapse; margin-bottom:0.2em;} 
TD.eventMonth, TD.eventArea {padding:0.2em;}
TD.eventMonth {width:11em;}
TD.eventMonthTitle {height:1em; font-family:Tahoma,Arial; font-size:70%; font-weight:bold;} 
TD.eventMonthContent {} 
DIV.eventMonthContent {overflow: auto ; height:5.5em; padding:0.2em;} 
td.eventMonth DIV.eventMonthTitle {padding:0.3em;}
td.eventArea DIV.eventMonthTitle {padding:0.3em;}
 
/* calendar event details section */ 
DIV.eventDetails {padding:0.2em;} /*border:solid cyan 0px;}*/  
Table.eventDetails {border-collapse:collapse; vertical-align:top; height:100%;} /*border:solid red 0px;*/ 
TD.eventDetailsTitle {height:1em; font-family:Tahoma,Arial; font-size:70%; font-weight:bold;} 
TD.eventDetailsContent {} 
DIV.eventDetailsContent {margin:2px; overflow: auto ; height:31em;} 
DIV.eventDetailsHeaders {font-family:Tahoma,Arial;font-size:80%;} 
DIV.eventDetailsDescription {font-family:Tahoma,Arial; font-size:100%;} 
 
/* calendar key section */ 
Table.eventKey {border-collapse:collapse;width:100%;} 
TD.eventKeyTitle {height:1em; width:13.1em; font-family:Tahoma,Arial; font-size:70%; font-weight:bold;} 
 
/* calendar key types */ 
.eventKeyTalks, .eventKeyTunnel, .eventKeyFamily {font-size:80%;}