/* Main page layout structure */

html { font-size:100.01%; }

body {
	margin:0;
	padding:0 0 1em 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background:url('/graphics/background.png') #f6f6f6 repeat-y scroll 50% 0;
}

#mainOuter { text-align:center; color:#333; font-size:0.825em; }
#mainInner { text-align:left; width:992px; margin-left:auto; margin-right:auto; color:inherit; background:url('/graphics/background_.png') white repeat-x; }

#banner {
  height:100px;
	padding:0 0 0 0;
	margin-bottom:0px;
	color:inherit;
	background:url('/graphics/banner.png') no-repeat;
}
  
#leftSidebar {
/*	position:absolute;*/
	float:left;
  display:inline;
	left:0;
	width:180px;
	margin:1em 10px 0 16px;
	padding:0;
}

#content {
  float:right;
  display:inline;
  width:760px;
	padding-top:1em;
/*  margin:0 16px 0 216px;*/
  margin-right:16px;
  padding-bottom:16px;
}

#footer {
	border-top:1px solid #999;
	padding-top:0.25em;
	margin-top:1em;
}


/* Global styling */

h1 {
	margin-top:0;
	margin-bottom:0.5em;
	color:#a03;
	font-family:Garamond, "Times New Roman", Times, serif;
	font-size:2.4em;
  border-bottom:1px solid #a03;
}
h1.noUnderline { border-bottom:none; }

h2, h3, h4 {
	margin-bottom:0.5em;
	color:#a03;
  font-family:Garamond, "Times New Roman", Times, serif;
}

h2 { font-size:2em; margin-bottom:0.25em; }
h3 { font-size:1.4em; }

p, th, td, ul, ol, li {
	font-size: small;
}

h2 + p { margin-top:0.25em; }}

fieldset { margin:1em 0; }

a:hover {
  color:red;
}

