/* === set all margins and paddings to 0 for consistency === */
* {
	margin: 0;
	padding: 0;
} 
/* ============ elements & gloabal settings ======= */
body {
	padding: 0;
	margin: 1em 0;
	font: 76% verdana, arial, helvetica, sans-serif; 
	color: #030506; 
	background: #22267e url(../images/bg_fade.gif) repeat-x top;
}
/* ------------ relative font sizes --------------- */
h1 {
	font-size: 2.0em; 
} 
h2 { 
	margin: 0; 
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em; 
}
h4 {
	font-size: 1.3em;
	margin: 1em 0;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
}
p, ol, ul, li {
	font-size: 1.0em; 
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'century gothic', arial, helvetica, sans-serif;
	color: #112e8f;
}
/* ------------ line heights ---------------------- */
/*p, .newsbody, li {
	line-height: 1.6em;
}
ul.box li {
	line-height: 1.4em;
}*/
/* ------------ margins --------------------------- */
h3, h4, h5, h6 {
	margin-bottom: 0.2em;
}
h4.box {
	margin-bottom: 0.6em;
}
h5, h6 {
	margin-bottom: 0;
}
/* adjacent sibling selectors not supported by: 
ie except ie5 (mac)
nn4
opera 3.5 */
h5 + p, h6 + p {
	margin-top: 0;
}
p {
	margin: 1em 0 0 0;
}
/* ------------ misc elements --------------------- */
address {
	display: inline;
	font-style: normal;
	font-weight: normal;
}
img {
	border: none;
}
a {
	font-weight: bold;
}
a:link, a:visited {
	color: #3B9BE4;
	text-decoration:none;
}
a:active, a:hover {
	color: #ffb900;
	text-decoration:underline;
}

a.inflatable{
	font-weight: normal;
}
a.inflatable:link, a.inflatable:visited {
	color: #84bf20;
	text-decoration:none;
}
a.inflatable:active, a.inflatable:hover {
	color: #84bf20;
	text-decoration:underline;
}

label {	
	display: block;
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin-top: 1em;
	margin-bottom: 3px;
	color: #112E8F;
}
input.button {
	margin-top: 1em;
}
span.required {
	color: #ccc;
	font-size: .9em;
	color: #ffb900;
}

/*.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
*/
/* slightly enhanced, universal clearfix hack */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*home page*/

.homeCont-leftCol {
	float: left; 
	width: 323px;
	
}
.homeCont-leftCol img, .homeCont-rightCol img {
	display: block;
}
.homeCont-rightCol {
	float: left; 
	width: 493px;
	
}
.homeCont-contents {
	width: 472px;
	border-width: 0 2px;
	border-style: solid;
	border-color: #1156c2;
	background: #4898d2;
}
.homeCont-contents .col1 {
	float: left;
	width: 211px;	 
}
.homeCont-contents .col2 {
	float: left;
	width: 227px; /* includes margin on left of 16px */
	/*background: #0f0;*/
}
.homeCont-contents .col2 div.padding {
	margin-left: 16px;
	/*background: #f00;*/
}
.homeCont-contents .col1 ul, .homeCont-contents .col2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #fff;
}
.homeCont-contents .col1 li, .homeCont-contents .col2 li {
	clear: left;
	font-size: 0.9em;
	margin-bottom: 10px;
}
.homeCont-contents .col1 .img, .homeCont-contents .col2 .img {
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
} 
.homeCont-contents .col1 img, .homeCont-contents .col2 img {
	display: block;
}
.homeCont-contents .col1 h4, .homeCont-contents .col2 h4 {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	margin: 0;
}
.homeCont-contents .col1 h4 a:link, .homeCont-contents .col2 h4 a:link {
	color: #fff;
	text-decoration: none;
}
.homeCont-contents .col1 h4 a:visited, .homeCont-contents .col2 h4 a:visited {
	color: #fff;
	text-decoration: none;
}
.homeCont-contents .col1 h4 a:hover, .homeCont-contents .col2 h4 a:hover {
	color: #22267e;
	text-decoration: underline;
}
.homeCont-contents .col1 p, .homeCont-contents .col2 p {
	margin: 0;
	font-size: 0.9em;
}

