body { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; margin:0px; background-color:#99CCFF; }
.body { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; }
a:link, a:visited { color: #333333; text-decoration: none; }
a:hover, a:active { color: #FF9900; text-decoration: none; }

h1 { font-size: 30px; color: #000000; font-weight: normal; text-transform: none; text-align: center; text-decoration:none; text-indent: 0px; vertical-align: middle; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.5em; }
h2 { font-size: 16px; color: #000000; font-weight: bold; text-transform: capitalize; text-align: center; text-decoration:none; text-indent: 0px; vertical-align: middle; padding: 10px 0px 5px 0px; margin: 0px 0px 0px 0px; }
h3 { font-size: 14px; color: #000000; font-weight: bold; text-transform: capitalize; text-align: left; text-decoration:none; text-indent: 0px; vertical-align: middle; padding: 10px 10px 5px 10px; margin: 0px 0px 0px 0px; clear: both; }
h4 { font-size: 14px; color: #000000; font-weight: normal; text-transform: capitalize; text-align: center; text-decoration:none; text-indent: 0px; vertical-align: middle; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; }
h5 { font-size: 16px; color: #000000; font-weight: bold; text-transform: capitalize; text-align: left; text-decoration:none; text-indent: 0px; vertical-align: middle; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; }

.heading { font-size:12px; font-weight:bold; color:#333333; }
.heading-c { font-size:12px; font-weight:bold; color:#333333; text-align:center; }
.heading-r { font-size:12px; font-weight:bold; color:#333333; text-align:right; }

.body-large { font-size: 12px; }						.body-bold { font-weight: bold; }
.body-right { text-align: right; }						.body-centred { text-align: center; }
.body-small { font-size: 9px; }							.body_spaced { line-height: 1.5em; }
.body-small-r { font-size: 9px; text-align: right; }	.body-indented { padding-left: 20px; }
.body-small-c { font-size: 10px; text-align: center; font-weight: bold; }
.body-med-c { font-size: 12px; text-align: center; }
.body-small-g { font-size: 9px; color: #666666; }
.indication-red { color:#CC0000; }						.breadcrumbs { color: #666666; font-size: 9px; }
.indication-green { color: #006600; }					.heading-hl { font-style: italic; }						
.indication-blue { color: #006699; }					
.weatherTitle { font-size:16px; color:#FFFFFF; font-weight:bold; }
.weatherSubTitle { font-size:14px; color:#FFFFFF; font-weight:normal; }
.weatherWarning { font-size:14px; color:#FFFFFF; background-color:#CC0000; border:solid 1px #000000; font-weight: bold; text-transform: uppercase; text-align: center; vertical-align: middle; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; }
.weatherWarning a:hover, .weatherWarning a:active { color:#FFFFCC; text-decoration:none; }
.weatherWarning a:link, .weatherWarning a:visited { color:#FFFFFF; text-decoration:none; }

.topmenu { font-size:12px; color:#FFFFFF; text-align: center; vertical-align: middle; font-weight:bold; }
.topmenu a:hover, .topmenu a:active { color:#FFFFCC; text-decoration:none; }
.topmenu a:link, .topmenu a:visited { color:#FFFFFF; text-decoration:none; }

#content { width: 680px; padding: 10px; }
#content_Intro { width: 680px; padding: 10px; line-height:1.5em; }
#order_online p{ font-size: 14px;}

.list { border-bottom: 1px dotted #86A558; }
.list a:link, .list a:visited { color: #000000; text-decoration:none; }
.list a:active, .list a:hover { color: #FFCC00; text-decoration:none; }
.list-headings { color: #000000; font-size: 12px; font-weight: bold; vertical-align: middle; text-align: left; line-height: 20px; text-decoration:none; padding: 2px 0px; }
.list-headings-c { color: #000000; font-size: 12px; font-weight: bold; vertical-align: middle; text-align: center; line-height: 20px; text-decoration:none; padding: 2px 0px; }
.list-options { font-size: 10px; font-weight: normal; background-color: #E3E8EE; vertical-align: middle; text-align: right; line-height: 20px; text-decoration:none; padding: 2px 2px 2px 2px; }
.list-nav { background-color: #F4D5DB; font-size: 12px; font-weight: normal; vertical-align: middle; text-align: center; line-height: 20px; text-decoration:none; padding: 2px 2px 2px 2px; border-top: 1px solid #990000; border-bottom: 1px solid #990000;}
.list-body { padding: 1px 2px 1px 2px; vertical-align: middle; }

/*//////////////////// EVENTS LIST /////////////////////*/
#events { width: 240px; padding: 0px; margin: 0px; }
#events_label { height:45px; background-image: url(/skins/0000000001/events.gif); background-repeat:no-repeat; background-position:center; }
#events_help { padding: 5px 14px 5px 5px; color: #FFFFFF; }
.event a:link, .event a:visited { color: #FFFFFF; display: block; padding: 2px 4px 2px 4px; margin: 3px 4px 2px 4px; text-align: left; text-decoration:none; }
.event a:hover, .event a:active { color: #DDDDDD; display: block; padding: 2px 4px 2px 4px; margin: 3px 4px 2px 4px; text-align: left; text-decoration:none; }
.event_category { padding: 0px 14px 0px 7px; color: #FFFFFF; font-size: 70%; text-align: left; }
.event_details { padding: 0px 14px 10px 7px; color: #FFFFFF;  font-size: 85%; text-align: left; }
.event_more a:link, .event_more a:visited { text-align: right; color: #819B75; padding: 5px 10px 5px 5px; text-decoration:none; }
.event_more a:hover, .event_more a:active { text-align: right; color: #CC9900; padding: 5px 10px 5px 5px; text-decoration:none; }
#fees { width: 680px; padding: 10px; margin: auto; }
#instances { width: 680px; padding: 10px; margin: auto; }
#events_calendarView { width:560px; margin:0px; padding:5px 5px 5px 10px; clear:left; float:left; }
#calendar { padding:0px; }
.calWeekdays { width: 80px; float: left; text-align: center; padding: 10px 0px 3px 0px; } 
.calDay { width: 78px; height: 98px; float: left; text-align: center; border: 1px solid #FFBC57; } 
.calSpare { width: 78px; height: 98px; float: left; text-align: center; color: #999999; border: 1px solid #FFBC57; background-color: #EEEEEE; } 
.calEvent { width: 100%-3px; height: 12px; overflow:hidden; clear: both; text-align: left; vertical-align: middle; padding-left: 3px; }
.calDate { width: 100%; font-size: 10px; font-weight: bold; text-align: center; display: block; background-color: #EEEEEE; }
.eventPopup { background-color:#FFFFFF; color:#000000; border:1px solid #000000; position:absolute; top: 0; left: 0; width:200px; display:none; }
a.eventPopup:link, a.eventPopup:visited { color:#000000; background-color:#FFFFFF; text-decoration:none; padding:2px 3px 2px 3px; margin:0px 0px 0px 0px; display:block; _height: 1em; }
a.eventPopup:hover, a.eventPopup:active { color:#000000; background-color:#CCCCCC; text-decoration:none; padding:2px 3px 2px 3px; margin:0px 0px 0px 0px; display:block; _height: 1em; }

.body_Table { width: 680px; margin: 0px 10px 0px 10px; }
.body_spacer_v { width: 10px; }
.body_spacer_h { height: 10px; }
.half_body { width:318px; background-color:#EEEEEE; border:1px solid #999999; padding: 0px 10px 0px 10px; vertical-align: top; }

/*//////////////////// MERCURY FORMS /////////////////////*/
#MERC_form { width:650px; margin:auto; }
#MERC_formTable { width:100%; border:none; padding:0px; margin:0px; clear:both; overflow:auto; }
#MERC_formSubmit { width:100%; line-height:40px; margin:3px; padding:3px; text-align:center; vertical-align:middle; clear:both; overflow:auto; }
.MERC_formSection { width:100%; font-size: 14px; font-weight:bold; text-align:center; background-color:#F2F7FB ; color:#006699; border-top: 1px dashed #006699; border-bottom: 1px dashed #006699; margin:3px 3px 3px 3px; padding:3px; clear:both; overflow:auto; }
.MERC_formSpacer { width:100%; line-height:15px; clear:both; overflow:auto; }
.MERC_formRow { width:100%; line-height:20px; margin:3px; padding:3px; clear:both; overflow:auto; }
.MERC_formLeft { width:225px; font-size: 12px; color: #000000; font-weight: normal; text-transform: capitalize; text-align: right; text-decoration: none; line-height: 20px; float:left; margin-right:5px; }
.MERC_formRight { width:420px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align:left; float:left; }
.MERC_formField { background-color: #FAFDFD; border: 1px solid #006699; padding: 3px 3px 3px 3px; }
.MERC_formHeading { font-size: 14px; font-weight:bold; text-align:center; background-color:#F2F7FB ; color:#006699; border-top: 1px dashed #006699; border-bottom: 1px dashed #006699; padding: 3px 0px 3px 0px; }
.MERC_formHeading2 { font-size: 14px; font-weight:bold; text-align:center; color:#006699; }
.MERC_formRequired { color: #CC0000; }

#ECMS_menu { width:100%; height:30px; background-color:#003399; font-size:14px; position:relative; z-index:10; }
.ECMS_menuOption { width:87px; height:30px; float:left; margin:0px; position:relative; z-index:20; line-height:30px; vertical-align:middle; text-align:center; background-color:#003399; color:#FFFFFF; display:block; cursor:pointer;}
.ECMS_menuOption a:link, .ECMS_menuOption a:visited { text-decoration:none; color:#FFFFFF; background-color:#003399; display:block; }
.ECMS_menuOption a:hover, .ECMS_menuOption a:active { text-decoration:none; color:#003399; background-color:#FFFFFF; display:block; }
.ECMS_dropDown { z-index:100; float:left; font-size:12px; text-align:left; line-height:16px; }

/*//////////////////// OLD STYLES /////////////////////*/
.body-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: lowercase;
	text-align: left;
}
.body-linkcentred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: lowercase;
	text-align: center;
	text-decoration: none;

}
.body-link-large-centred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	text-align: center;
	text-decoration: none;

}
.plug {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #006699;
	text-decoration: none;
	text-align: center;
}
.title-small {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #006699;
	text-decoration: none;
	text-align: center;
}
.body-large-centred {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #006699;
	text-transform: capitalize;
}
.body-large-right {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	text-decoration: none;
	color: #006699;
	text-transform: capitalize;
}
.body-xlarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	color: #006699;
	text-transform: capitalize;
	font-weight: bold;

}
.body-xlarge-red {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #CC0000;
	text-transform: uppercase;
	font-weight: bold;
}
.body-just {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	text-decoration: none;
	color: #000000;
}
.body-large-red {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color: #CC0000;
	text-transform: capitalize;
	font-weight: bold;
}
.body-xlarge-centred-white {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.body-lottery {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	color: #006699;
}
.body-centred-red {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	color: #CC0000;
}
.body-right {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	text-decoration: none;
	color: #000000;
}
.body-red {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	color: #CC0000;
}
.perm-wh-on-bl-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	text-align: center;
	vertical-align: middle;
}
.perm-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #E0DFE3;
	text-indent: 10px;
	vertical-align: middle;
}
.perm-heading-just {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #E0DFE3;
	text-indent: 10px;
	vertical-align: middle;
	text-align: justify;
}
.perm-heading-just-b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #E0DFE3;
	text-indent: 10px;
	vertical-align: middle;
	text-align: justify;
	font-weight: bold;
}
.perm-important {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	text-align: center;
	text-transform: uppercase;
}
.perm-heading-just-bc {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-indent: 10px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}