#container {margin-left:auto; margin-right:auto; margin-top:8px; width:770px; background-color:#fff; padding:15px;}
#header {width:770px; height:220px; float:left;}
#banner {position:relative; background-image: url(../../../../laf/bgBanner.gif);width: 770px; height: 156px;}
#search {position:absolute; width:300px; height:24px; top:12px; right:7px; line-height:24px; background:#fff;}
#searchBox {float:left; width:170px;}
#languages {float:right; width:130px;}
#logo {float: left; width: 76px; clear:both;}
#logo img {float:left;}
#logonoresource {float:left; width:770px; }
#primaryNav {border-top:2px solid white; float:left; background: url(../../../../laf/navBG.gif) top left; min-height:54px; width:100%;}

#middle {width:770px; float:left; margin-bottom:5px; }
#left {float:left; width:250px;}
    .localNav {clear:both; padding-bottom:50px; padding-top:70px;}
#leftlinks {float:left; margin-top:80px; padding:0; height:96px;}
#leftlinks img {float:left;}
#leftlinks br {display:none;}
.leftintro {height:120px;}
.leftlink {height:24px;}
#centre {float:right; width:515px;}

#facebook {position:absolute; top:-50px; left:0px; width:220px; height:50px;}
    #facebook img {float:left; padding-bottom:5px; padding-right:10px;}
#footer {clear:both; position:relative; width:770px; height:100px; background: url(../../../../laf/bgfooterHome.gif) top left no-repeat;}
/*.Home #footer {background: url(../../../../laf/bgFooterHome.gif) top left no-repeat;}*/
#addthis {position:absolute; left:2px; top:4px;}
#bnes {float:left; width:256px; margin-top:45px;}
#bnesHome {padding:10px 0; }
#FooterLinks {float:left; width:253px; padding-top:45px;}
#FooterLinks a {float:left;}
#links {float:left; width:180px; padding-top:45px;}
#logos {float:left; padding:45px 0 0 0px; width:250px; text-align:right;}
#logos img {padding-left:5px;}
#footer #logos a {display:inline;}
#utility {float:right; padding-top:90px; text-align:right;}

#hidden {margin-left: auto;margin-right: auto; width: 770px;}

/*--- homepage styles ----------------------------------------------------------------- */
.Home #left {float:left; width:248px; position:relative; height:298px;}
.Home #left #leftTop {float:left; width:255px;}

#middle #leftBottom {height:96px; width:242px;  }
#leftBottom ul {position:absolute; top:200px; width:242px; left:0px;  display:block; background: url(/laf/LeftBottomBG.bmp) no-repeat;}
#leftBottom ul li{line-height:24px;}
#leftBottom ul li a{display:block; width:200px; color:white; font-size:1em; font-weight:bold;}
#leftBottom ul li a:hover {color:white; }

#middle #centre {float:right; width:511px;}
#middle #homeFlash {float:left; width:246px;}
#middle #homeList {float:right; width:252px; border-top:1px solid #B8B8BA;}
#middle #homeList .item {float:left; width:100%; border-bottom:1px solid #B8B8BA; padding:4px 0;}
.homeListImage {width:123px; float:left;}
.homeListImage img {float:left;}
.homeListInfo {float:right; width:125px;}

#middleimage {float:left; margin-right: 10px;}
#rightimage {float: left;}