div#box-green {
	background: url(../images/bg_box_green_top.gif) no-repeat top;
	clear: both;
	margin-top: 10px;
	color: #fff;
}
div#box-green img {
	display: block;
}
div#box-green h4 {
	color: #143b30;
	margin: 0.5em 0 0 10px;
	font-size: 1.2em;
}
div#box-green p {
	color: #fff;
	margin-left: 10px;
	margin-bottom: 0;
	margin-top: 0.5em;
	font-size: 0.9em;
}
div#box-green a {
	text-decoration: underline;
}
div#box-green a:link, div#box-green a:visited {
	color: #fff;
}
div#box-green a:active, div#box-green a:hover {
	color: #000;
}



/* ============  MAIN PAGE BLOCKS ================= */

div#wave-background {
	background: url(../images/bg_waves.gif) no-repeat top;
}
div#shell-container {
	width: 850px;
	margin: 0 auto;
	border: 2px solid #6cb7f3;
	background: #f8fbff;
}
div.header {
	background: #0182cd url(../images/bg_header.gif) no-repeat bottom;
}
div.header img {
	display: block;
}
div#header-logo {
	width: 108px;
	float: left;
}
div#header-nav {
	width: 742px;
	float: left;
}

div#header-contact {
	width: 252px;
	float: left;
	padding-top: 20px;
}
div#header-contact p {
	margin: 0;
	width: 215px;
	height: 80px;
	padding-left: 30px;
}
div#header-contact p span {
	visibility: hidden;
}
div#header-contact a {
	text-decoration: none;
}
div#header-contact a:link, div#header-contact a:visited {
	background: url(../images/button_contact.gif) no-repeat bottom;
	display: block;
	height: 80px;
}
div#header-contact a:active, div#header-contact a:hover {
	background: url(../images/button_contact.gif) no-repeat top;
	display: block;
	height: 80px;
}

div#header-subnav {
	width: 490px;
	float: left;
	text-align: right;
}
div#header-subnav ul {
	list-style: none;
	margin-top: 72px;
	padding-bottom: 6px;
}
div#header-subnav ul li {
	display: inline;
	border-left: 1px solid #fff;
	padding: 6px 12px 6px 15px;
	font-size: 1.0em;
} 
div#header-subnav a {
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 6px;
}
div#header-subnav a:link, div#header-subnav a:visited {
	color: #fff;	
}
div#header-subnav a:active, div#header-subnav a:hover {
	color: #fbc534;
}
div#header-subnav ul li#active a {
	color: #fbc534;
}
div#page-title {
	background: #6db7f3 url(../images/bg_pagetitle.gif) repeat-x top;
	padding: 0.8em 1.6em 1.6em 1.7em;
}
div#page-title h2 {
	margin: 0;
	padding: 0;
}
div#page-title p { 
	color: #112e8f;
} 
div#page-title a { 
	text-decoration: underline;
} 
div#page-title a:link, div#page-title a:visited {
	color: #282F8A;
}
div#page-title a:active, div#page-title a:hover {
	color: #000;
}

/* ============  NAVIGATION TABS ================= */

#nav-tabs {
	width: 100%;
	line-height: normal;
	text-align: center;
}
#nav-tabs ul {
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
	float: right;
}
#nav-tabs li {
	float: left;
	background: url(../images/tab_left.gif) no-repeat left bottom;
	margin: 0 -1px 0 -1px;
	padding: 0 0 0 13px;
	text-align: center;
	font-size: 0.9em;
}
#nav-tabs a {
	float: left;
	display: block;
	background: url(../images/tab_right.gif) no-repeat right bottom;
	padding: 6px 13px 9px 1px;
	text-decoration: none;
	font-weight: bold;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav-tabs a {float: none;}
/* End IE5-Mac hack */

#nav-tabs a:link, #nav-tabs a:visited {
	color: #fff;
}
#nav-tabs a:active, #nav-tabs a:hover {
	color: #fbc534;
}
#nav-tabs #active {
	background: url(../images/tab_left_active.gif) no-repeat left bottom;
}
#nav-tabs #active a {
	background: url(../images/tab_right_active.gif) no-repeat right bottom;
	color: #0037af;
}

#pagebodycontent {
	background: transparent;
}
div#content-container {
	padding: 17px;
}

