* { margin: 0; padding: 0; }
ul { list-style: none; }
a img { border: none; }

/* General
------------------------------------------ */
body {
	background: #fff;
	text-align: center;
	}

.clear {
	clear: both;
	}

.picRight {
	float: right;
	padding: 0 0 10px 10px;
	}

#wrap {
	width: 960px;
	margin: 0 auto;
	text-align: left
	}
	
/* Colours */
.grey {color: #808080 ! important;}
.orange {color: orange ! important;}
.blue {color: #006699 ! important;}
.purple {color: #9966CC ! important;}
.green {color: #7aba24 ! important;}
.red {color: #CC0000 ! important;}
	

/* Links  
------------------------------------------ */
a:link, a:visited {
	color: #808080;
	}
a:hover, a:active {
	color: #333;
	}

/*  Header
------------------------------------------ */
#header {
	border-bottom: 10px solid #fff;
	}

#logo {
	float: left;
	}
		
#navGlobal {
	float: right;
	}

#navGlobalList ul {
	padding-top: 10px;
	text-align: right;
	}

#navGlobalList ul li {
	display: inline;
	padding-left: 8px;
	}
				
#navGlobalSearch {
	text-align: right;
	padding-top: 38px;
	}

#navGlobalSearch input {
	padding: 3px;
	margin-left: 5px;
	color: #888;
	font-weight: bold;
	}


/*  Primary Navigation - Flash Nav
------------------------------------------ */

#navPrimary {
	border-bottom: 3px solid #fff;
	width: 960px;
	height: 190px;
	}

#navPrimary .backupNav {
	list-style: none;
	overflow: hidden;
	width: 960px;
	}

#navPrimary .backupNav li {
	display: inline;
	}

#navPrimary .backupNav li a {
	display: block;
	height: 190px;
	width: 76px;
	float: left;
	text-indent: -999em;
	xbackground: red;
	}

#navPrimary .backupNav li.block_0 a {
	width: 71px;
	}

#navPrimary .backupNav li a:hover {
	}

#navPrimary .section_0 { background: url(/images/header_0.jpg) 0 0 no-repeat;	}
#navPrimary .section_1 { background: url(/images/header_1.jpg) 0 0 no-repeat;	}
#navPrimary .section_2 { background: url(/images/header_2.jpg) 0 0 no-repeat;	}
#navPrimary .section_3 { background: url(/images/header_3.jpg) 0 0 no-repeat;	}
#navPrimary .section_4 { background: url(/images/header_4.jpg) 0 0 no-repeat;	}
#navPrimary .section_5 { background: url(/images/header_5.jpg) 0 0 no-repeat;	}
#navPrimary .section_6 { background: url(/images/header_6.jpg) 0 0 no-repeat;	}

#navPrimary .section_0 li.block_0 a,
#navPrimary .section_1 li.block_1 a,
#navPrimary .section_2 li.block_2 a,
#navPrimary .section_3 li.block_3 a,
#navPrimary .section_4 li.block_4 a,
#navPrimary .section_5 li.block_5 a {
	margin-right: 429px;
	}



	
/*  Main Content and Columns 
------------------------------------------ */

#mainWrap {
	border: 1px solid #ccc;
	padding: 10px;
	}

#main { }

.twocol { background: url(/images/main-bg_2col.gif) top right repeat-y;	}
.threecol { background: url(/images/main-bg_3col.gif) top right repeat-y; }

#mainContent {
	float: left;
	margin-left: 15px;
	width: 560px;
	overflow: hidden;
	}

.mainContentColumnLeft {
	width: 270px;
	float: left;
	}

.mainContentColumnRight {
	width: 270px;
	float: right;
	}

#mainContent .content {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	padding-right: 10px;
	}


/* --- General Definitions --- */

h2	{
 	font: 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;
	color: #24408f;
	}

h3	{
	font: bold 13px/16px Verdana, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 0 8px 0;
	}

h4	{
	font: 13px/16px Verdana, Lucida Grande, Geneva, Helvetica, sans-serif;
	color: #000;
	margin: 12px 0 8px 0;
	}

.border {
	border-top: 1px dashed #ccc;
	padding-top: 10px;
	margin-top: 15px;
	}

.bold {
	font-weight: bold;
	color: #20287f !important;
	}

h5	{
	font: 10px/14px Verdana, Lucida Grande, Geneva, Helvetica, sans-serif;
	color: #777;
	font-weight: bold;
	margin: 0 0 8px 0;
	}


p,
li,
td,
label,
dl {
	font: 10px/14px Verdana, Lucida Grande, Geneva, Helvetica, sans-serif;
	color: #000;
	}

p,
ul,
ol,
table,
dl {
	margin-bottom: 8px;
	}

blockquote p {
	font: 14px/18px Arial, Helvetica, sans-serif;
	}

#mainContent ul {
	margin-left: 1.2em;
	list-style: disc outside
	}