.topline {border-top: 1px solid #333;  margin: 0px 0px 3px 0px;}
.line 	{ border-top: 1px solid #333; margin: 3px 0px 3px 0px;}
.holder { width: 255px; height: 91px;}
.img 	{ float: left; width: 127px;}
.txt 	{font-size: 75%; margin-left: 60px;}
.txt a 	{ text-decoration: none; }
.txt a:hover { text-decoration: none; }
.txt .title { font-size: 170%; display: block;}

#newsletter { width: 300px; font-size: 75%;line-height: 15px;}
#newsletter label { width: 50px; margin-bottom: 10px; font-weight: bold; font-size: 100%;}
#newsletter input { margin-bottom: 3px; display: block;}
.newsletterSubmit {border:1px solid #AAA; background: url(../../../../laf/tabBg2.gif); border-style: solid; font-size: 100%; height: 20px;}

/* --- standard styles --- */
#imageContent {width:250px; float:left;}
#textContent {width:250px; float:right;}

/* --- collection search --- */
.collectionSearch #left, .collectionSearch #centre {border-top:1px solid #626264;}
.collectionSearch #left h1 {margin-bottom:15px; padding-bottom:0; color:#A4BA89;}
.collectionSearch .simpleSearch h2 {margin-bottom:4px; padding:0px; color:#A4BA89;}
.collectionSearch h1 {color:#A4BA89;}

.simpleSearch {padding-bottom:30px;}
.simpleSearch .searchBox {float:left; width:174px; border:1px solid #c8cabf; font-size:12px; margin-right:7px; padding:2px; margin-left:0px;}
.simpleSearch .searchImage {float:left; margin:0; padding:0;}

.simpleSearch p {display: block;width: 100%;color: #999999;font-size: 11px;float: left; padding-top:4px;}

.detailedSearch {float:left; clear:both; margin-top:30px;}
.detailedSearch h2 {font-size:1em; margin-bottom:5px; color:#A4BA89;}
.detailedSearch select {width:173px; border:1px solid #c8cabf;}
.detailedSearch td {padding:2px 2px 5px 2px; vertical-align: middle; color: #666666;}
.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;}
.dateLink, .dateLinkSelected {margin:2px;}
.dateLink {display:block; width:118px; font-size:0.85em;}
.dateLinkSelected a {color:White;text-decoration:none; }
#recordsFound span {display:block; width:511px; text-align:center;}

/* search results */
.searchResults td {border-bottom:1px solid black; padding:2px 0;}

/* search result detail --- */
div#dressDetail {width:491px; background:#E8EED9; padding:0 10px 10px 10px;}
div.objectDetail {width:491px;}
div.objectDetail img {float:right; border:1px solid #ddd; padding:5px 5px 20px 5px; margin: 0 0 10px 10px; background:white;}
div.objectDetail h3 {color:#333; font-size:1.1em;  font-weight:normal; margin-bottom:15px; background:#E8EED9;}
div.objectInformation {float:left; clear:both;}


/* main event calendar table */ 
TABLE.eventBrowser            {border: solid green 0px; 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            {background-color: #9AB6FF; height:1em; font-family:Tahoma,Arial; font-size:70%; font-weight:bold;} 
TD.eventMonthContent          {background-color: #FFF0D3; border: solid #9AB6FF 1px; } 
DIV.eventMonthContent         {overflow: auto ; height:5.5em; background:#f8f8f8; padding:0.2em;} 
td.eventMonth DIV.eventMonthTitle {background:#A4BA89; color:White; padding:0.2em;}
td.eventArea DIV.eventMonthTitle {background:#A4BA89; color:White; padding:0.2em;}
 
/* calendar event details section */ 
DIV.eventDetails              {background:#f8f8f8; padding:0.2em;} /*border:solid cyan 0px;}*/  
Table.eventDetails            {border-collapse:collapse; vertical-align:top; height:100%;} /*border:solid red 0px;*/ 
TD.eventDetailsTitle          {background-color: #9AB6FF; height:1em; font-family:Tahoma,Arial; font-size:70%; font-weight:bold;} 
TD.eventDetailsContent        {background-color: #FFF0D3; border: solid #9AB6FF 1px;} 
DIV.eventDetailsContent       {margin:2px; overflow: auto ; height:31em;} 
DIV.eventDetailsHeaders       {color:black; font-family:Tahoma,Arial;font-size:80%;} 
DIV.eventDetailsDescription   {color:black; font-family:Tahoma,Arial; font-size:100%;} 
 
/* calendar key section */ 
Table.eventKey                {border-collapse:collapse; border: solid #9AB6FF 1px; width:100%;} 
TD.eventKeyTitle              {background-color: #9AB6FF; height:1em; width:13.1em; font-family:Tahoma,Arial; font-size:70%; font-weight:bold;} 
 
/* calendar key types */ 
.eventKeyExhibitions {color:blue; font-family:Tahoma,Arial; font-size:80%;} 
.eventKeyFamily {color:MediumVioletRed; font-family:Tahoma,Arial; font-size:80%;} 
.eventKeyTalks {color:Green; font-family:Tahoma,Arial; font-size:80%;}