/* These classes are for events pages (and possibly other dynamically generated pages?) */
/* Again, it looks like we will need screen and print files if we do this! */

/* Calendar classes */
div.calendardayboxodd {
	border-color: white;
}

div.calendardayboxeven {
	border-color: white;
	color: inherit;
	background-color: #007777;
}

div.calendardayboxtoday {
	border-color: #FFCC33;
	color: inherit;
	background-color: #993333;
}

p.calendarevent {
	border-color: white;
}

p.calendarcancelledevent {
	border-bottom-color: gray;
	color: gray;
	background-color: inherit;
	text-decoration: line-through;
}

p.calendarsoldoutevent {
	border-bottom-color: Silver;
	color: Silver;
	background-color: inherit;
}

p.calendarsoldoutevent a {
	border-bottom-color: Silver;
	color: Silver;
	background-color: inherit;
}

/* For general and families events auto-generated pages */
p.term {
	text-align: center;
	font-size: medium;
	font-weight: bold
}

p.event_title {
	color: #FFCC33;
	background-color: inherit;
	text-align: left;
	font-size: large;
	font-weight: bold;
	margin-bottom: 0em
}

p.event_subtitle {
	color: #FFCC33;
	background-color: inherit;
	text-align: left;
	font-size: small;
	font-weight: bold;
	margin-bottom: 0em
}

p.event {
	text-align: left;
	font-size: small;
	font-weight: normal;
	margin-top: 0em
}

p.eventsfooter {
	text-align: center;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	margin: 0px;
}

p.tickets {
	margin-top: -1em;
	border-top: dashed 1px;
	font-weight: bold;
	font-style: italic;
	padding: 0;
}

/* For Cafe and Ladies auto-generated pages */
p.cafe {
	font-size: larger;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0.25em;
}

table {
	margin-left: auto;
	margin-right: auto;
	/* The following is needed by IE8 to keep the look similar to IE7 */
	border-collapse: separate;
}

.date {
	font-weight: bold;
	text-align: center;
	vertical-align: text-top;
	background: #007777;
	color: inherit;
}

.description {
	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
	background: #007777;
	color: inherit;
}

.firstdate {
	text-decoration: underline;
}

/* Ladies only: */
p.ladiesdaymenu {
	text-align: center;
}

h4.ladies {
	font-size: larger;
	font-weight: bold;
	text-align: left;
	margin-left: 0px;
	margin-top: 1em;
	margin-bottom: 0px
}

/* Image on football page */
div.football {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

p.football {
	clear: both;
	font-size: large;
	font-weight: bold;
	text-align: left;
	margin-top: 0.25em;
	margin-bottom: 0;
}

/* Multi-purpose centering */
div.centreblock {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* The allsold and .soldout styles are deprecated: */
/* Sold out? */
.allsold {
	font-weight: bold;
}

.soldout {
	color: #808080;
	background-color: inherit;
}

.soldout a {
	color: #808080;
	background-color: inherit;
}

/* Sold Out Text: */
/* Using (correct?) cascading method
   My example event had the following tags:
p.event_title
p.event_subtitle
p.event
a
img.photo
img.transparent
ul.pagelinks
li
a.definition
div style="width: 240px; float: right;
img
strong
p.event span style="font-weight: bold; text-decoration: underline;"
   However, we don't want to do uneccessary work!*/

/* This first style does the colour for us for everything except
   the titles, hyperlinks and images (if we want to do anything with those?) */
div.event_soldout {
	color: #808080;
	background-color: inherit;
}

div.event_soldout p.event_title {
	color: #808080;
	background-color: inherit;
}

div.event_soldout p.event_subtitle {
	color: #808080;
	background-color: inherit;
}

div.event_soldout a {
	color: #808080;
	background-color: inherit;
}

div.event_soldout a.definition {
	color: #808080;
	background-color: inherit;
}

/* Sold Out Title: */
p.soldouttitle {
	color: white;
	background-color: inherit;
	font-weight: bold;
	margin: 0;
}

/* The cancelledmsg and .cancelled styles are deprecated: */
/* Cancelled? */
.cancelledmsg {
	font-weight: bold;
}

.cancelled {
	color: #808080;
	background-color: inherit;
}

.cancelled a {
	color: #808080;
	background-color: inherit;
}

/* We'll do the same as for sold out.
   This first style does the colour for us for everything except
   the titles, hyperlinks and images (if we want to do anything with those?) */
div.event_cancelled {
	color: #808080;
	background-color: inherit;
}

div.event_cancelled p.event_title {
	color: #808080;
	background-color: inherit;
}

div.event_cancelled p.event_subtitle {
	color: #808080;
	background-color: inherit;
}

div.event_cancelled a {
	color: #808080;
	background-color: inherit;
}

div.event_cancelled a.definition {
	color: #808080;
	background-color: inherit;
}

p.cancelledtitle {
	color: white;
	background-color: inherit;
	font-weight: bold;
	margin: 0;
}