body {text-align:center; background:#E7EED9;}
#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;}
#Logo_Layer	{position:absolute; top:20px; left:10px; width:250px; height:100px; background-color:transparent; }
#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 --- */
#middle {float:left;width:770px; padding-bottom:9px; position:relative; padding-top:9px;}

/* --- Footer --- */
#facebook {position:absolute; top:-145px; left:0px; width:100px; height:145px;}
    #facebook img {float:left; padding-bottom:5px;}
#footer {float:left; 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;}

/*--- homepage styles ----------------------------------------------------------------- */
#middle #left {float:left; width:248px; position:relative;}
#middle #left #leftTop {float:left; width:255px;}
#middle #leftBottom {float:left; width:191px; border-top:1px solid #B8B8BA; margin-top:30px;}
#middle #centre {float:right; width:511px;}
#middle #homeFlash {float:left; width:246px;}
#middle #homeList {float:right; width:252px; margin-left:9px; 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;}

/*--- standard styles ----------------------------------------------------------------- */
.localNav, .content {border-top:1px solid #B8B8BA;}
.localNav {padding-top:75px; padding-bottom:145px;}
#imageContent {width:250px; float:left;}
#textContent {width:250px; float:right;}
#pluginArea {float:left; width:511px; padding-top:20px;}

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

/* 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: #897C73; 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:#897C73; color:White; padding:0.2em;}
td.eventArea DIV.eventMonthTitle {background:#897C73; 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 */ 
.eventKeyAssembly {color:red; font-family:Tahoma,Arial; font-size:80%;} 
.eventKeyGuildhall {color:green; font-family:Tahoma,Arial; font-size:80%;} 
.eventKeyPumproom {color:blue; font-family:Tahoma,Arial; font-size:80%;}