hr { border:none; border-top:1px solid #a03; margin:32px 10%; }


.lolight { color:#ccc; }


/* Banner */

table.banner {
  width:100%;
  border:0;
}

td.loginLinks {
  padding-right:300px;
  padding-bottom:0.5em;
  text-align:right;
  vertical-align:bottom;
}

div.mainTitle {
  padding:10px 0 5px 0;
  font-size:40px;
  font-weight:bold;
  color:#aa0033;
  background-color:inherit;
}

div.subTitle {
  padding:0 0 10px 0;
  font-size:14px;
  color:#aa0033;
  background-color:inherit;
}

div.login {
  padding:0.25em 0;
  margin:0;
  color:white;
  background-color:inherit;
  font-size:x-small;
  font-weight:bold;
  text-align:right;
}

a.loginBarLink:link, a.loginBarLink:visited {
  color:white;
}

a.loginBarLink:hover {
  color:red;
}


/* Sidebar Menu */

div.leftSidebarMenu {
  margin:0;
  padding-right:0.5em;
  border-right:1px solid #a03;
}

p.menuSectionMainTitle {
	font-weight:bold;
	font-size:large;
	border-bottom:1px solid black;
	margin-top:0;
	margin-bottom:0.5em;
}

ul.menu {
  margin:0;
  padding:0;
	list-style-type:none;
}

ul.submenu {
  padding-left:0;
  margin-left:0;
  list-style-type:none;
}

li.menu {
	font-size:0.8em;
	line-height:140%;
	color:#aa0033;
	padding:4px 0 4px 4px;
	border-bottom:1px solid #eee;
/*	background:url('/graphics/menubackground.png') repeat-y left top;*/
}

li.menu.current { background-color:#fbf2f5; }
ul.submenu li { background-color:#fbf2f5; padding-left:15px; }

li.menu a { color:#06f; }
li.menu a.currentPage { color:#aa0033; }
li.menu:last-child { border-bottom:none; }
li.menu.pageAdmin { background-color:#ccffcc; }
li.menu.suAdmin { background-color:#ffffcc; }
li.menu.sectionAdmin { background-color:#ffccff; }


/* Sidebar Info */

div.leftSidebarInfo {
	width: 12em;
	margin:0;
	margin-top:1em;
	padding: 0.5em;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	background-color:#eeffff;
}

p.leftSidebarMainHeading {
	font-weight:bold;
	padding-bottom:2px;
	margin-top:0px;
	margin-bottom:1em;
	border-bottom:1px solid black;
}


/* 7-Day Diary */

td.shortDiaryDayHeading {
	font-weight:bold;
}

td.shortDiaryDayHeadingSeparator {
	padding-top:0.5em;
}

td.shortDiaryTimeCell {
	padding-right:0.5em;
	vertical-align:top;
}

td.shortDiaryTimeCellSeparator {
	padding-bottom:0.5em;
}

td.shortDiaryDescrCell {
	width:100%;
	vertical-align:top;
}

td.shortDiaryDescrCellSeparator {
	padding-bottom:0.5em;
}

td.shortDiaryFooter {
	font-size:x-small;
	padding-top:2em;
}


/* Shared styling */

p.quickLinks {
	margin-top:0;
	padding-bottom:5px;
	border-bottom:1px solid black;
}

	div.indented {
		margin-left: 2em;
	}

	
	a.menuLink {
		text-decoration:none;
	}
	
	div.menuSectionLink {
		font-size:x-small;
		font-weight:bold;
		margin-top:0.6em;
		text-indent:-2em;
		margin-left:2em;
	}
	
	div.menuSubSectionLink {
		font-size:x-small;
		font-weight:bold;
		text-indent:-2em;
		margin-left:2em;
	}
	
	div.menuSectionHeading {
		color: #666666;
		font-size:small;
		font-weight:bold;
	}
	
	.latestNewsHeading {
		font-size: small;
		font-weight: bold;
		border-bottom: 1px solid black;
	}
	
	.latestNewsText {
		font-size: x-small;
		margin-top: 0.5em;
		margin-bottom:0;
	}
	
	h2.sectionTitle {
		margin-top: 0;
		padding-bottom: 0.25em;
		border-bottom: 1px solid black;
	}

  p.trd {
    font-size:x-small;
    color:#999;
    background-color:inherit;
    margin:0px;
    padding:0px;
    text-align:right;
  }
  
  a.trd {
    font-weight:bold;
    color:#999;
    background-color:inherit;
    text-decoration:none;
  }
  
  a.trd:hover {
    color:#999;
    background-color:inherit;
    text-decoration:underline;
  }
	
	p.lastUpdated {
		color:#999;
		font-size:x-small;
		float:right;
    margin:0px;
    padding:0px;
	}
	
	div.attentionBanner {
		margin-left: 5em;
		margin-right: 5em;
		padding: 0.5em;
		border: 1px solid black;
		background-color: #FFFFCC;
	}
	
	p.attentionBannerHeading {
		text-align:center;
		font-size: large;
		font-weight: bold;
		margin-top: 0;
	}
	
	div.quickLinks {
		padding: 0.5em;
		border: 1px solid black;
		background-color: #FFFFCC;
	}
	
	table.eventTable {
		border: 1px solid #999999;
		border-bottom: 0; /* table bottom border provided by last row */

		margin-top: 0;
		margin-bottom: 1.5em;
		padding-top: 0;
		padding-bottom: 0;
		
		width: 99.9%; /* Can't be 100% as IE reckons the table then needs to be on the next line under the menu sidebar */
	}
	
	tr.eventWeekendRow {
		background-color:#DDDDDD;
	}

	tr.eventWeekdayRow {	
		background-color:#EEEEEE;
	}
	
	tr.eventTodayRow {	
		background-color:#FFDDDD;
	}
	
	tr.monthRow {
		background-color:#FFFFEE;
		color:#000000;
		font-weight:bold;
	}
	
	td.eventDayCol {
		width: 6em;
		padding: 0 1em 0 0.5em;
		margin: 0;
		text-align: right;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}

	td.eventDetailsCol {
		padding-left: 0.5em;
		border-bottom: 1px solid #999999;
	}

	td.monthCol {
		border-bottom: 1px solid #999999;
		text-align: center;	
	}
	
	p.form {
		margin-left: 2em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	p.formButtons {
		margin-left: 2em;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	
	.errorText {
		color: red;
		font-weight:bold;
	}
	
	p.formQuestion {
		margin-bottom:0.5em;
	}
	
	span.formQuestionText {
		font-weight:bold;
	}

	.eventInput {
		margin-left:40px;
		margin-top:0;
	}
	
	div.formErrors {
		margin:2em;
		padding:0 0.5em 0 0.5em;
		border:2px solid red;
	}
	
	th {
		text-align:left;
	}
	
	div.eventAdminEntry {
		margin-bottom:1em;
	}
	
	p.eventAdminLine {
		padding:0;
		margin:0;
	}
	
	span.eventAdminEntryName {
		font-weight:bold;
	}
	
	span.eventAdminEntryValue {
		margin-right:1em;
	}
	
	table.eventAdminTable {
		border:1px solid black;
	}
	
	table.timetableTable {
		border:1px solid black;
	}
	
	p.timetableText {
		margin-left:1.75em;
	}
	
	.symbolSub {
		font-size:x-small;
		font-style:italic;
		font-weight:bold;
	}
	
	tr.eventAdminEvenRow {
		background-color:#EEEEEE;
		padding-top:1em;
		margin-top:1em;
	}
		
	tr.eventAdminOddRow {
	}
	
	.eventAdminColumnFirstLastRow {
		padding:0.5em 0.5em 0.5em 0.5em;
		border:0;
		border-top:1px solid #999999;
	}

	.eventAdminColumnFirstRow {
		padding:0.5em 0.5em 0em 0.5em;
		border:0;
		border-top:1px solid #999999;
	}

	.eventAdminColumnMiddleRow {
		padding:0em 0.5em 0em 0.5em;
		border:0;
	}

	.eventAdminColumnLastRow {
		padding:0em 0.5em 0.5em 0.5em;
		border:0;
	}

	.eventAdminColumnTitle {
		background-color:black;
		color:white;
		padding:0.25em 0.5em 0.25em 0.5em;
		border:0;
	}
	
	.tableColumnTopRow {
		padding:0.2em 0.5em 0.2em 0.5em;
		border:0;
		width:6.5em;
	}

	.tableColumnMiddleRow {
		padding:0.2em 0.5em 0.2em 0.5em;
		border:0;
		border-top:1px solid #999999;
		width:6.5em;
	}

	.tableColumnBottomRow {
		padding:0em 0.5em 0.2em 0.5em;
		border:0;
		width:6.5em;
	}

	.tableColumnTitleGrey {
		background-color:#dddddd;
		padding:0.25em 0.5em 0.25em 0.5em;
		margin:0;
		border:0;
	}
	
	p.nwatchNoticeHeader {
		font-weight:bold;
		margin-top:1em;
		margin-bottom:0;
		padding-bottom:0;
	}
	
	p.nwatchNotice {
		margin-top:0.25em;
		margin-bottom:0.5em;
	}
	
  div.business {
    margin-top:10px;
    margin-bottom:10px;
    background-color:#fafafa; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    padding-bottom:10px;
  }

div.entrySummaries div.entry { margin-bottom:10px; background-color:#fafafa; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/*div.entrySummaries div.entry.last { border-bottom:none; }*/
div.entrySummaries div.entry div.timestamp { font-size:0.825em; padding:5px 5px 0; color:#666; background-color:#eee; margin:0; }
div.entrySummaries div.entry div.timestamp span.guestbookEntryInfoDetail { font-weight:bold; color:#a03; }
div.entrySummaries div.entry div.topic { font-size:0.825em; padding:5px; color:#666; background-color:#eee; margin:0 0 5px 0; border-bottom:1px solid #ccc; }

  div.businessLogo {
    margin-right:20px;
  }

	p.businessName {
		font-size:120%;
		font-weight:bold;
		margin:0 0 10px 0;
		padding:5px 10px; color:#a03; background-color:#eee; border-bottom:1px solid #ccc;
	}
	
	p.businessDetails {
		margin:0.1em 10px;
	}
	
	p.hitCounter {
		font-style:italic;
		text-align:center;
		border:1px solid red;
		margin-right:0.5em;
	}

	hr.sectionDivider {
		width: 80%;
		size: 1px;
		color: black;
	}
	
	p.eventDetails {
		margin:0;
	}
	
	p.eventDescription {
		margin:0.5em 1em 0.5em 1em;
		font-size:x-small;
	}
	
	td.shortDiaryMainHeading {
		font-size:large;
		font-weight:bold;
		padding-bottom:5px;
		border-bottom:1px solid black;
	}
	
	
	

	p.leftSidebarHeading {
		font-weight:bold;
		margin:0;
		font-size:x-small;
	}

	p.leftSidebarText {
		font-size:x-small;
		margin-top:0.5em;
		margin-bottom:0.5em;
	}
	
	.sidebar {
    font-size:x-small;
 }

	td.photo_old_xxx {
		border-top:1px solid #999999;
		border-left:1px solid #999999;
		border-bottom:2px solid black;
		border-right:2px solid black;
		padding:4px
	}
	
	td.photoCaption {
		text-align:center;
		font-style:italic;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}

	
	div.shadow {
  	-moz-box-shadow: 3px 3px 3px #999;
    -webkit-box-shadow: 3px 3px 3px #999;
    box-shadow: 3px 3px 3px #999;
  }
  
  div.redshadow {
    -moz-box-shadow: 3px 3px 3px #a03;
    -webkit-box-shadow: 3px 3px 3px #a03;
    box-shadow: 3px 3px 3px #a03;
  }

div#entireHomeGalleryWrapper { border:2px solid #a03; margin-bottom:2em; }
div#homepageSummaries { margin-top:2em; border-top:2px solid #a03; padding-top:4px; /* background:url('/graphics/homepage_summaries_background.png') repeat-y; */ }
div.homepageSummary2 { float:left; display:inline; width:236px; margin-right:25px; }
div.homepageSummary { float:left; display:inline; width:367px; margin-right:25px; }
/*div.homepageSummary.thin { float:left; width:200px; margin-right:20px; }*/
div.homepageSummary h2 { font-size:1.2em; color:#a03; margin-top:0; padding-bottom:4px; text-align:center; border-bottom:1px solid #a03; }
div.gallerySummaryWrapper { float:right; display:inline; width:170px; padding:10px 0; }
div.noLeftMargin { margin-left:0; }
div.noRightMargin { margin-right:0; }
.clear { clear:both; }

div.gallerySummaries div.photo { text-align:center; margin-bottom:5px; }

div.entrySummaries div.entry { margin-bottom:10px; background-color:#fafafa; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/*div.entrySummaries div.entry.last { border-bottom:none; }*/
div.entrySummaries div.entry div.timestamp { font-size:0.825em; padding:5px 5px 0; color:#666; background-color:#eee; margin:0; }
div.entrySummaries div.entry div.timestamp span.guestbookEntryInfoDetail { font-weight:bold; color:#a03; }
div.entrySummaries div.entry div.topic { font-size:0.825em; padding:5px; color:#666; background-color:#eee; margin:0 0 5px 0; border-bottom:1px solid #ccc; }
div.entrySummaries p { margin-top:0; padding:0 5px; }

div.eventSummaries div.event { border-bottom:1px solid #ccc; padding:5px; }
div.eventSummaries div.event.last { border-bottom:none; }
div.eventSummaries div.day { margin-bottom:10px; background-color:#fafafa; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/*div.eventSummaries div.event.last { border-bottom:none; }*/
div.eventSummaries div.dayTitle { font-size:0.825em; padding:5px; font-weight:bold; color:#a03; background-color:#eee; margin:0; border-bottom:1px solid #ccc; }
div.eventSummaries span.time { color:#666; }
a img { border:0; }

div.adminEdit a { border:1px solid black; color:black; background-color:#ccc; padding:2px 4px; text-decoration:none; font-weight:bold; }

div.map { border:1px solid #999; width:100%; height:400px; }

#menuStructure { border-top:1px solid #ccc; }
#menuStructure div.topLevel { border-bottom:1px solid #ccc; padding:5px 10px; }
#menuStructure div.topLevel div.title { font-weight:bold; }
#menuStructure form.addSubItemForm { float:right; font-size:0.825em; }
#menuStructure div.subItems { padding:5px 0 0 24px; }
#menuStructure div.subItem { padding-bottom:5px; }
#menuStructure div.addSubItem { color:#999; }

#menuStructure div.newTopLevel { padding:10px; background-color:#eee; }