body {text-align:center; background:#EDF0DF;}
#wrapper {width:800px; margin:0 auto;}
#container {float:left; width:770px; margin:8px auto; padding:15px; text-align:left; background:white;}

/* --- header --- */
#header {float:left; width:770px;}
#banner {position:relative; background: url(../../../../laf/banner.jpg); width: 770px;height: 156px;}
#search {position:absolute; width:245px; height:24px; top:12px; right:7px; line-height:24px;}
#primaryNav {float:left; background:#E7EED9 url(../../../../laf/navBG.gif) top left; border-top:2px solid white; min-height:54px; width:100%;}

/* --- content --- */
.Home #left {height:293px;}
#left {float:left; width:248px; position:relative;}
#middle #centre {float:right; width:511px;}
#middle {float:left;width:770px; padding-bottom:9px; position:relative; padding-top:9px;}
.localNav {clear:both; padding-bottom:50px; float:left; padding-top:75px;}

/* --- Footer --- */
#facebook {position:absolute; top:-50px; left:0px; width:220px; height:50px;}
    #facebook img {float:left; padding-bottom:5px; padding-right:10px; }
#footer {float:left; position:relative; width:770px; height:100px; background: url(../../../../laf/bgFooterHome.gif) top left no-repeat; clear:both;}
/*.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;}

/*--- homepage styles ----------------------------------------------------------------- */
.Home #left {float:left; width:248px; position:relative;}
.Home #left #leftTop {float:left; width:255px;}
.Home #leftBottom {position:absolute; bottom:0px; left:0px; width:191px; border-top:1px solid #B8B8BA;}
.Home #centre {float:right; width:511px;}
.Home #homeFlash {float:left; width:246px;}
.Home #homeList {float:right; width:252px; margin-left:9px; border-top:1px solid #B8B8BA;}
.Home #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;}

/*--- standard styles ----------------------------------------------------------------- */
.localNav, .content {border-top:1px solid #B8B8BA;}
#imageContent {width:250px; float:left;}
#textContent {width:250px; float:right;}
#pluginArea {float:left; width:511px; padding-top:20px;}

/* --- collection search --- */
.collectionSearch #left, .collectionSearch #centre {border-top:1px solid #626264;}
.collectionSearch #left h1 {margin-bottom:15px; padding-bottom:0;}
.collectionSearch .simpleSearch h2 {margin-bottom:4px; padding:0px;}
.collectionSearch .localNav {padding-top:0px;}


.simpleSearch {padding-bottom:30px; clear:both;}
.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 h2 {font-weight:normal; color:#611061;}
.simpleSearch p {display: block;width: 100%;color: #999999;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; 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;}
.searchDates td {font-size:0.85em; padding:5px 3px; border:1px solid white; vertical-align:top;}


#container .dateLink {display:block; width:118px;}
.dateLinkSelected a {text-decoration:none; color:White;}
#container td.dateLinkSelected {background:#611061; color:White;}
#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;}

/* --- search --- */
.searchSelect {padding:10px;}

/* 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:#72074C; color:White; padding:0.2em;}
td.eventArea DIV.eventMonthTitle {background:#72074C; 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 */ 
.eventKeyTalks {color:ForestGreen; font-size:80%;}
.eventKeyTunnel {color:Blue;font-size:80%;}
.eventKeyFamily {color:#FF6699;font-size:80%;}