#mainContent ol {
	margin-left: 2em;
	}


/* Nav Secondary
------------------------------------------ */

#navSecondary {
	width: 180px;
	float: left;
	border-top: 8px solid #888;
	background: url(/images/navSecondaryBg1.gif) bottom right no-repeat;
	}

.static #navSecondary {
	width: 180px;
	float: left;
	border-top: none;
	background: transparent;
	}

#navSecondary ul {
	margin: 0 1px 30px 1px;
	width: 178px;
	}

#navSecondary ul.recent_articles { margin-bottom: 8px; }

#navSecondary li { 
	margin: 0;
	font-weight: bold;
	}

#navSecondary a {
	display: block;
	padding: 8px 10px;
	width: 158px;
	color: #888;
	background-color: #ddd;
	text-decoration: none;
	}
	
#navSecondary a:hover {
	color: #fff;
	text-decoration: none;
	}

#navSecondary a#current {
	color: #fff;
	}

#navSecondary ul ul {
	margin: 5px 0 8px 0;
	}	
	#navSecondary ul ul li { 
		margin: 0 0 0 0px;
		font-weight: normal;
		border: 0;
		}
		#navSecondary ul ul a {
			display: block;
			padding: 3px 5px 3px 12px;
			width: 160px;
			color: #888;
			background-color: transparent;
			background-position: -5000px;
			background-repeat: no-repeat;
			text-decoration: none;
			}	
			#navSecondary ul ul a:hover {
				color: #333;
				background-color: transparent;
				background-position: center left;
				text-decoration: none;
				}
				#navSecondary ul ul a#subcurrent {
					font-weight: bold;
					background-position: center left;
					}

					#navSecondary ul span {
						display: none;
					}



/* Home page specific   
------------------------------------------ */

.homepage #navSecondary {
	width: 180px;
	float: left;
	border-top: none;
	background: none;
	}

.homepage #navSecondary #booking,
.homepage #navSecondary #promotions {
	border-top: 8px solid #888;
	padding: 10px;
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 10px;
	}

.homepage #navSecondary #booking { background-image: url(/images/navSecondaryBg1.gif); }
.homepage #navSecondary #promotions { background: url(/images/home_promotions_bg.gif) bottom right no-repeat; }

.homepage #booking h3 {
	color: #d73451;
	background: url(/images/home_booking_h3-bg_sm.gif) bottom right no-repeat;
	padding: 0 0 20px 0;
	}

.homepage #promotions h3 { color: #fff; }
.homepage #membership h3 { color: #d73451; }
.homepage #extra h3 { color: #20287f; }

.homepage #navSecondary #booking p { color: #000; }
.homepage #navSecondary #promotions p { color: #fff; }


.homepage #navSecondary a {
	display: inline;
	padding: 0 0 0 0;
	width: auto;
	background-color: transparent;
	text-decoration: underline;
	}

.homepage #navSecondary #booking a { color: #000; }
.homepage #navSecondary #promotions a { color: #fff; }

.homepage #navSecondary a:hover {
	text-decoration: underline;
	}

.homepage #announcement {
	border-top: 8px solid #d73451;
	border-bottom: 1px dotted #888;
	padding: 0 0 10px 0;
	}

.homepage .february {
	background: url(/images/home_seasonal_feb_bg-kid.jpg) top right no-repeat;
	padding: 0 0 80px 0;
	}

.homepage .february h2 { padding-right: 60px; }
.homepage .february p { padding-right: 150px; }

.homepage #membership {
	background: url(/images/home_membership_bg.gif) bottom right no-repeat;
	border-top: 8px solid #888;
	padding: 10px;
	}

.homepage h2 {
	margin-top: 10px;
	}

.homepage #extra h3 {
	border-top: 1px dashed #000;
	padding-top: 10px;
	margin-top: 10px;
	}

.homepage #extra h3.first {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
	}

.homepage #extra h3.lookup {
	background: url(/images/arrowGrey.gif) top right no-repeat;
	}




/* --- Conference Enquiry Form --- */

#conference-enquiry {
	margin-top: 15px;
	}

#conference-enquiry .zemContactForm fieldset { border: none; }
#conference-enquiry .zemContactForm legend { display: none; }

#conference-enquiry .zemContactForm label.zemText,
#conference-enquiry .zemContactForm label.zemTextarea {
	float: left;
	width: 140px;
	margin-top: 3px;
	margin-right: 10px;
	text-align: right;
	}

#conference-enquiry .zemContactForm input.zemCheckbox {
	margin: 0 0 0 150px;
	}

#conference-enquiry .zemContactForm .zemText,
#conference-enquiry .zemContactForm .zemTextarea {
	margin-bottom: 5px;
	}

#conference-enquiry .zemContactForm br {
	clear: left;
	}

#conference-enquiry .zemContactForm input.zemSubmit {
	clear: left;
	margin: 10px 0 0 150px;
	font-size: 14px;
	}