/* Change the page styles for the zone youth gym page */
div#content-container-zone {
	padding: 17px;
	background: #C01C59;
	color: #fff;
}
div#content-container-zone h3 {
	color: #fff;
}
div#content-container-zone h4 {
	color: #ffbdd6;
}
div#content-container-zone a {
	font-weight: bold;
	text-decoration:none;
}
div#content-container-zone a:link, div#content-container-zone a:visited {
	color: #76c4f1;
}
div#content-container-zone a:active, div#content-container-zone a:hover {
	color: #fff;
}

/* Change the page styles for the party zone page */
div#content-container-party {
	padding: 17px;
	background: #c4df07;
	border-top: 2px solid #fff;
	color: #1e3b02;
}
div#content-container-party h3 {
	color: #448503;
}
div#content-container-party h4 {
	color: #448503;
}

 





div.footer {
	background: #105cac url(../images/bg_footer.gif) no-repeat top;
	font-size: 0.8em;
	color: #fff;
	padding: 17px 0 0 0;
}
div.footer p {
	margin: 0;
}


div.footer-zone {
	background: #105cac url(../images/bg_footer_zone.gif) no-repeat top;
	font-size: 0.8em;
	color: #fff;
	padding: 17px 0 0 0;
}
div.footer-zone p { 
	margin: 0;
} 

div.footer-party {
	background: #105cac url(../images/bg_footer_party.gif) no-repeat top;
	font-size: 0.8em;
	color: #fff;
	padding: 17px 0 0 0;
}
div.footer-party p {
	margin: 0;
}

div#footer-left {
	width: 462px; 
	float: left;
	padding: 4px 8px 8px 8px;
}
div#footer-left p {
	margin-top: 1.1em;
}
div#footer-left a:link, div#footer-left a:visited {
	color: #fff;
}

div#footer-left strong {
	text-transform: uppercase;
	font-size: 0.9em;
}
div#footer-right {
	width: 362px;
	float: left;
	text-align: right;
	padding: 8px 8px 8px 0;
}

/* ============ news/vacancies/courses page =============== */
.vacanciesList ul, .coursesList ul {
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
}
.vacanciesList ul li {
	margin-bottom: 1em;
	margin-left: 0;
	padding-left: 0;
}
.vacanciesList h5 {
	font-size: 1.2em;
	display: inline;
	color: #000;
}
.vacanciesList p {
	display: inline;
}

/* ============ misc content styles =============== */
p.info, div.info {
	font-weight: bold;
	/*background: #f8e3d5 url(../images/icon_info.gif) no-repeat 0.5em 0.4em;*/
	background: #f9efc5 url(../images/icon_info.gif) no-repeat 0.5em 0.4em;
	margin: 1em 0;
	padding: 10px 40px;
	border: 1px solid #eaab81;
}
div.info p {
	display: inline;
	font-weight: normal;
	background-image: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border-width:0;
}
h3.headerbar {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fff #ccc #ccc #ccc;
	padding: 0;
}
div.hr {
	border-top: 1px solid #ccc;
	margin: 1em 0;
}
div.hr hr {
  display: none;
}
div.hr2 {
	border-top: 0px solid #ccc;
	margin: 1em 0;
	
}
div.hr2 div {
  line-height: 1px;
  font-size: 1px;background: url( ../images/dotted_line_grey_fine.gif ) repeat-x center;
}
p.newsarticledate {
	font: normal 0.9em 'lucida console', courier, monospace;
	color: #0BABF4;
	margin: 0 0 1em 0;
}
div.usermessage {
	border: 1px solid #eee;
	padding: 0.3em;
	background: #f9f9f9;
	color: #c30;
	font: 0.9em 'ludica console', courier, monospace;
	margin-bottom: 1em;
}

div#content-container-zone .info {
	background-color: #edb4c8;
	color: #a11a4d;
	border-color: #a11a4d;
	background-image: url( ../images/icon_info_zone.gif );
}
div#content-container-party .info {
	background-color: #f0f9ae;
	color: #3b8701;
	border-color: #3b8701;
	background-image: url( ../images/icon_info_party.gif );
}

/* Code for legend in dsp_cont_prices.cfm */

