/*
Purple: #5f2a82;
Light Blue: #299ed0;
*/

body {
	background-color: black;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: white;
}

img {
	border: none;
}

.killfloat {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	padding: 0px; 
	margin: 0px;
	display: block;
}

a {
	color: #299ed0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #299ed0;
	font-size: 16px;
	margin: 0px 0px 7px 0px;
	font-weight: normal;
}

h2 {
	color: #299ed0;
	font-size: 14px;
	margin: 0px 0px 7px 0px;
	font-weight: normal;
}

h3 {
	color: #299ed0;
	font-size: 12px;
	margin: 0px 0px 7px 0px;
	font-weight: normal;
}

#body {
	width: 100%;
	background-color: #333333;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
}

.container {
	width: 900px;
	margin: 0px auto;
	position: relative;
	text-align: left;
}

#accessibility {float: right;color: white;margin-top:10px;display:none;}
#accessibility a {color: white;text-transform:uppercase;margin:0px 5px;}
#accessibility a.small {margin-right: 0px;font-size: 10px;}
#accessibility a.normal {margin: 0px 2px;font-size: 13px;}
#accessibility a.large {margin: 0px;font-size: 16px;}
#searchbox {float: right;clear: right;margin: 35px 10px 0px 0px;}
#search {width: 250px;display:block;}
#logo {margin: 10px 0px;display: block;width:170px;height:116px;}

/* Top Navigation */

#main_nav {background-color: #600F87;position: relative;}
#nav_top {font-size: 1px; line-height: 1px;width: 900px;height: 4px;position:absolute;display:block;top:0px;left:0px;}
#nav_top span {width: 100%;height: 4px;display: block;background-repeat: no-repeat;background-image: url(images/nav_tl.png);background-position: 0px 0px;}
#nav_top span span {background-image: url(images/nav_tr.png);background-position: 100% 0px;}
#nav_middle {font-size: 1px; line-height: 1px;width: 900px;height: 4px;position:absolute;display:block;top:44px;left:0px;}
#nav_middle span {width: 100%;height: 4px;display: block;background-repeat: no-repeat;background-image: url(images/nav_ml.png);background-position: 0px 0px;}
#nav_middle span span {background-image: url(images/nav_mr.png);background-position: 100% 0px;}
#nav_bottom {font-size: 1px; line-height: 1px;width: 100%;height: 4px;display:block;padding-top: 6px;clear: left;}
#nav_bottom span {width: 100%;height: 4px;display: block;background-repeat: no-repeat;background-image: url(images/nav_bl.png);background-position: 0px 0px;}
#nav_bottom span span {background-image: url(images/nav_br.png);background-position: 100% 0px;}

* html #nav_top span {background-image: url(images/nav_tl.gif);}
* html #nav_top span span {background-image: url(images/nav_tr.gif);}
* html #nav_middle span {background-image: url(images/nav_ml.gif);}
* html #nav_middle span span {background-image: url(images/nav_mr.gif);}
* html #nav_bottom {height: 10px;padding-top:6px;display:static;}

#header .am_nav {margin: 0px;padding: 0px;width: 900px;}
#header .am_nav li {display: inline;float: left;width: 179px;height: 48px;overflow: hidden;margin: 0px 0px 1px 0px;border-left: solid 1px #6e2b88;}
#header .am_nav li a {display: inline;float: left;width: 178px;height: 48px;overflow: hidden;margin: 0px 0px 1px 0px;padding-right: 1px;background-image: url(images/button_under.png);}
#header .am_nav li a:hover {background-position: 0px -48px;}
#header .am_nav li#nav_home {border-left: none;width: 179px;}
#header .am_nav li#nav_fitness a {padding-right: 0px;width: 179px;}
#header .am_nav li a span {cursor:pointer;display: inline;width: 100%;float: left;background-color: #6B0691;background-image: url(images/button.png);height: 48px;background-repeat: repeat-x;color: white;text-decoration: none;font-size: 14px;text-align: center;}
#header .am_nav li a:hover span {background-image: none;}
#header .am_nav li a span span {text-indent: -1000px;overflow: hidden;background-position: 0px 0px;background-image: url(images/buttons.png);display: block;margin: 22px 0px 0px 48px;width: 89px;height: 15px;}
#header .am_nav li a:hover span span {cursor:pointer;background-image: url(images/buttons.png);background-position: 0px -15px;}
#header .am_nav li#nav_home a span span {background-position: 0px 0px;}
#header .am_nav li#nav_home a:hover span span {background-position: 0px -15px;}
#header .am_nav li#nav_centres a span span {background-position: -89px 0px;}
#header .am_nav li#nav_centres a:hover span span {background-position: -89px -15px;}
#header .am_nav li#nav_memberships a span span {background-position: -178px 0px;}
#header .am_nav li#nav_memberships a:hover span span {background-position: -178px -15px;}
#header .am_nav li#nav_timetables a span span {background-position: -267px 0px;}
#header .am_nav li#nav_timetables a:hover span span {background-position: -267px -15px;}
#header .am_nav li#nav_fitness a span span {background-position: -356px 0px;}
#header .am_nav li#nav_fitness a:hover span span {background-position: -356px -15px;}

* html #header .am_nav li#nav_home {width: 180px;}
* html #header .am_nav li#nav_fitness a {width: 180px;}
* html #header .am_nav li {width: 180px;}
* html #header .am_nav li a {width: 179px;}
* html #header .am_nav li a span span {margin:22px 0px 0px 24px;}