#conference-enquiry .zemContactForm h4 {
	margin-left: 100px;
	}




/* --- Plan a Journey Form --- */

#journey-form { margin-top: 15px; }

#journey-form .zemContactForm fieldset { border: none; }
#journey-form .zemContactForm legend { display: none; }

#journey-form .zemContactForm label.zemText,
#journey-form .zemContactForm label.zemTextarea {
	float: left;
	width: 70px;
	margin: 3px 10px 0 0;
	text-align: right;
	}

#journey-form .zemContactForm input {
	xmargin-top: 8px;
	}

#journey-form .zemContactForm br {
	clear: left;
	}

#journey-form .zemContactForm div.threecolumns {
	margin: 10px 0 0 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	width: 560px;
	}

#journey-form .zemContactForm div.column {
	float: left;
	width: 165px;
	margin: 10px 20px 10px 0;
	}

#journey-form .zemContactForm div.column ul {
	margin-left: 17px;
	}

#journey-form .zemContactForm div.column ul li a {
	text-decoration: none;
	}

#journey-form .zemContactForm div.column ul li a:hover {
	text-decoration: underline;
	}

#journey-form .zemContactForm input.zemSubmit {
	clear: left;
	margin: 10px 0 0 80px;
	font-size: 14px;
	}


/* --- Sports in the community --- */

.backtotop {
	background: url(/images/backtotop.gif) 0 5px no-repeat;
	padding-left: 9px;
	margin: 0 0 30px 20px;
	text-decoration: none;
	color: #808080 !important;
	}

#sportsnav ul {
	width: 560px;
	overflow: hidden;
	margin-bottom: 25px;
	margin-left: 0;
	list-style: none;
	}

#sportsnav ul li {
	text-align: center;
	background: #ccc;
	border-right: 1px solid #fff;
	width: 20px;
	line-height: 20px;
	float: left;
	}
	
#sportsnav ul li a {
	display: block;
	width: 20px;
	line-height: 20px;
	background: #96C;
	color: #fff;
	text-decoration: none;
	}

#sportsnav ul li a:hover {
	color: #000;
	background: orange;
	text-decoration: underline;
	}



/* --- Events --- */

.eventinfo h4  {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-top: 15px;
	}

#eventsearch {
	margin-bottom: 20px;
	}


/* --- Enquiries and Booking for Kids --- */

#kidenquiries {
	background: #e5f0d5 url(/images/kids_enquiry_bottom.gif) bottom left no-repeat;
	padding-bottom: 10px;
	}

#kidenquiries p {
	font-weight: bold;
	}

#kidenquiries dl {
	background: #e5f0d5 url(/images/kids_enquiry_top.gif) 0 0 no-repeat;
	padding: 10px 15px 0 15px;
	}

#kidenquiries dl dt {
	margin-top: 0.5em;
	}


/* --- General search results --- */

#searchresults dl dt {
	font: 13px/16px Verdana, Lucida Grande, Geneva, Helvetica, sans-serif;
	padding-top: 13px;
	border-top: 1px solid #ccc;
	margin: 13px 0 8px 0;
	}

#searchresults dl dd {
	margin: 0 0 5px 15px;
	}

#searchresults dl dd.searchbreadcrumb {
	color: #afafaf;
	}

#searchresults dl dd.searchbreadcrumb a {
	text-decoration: none;
	}

#searchresults dl dd.searchexcerpt strong {
	font-weight: normal;
	background: #ff6;
	}


/* Extra Content
------------------------------------------ */
#extra {
	border-top: 10px solid #a3cd66;
	padding: 10px 0 0 10px;
	width: 160px;
	float: right;
	}

#extra .content {
	padding: 0 0 10px 5px;
	}

#extra #downloads {
	background: url(/images/downloads_arrow.gif) top right no-repeat;
	padding-right: 37px;
	}

#extra #downloads ul li {
	background: url(/images/downloads_list_arrow.gif) 0 5px no-repeat;
	padding-left: 10px;
	}

#extra #bookonline,
#extra #becomemember {
	width: 130px;
	padding: 6px 10px 2px 10px;
	margin-bottom: 10px;
	}

#extra #bookonline {
	background: url(/images/bg_extra_bookonline.gif) bottom left no-repeat;
	border-top: 8px solid #7aba24;
	}

#extra #bookonline h3 { color: #7aba24; }

#extra #becomemember {
	background: url(/images/bg_extra_becomemember.gif) bottom left no-repeat;
	border-top: 8px solid orange;
	}

#extra #becomemember h3 { color: orange; }


/* Popup
------------------------------------------ */

#popup {
	margin: 20px;
	}


/* Footer   
------------------------------------------ */
#footer {
	padding: 15px;
	text-align: center;
	font-size: 0.9em;
	}

#footer p a {
	text-decoration: none;
	}