div#legend {
	margin: 20px 20px 10px 0px; 
	text-align: right;
}

/* Code for key in dsp_cont_prices.cfm */

div#key { 
	margin: 0px 20px 10px 0px; 
	float: right;
}

p.bluetext { 
	color: #639be4; 
	font-weight: bolder;	
}

/* ============ list elements =============== */

ul.tick {
	list-style: none;
}
ul.tick li {
	background: url(../images/icon_tick.gif) no-repeat 0 0.7em;
	padding: 0.7em 0 0.5em 24px;
	color: #3B9BE4;
	font-weight: bold;
	font-size: 1.1em;
}

ul.tick-pink {
	list-style: none;
}
ul.tick-pink li {
	background: url(../images/icon_tick_pink.gif) no-repeat 0 0.7em;
	padding: 0.7em 0 0.5em 24px;
	color: #76c5f0;
	font-weight: bold;
	font-size: 1.1em;
}

ul.star {
	list-style: none;
	margin: 1em;
}
ul.star li {
	background: url(../images/icon_star.gif) no-repeat 0 0.5em;
	padding: 0.3em 0 0.5em 20px;
	color: #0870BD;
	font-style: italic;
	font-size: 1.2em;
}

ul.star2 {
	list-style: none;
	margin: 1em;
}
ul.star2 li {
	background: url(../images/icon_star.gif) no-repeat 0 0.4em;
	padding: 0.3em 0 0.5em 20px;
}
ul.star2 strong {
	color: #0870BD;
}


ul.star3 {
	list-style: none;
	margin: 1em 0;
}
ul.star3 li {
	background: url(../images/icon_star_green.gif) no-repeat 0 0.3em;
	padding: 0.4em 0 0.5em 22px;
}

	

/* ============ price tables ========================= */
table.price-table {
	text-align: center;
}

table.price-table tr td {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 4px 8px;
	background: #c3d5eb;
}
table.price-table tr.light td {
	background: #e2ebf5;
}
table.price-table th {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 4px 8px;
	color: #22267E;
	background: #89bde1;
}


table.price-table2 {
	text-align: center;
}

table.price-table2 tr td {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 4px 2px;
	background: #c3d5eb;
	color: #fff;
	width: 54px;
}
table.price-table2 tr.light td {
	background: #e2ebf5;
}
table.price-table2 th {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 4px 2px;
	color: #22267E;
	background: #89bde1;
}

/* Time block out on the swimming pool timetable: left & right */

table.price-table2 td.timeblockright {
	border-right: 15px solid #000;
}

table.price-table2 td.timeblockrightinflatable {
	border-right: 15px solid #6b639f;
}
table.price-table2 td.timeblockrighthire {
	border-right: 15px solid #6b639f;
}

table.price-table2 td.timeblockleft {
	border-left: 15px solid #000;
}
table.price-table2 td.timeblockleftinflatable {
	border-left: 7px solid #000;
}
table.price-table-zone {
	text-align: center;
	color: #000;
}

table.price-table-zone tr td {
	border-top: 2px solid #C01C59;
	border-right: 2px solid #C01C59;
	padding: 4px 8px;
	background: #c3d5eb;
}
table.price-table-zone tr.light td {
	background: #e2ebf5;
}
table.price-table-zone th {
	border-top: 10px solid #C01C59;
	border-right: 2px solid #C01C59;
	padding: 4px 8px;
	color: #22267E;
	background: #89bde1;
}

/* ============ dates table ========================= */

table.dates-table {
	text-align:left;
	float: left;
	width: 340px;
}

table.dates-table tr td {
	border-right: 2px solid #fff;
	padding: 4px 8px;
	background: #e2ebf5;
}
table.dates-table tr.light td {
	background: #e2ebf5;
}
table.dates-table th {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 4px 8px;
	color: #22267E;
	background: #c3d5eb;
}




/* ============ signature ========================= */
A.qdk:link, A.qdk:visited, A.qdk:active	{	
	text-decoration: underline;	
	color: #ccc;	
}
A.qdk:hover	{ 
	text-decoration: underline; 
	color: #f60;  
}
.sig {
	color: #ccc;
	font: 0.8em arial, helvetica, sans-serif;
	margin: 1em 0 0 0;
}