/* popup menu */
#centre-list {display: none;position: absolute;z-index: 1000;background-color: #5f2a82;color: white;width: 179px;overflow: hidden;}
#centre-list ul {padding: 0px;margin: 0px;}
#centre-list li {list-style: none;display: block;width: 179px;margin: 0px;}
#centre-list a {padding: 7px 10px;color: white;display: block;width: 179px;font-size: 14px;}
.centre-list-sub {display: none;position: absolute;z-index: 1001;background-color: #5f2a82;color: white;width: 179px;overflow: hidden;}
.centre-list-sub ul {padding: 0px;margin: 0px;}
.centre-list-sub li {list-style: none;display: block;width: 179px;margin: 0px;}
.centre-list-sub a {padding: 7px 5px;color: white;display: block;width: 179px;font-size: 13px;}

/* Book */
#zest_form {width:240px;}
#zest_form h2 {font-size:18px;margin-top:10px;padding:5px 10px 0px 10px;color: #2B8DD0;}
.book_text {margin: 5px 10px;padding: 5px;width: 210px;background-color:#555;color:white;border:none;}
#book_submit {margin: 10px 10px;float: right;}

/* Promo */

#promo {
	margin-top: 6px;
	width: 900px;
	position: relative;
	background-color: #2C2C2C;
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 173px;
	overflow: hidden;
}

#promo img {
	position: absolute;
	right: 0px;
	top: 0px;
}

#promo>a {
    float: left;
    display: block;
    margin: 20px 0 0 7px;
    clear: left;
}

#promo>a>img {
    position: static;
}

#promo span.foot {
	background-color: #2CAEE4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
	position: absolute;
	bottom: 0px;
	width: 900px;
	display: block;
	height: 20px;
}

#promo_extra {
	float: right;
}

/* Content */

#content {
	min-height: 400px;
}

* html #content {height: 400px;}

.green_header {
	color: white;
	background-color: #8CC340;
	font-size: 18px;
	width: 229px;
	padding: 10px 5px 5px 5px;
	margin: 5px 2px 0px 2px;
	background-image: url(images/header_green.png);
	background-repeat: no-repeat;
	background-position: 0px 100%;
}

* html .green_header { width: 239px; }

.green_body {
	margin: 0px 2px;
	padding: 5px 5px 20px 5px;
	width: 229px;
	background-color: #B3D335;
	color: white;
	font-size: 14px;
	background-image: url(images/footer_green.png);
	background-repeat: no-repeat;
	background-position: 0px 100%;
}

* html .green_body { width: 239px; }

.purple_header {
	color: white;
	background-color: #732E90;
	font-size: 18px;
	width: 229px;
	padding: 10px 5px 5px 5px;
	margin: 5px 2px 0px 2px;
	background-image: url(images/header_purple.png);
	background-repeat: no-repeat;
	background-position: 0px 100%;
}

* html .purple_header { width: 239px; }

.purple_body {
	margin: 0px 2px;
	padding: 5px 5px 20px 5px;
	width: 229px;
	background-color: #9453A1;
	color: white;
	font-size: 14px;
	background-image: url(images/footer_purple.png);
	background-repeat: no-repeat;
	background-position: 0px 100%;
}

* html .purple_body { width: 239px; }

h1 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 24px;
	margin: 5px 0px 10px 0px;
}

#cLeft {
	display: block;
	float: left;
	background-color: #2C2C2C;
	width: 238px;
	padding-bottom: 10px;
}

#cLeft #top {
	font-weight: bold;
	color: white;
	margin: 10px 15px;
	font-size: 18px;
	text-transform: uppercase;
}

#cLeft ul {
	padding: 0px;
	margin: 10px 15px;
	padding: 0px;
}

#cLeft li {
	list-style: none;
}

#cLeft li a {
	background-color: #732b91;
	color: white;
	background-image: url(images/arrow_1.png);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	border-bottom: solid 1px #572d6a;
	margin-bottom: 1px;
	display: block;
	padding: 3px 0px 3px 15px;
}

#cLeft li li a{
	background-color: transparent;
	border-bottom: none;
	background-image: url(images/arrow_2.png);
}

#cLeft h3 {
	font-weight: bold;
	color: white;
	margin: 5px 10px;
	font-size: 14px;
}

#cMiddle {
	display: block;
	float: left;
	width: 401px;
	margin: 0px 10px;
}

#cRight {
	width: 239px;
	display: block;
	float: left;
}

#cRight .bigLink {
	display: block;
	margin: 10px 3px;
	font-size: 24px;
}
/*
#attachments {
	background-color: #B3D335;
	color: #333;
	font-size: 14px;
	margin: 10px 0px;
	padding: 0px 0px 10px 0px;
}

#attachments h3 {
	color: white;
	padding: 5px;
	background-color: #8CC340;
	font-size: 18px;
	font-weight: bold;
}

* html #attachments h3 {
	width: 100%;
}
*/
#attachments .priceT {
	float: left;
	width: 65%;
	margin: 2px 2px 2px 10px;
}

#attachments a {
	margin: 2px 2px 2px 10px;
	display: block;
	color: black;
}

#footer {
	border-top: solid 3px #5f2a82;
	padding-top: 5px;
}

#footer p {
	padding: 5px 0px;
	margin: 0px;
}

#footer-left {
	float: left;
	font-size: 10px;
	color: white;
	display: block;
	width: 200px;
	margin-bottom: 15px;
}

#footer-right {
	font-size: 12px;
	float: right;
	display: block;
	width: 400px;
	text-align: right;
	margin-bottom: 15px;
}

#footer-right a {
	color: white;
}
