@charset "utf-8";
/* CSS Document */

body 
{
	background-image: url(images/background.gif);
	position:relative;
	left:0px;
	top:0px;
	z-index:0;

}

img {
    border: none;
}

.bodywhitetext
{
color:#FFFFFF;
}

#topnav 
{
width:750px;
height:32px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
margin-bottom:10px;
font-family:"Arial Black";
font-size:14px;
}

#topnav a:link, #topnav a:visited {
color:#808080;
text-decoration:none;
}

#topnav a:hover
{
color:#000;
}

#icon
{
background:url(images/topnavicon.gif);
float:left;
width:89px;
height:32px;
}

#topnavhome
{
background:url(images/topnavoverview.GIF);
float:left;
width:133px;
height:25px;
padding-top:7px;
}

#pricing
{
background:url(images/topnavpricing.GIF);
float:left;
width:108px;
height:25px;
padding-top:7px;
}

#gallery
{
background:url(images/topnavpricing.GIF);
float:left;
width:108px;
height:25px;
padding-top:7px;
}

#search
{
background:url(images/topnavsearch.GIF);
float:left;
width:312px;
height:25px;
padding-top:7px;
}

#topbanner
{
margin-top:5px;
margin-bottom:5px;
margin-right:auto;
margin-left:auto;
width:750px;
height:111px;
}

#mainsection
{
margin-left:auto;
margin-right:auto;
width:750px;
height:auto;
margin-top:20px;
}

/* Start of the left nav section. The left nav uses a technique of shifting an image up by it's height to reveal the mouseover effect when hovered on. The current page nav item has no shifting technique and is not a hyperlink; instead it's just the mouseover image on it's own, to indicate to the user which page they are on. */

#leftnav 
{
width: 195px;
margin: 0px;
float:left;
}
	
#leftnav ul 
{
list-style: none;
margin: 0;
padding: 0;
}
	
#leftnav li a 
{
height: 34px;
font-family:"Arial Black";
font-size:12px;
text-decoration: none;
	}	
	
#leftnav li a:link, #leftnav li a:visited 
{
color: #808080;
display: block;
padding: 21px 0 0 40px;
}

#leftnav li a:hover 
{
color: #000000;
padding: 21px 0 0 40px;
}

/* Start of astro nav css */
#leftnav .astro
{
background:  url(images/leftnavastro.GIF);
}

#leftnav .astro a:hover
{
background:url(images/leftnavastro.GIF) 0 -55px;
}

#leftnav .at_own
{
background:url(images/leftnavastroown.GIF) no-repeat top; height:35px; padding-left: 40px; padding-top:20px; color:#000000;font-family:Arial Black; font-size:12px;text-decoration:none;
}

/* Start of health nav css */
#leftnav .health
{
background:  url(images/leftnavhealth.GIF);
}

#leftnav .health a:hover
{
background:url(images/leftnavhealth.GIF) 0 -55px;
}

#leftnav .ht_own
{
background:url(images/leftnavhealthown.GIF) no-repeat top; height:35px; padding-left: 40px; padding-top:20px; color:#000000;font-family:Arial Black; font-size:12px;text-decoration:none;
}

/* Start of pool nav css */
#leftnav .sp_own
{
background:url(images/leftnavpoolown.GIF) no-repeat top; height:35px; padding-left: 40px; padding-top:20px; color:#000000;font-family:Arial Black; font-size:12px;text-decoration:none;
}

#leftnav .pool
{
background:  url(images/leftnavpool.GIF);
}

#leftnav .pool a:hover
{
background:url(images/leftnavpool.GIF) 0 -55px;
}

/* Start of kids nav css */
#leftnav .kids
{
background:  url(images/leftnavkids.GIF);
}

#leftnav .kids a:hover
{
background:url(images/leftnavkids.gif) 0 -55px;
}

#leftnav .kids_own
{
background:url(images/leftnavkidsown.gif) no-repeat top; height:35px; padding-left: 40px; padding-top:20px; color:#000000;font-family:Arial Black; font-size:12px;text-decoration:none;
}

/* Start of cafe nav css */
#leftnav .cafe
{
background:  url(images/leftnavcafe.gif);
}

#leftnav .cafe a:hover
{
background:url(images/leftnavcafe.gif) 0 -55px;
}

#leftnav .cafe_own
{
background:url(images/leftnavcafeown.gif) no-repeat top; height:35px; padding-left: 40px; padding-top:20px; color:#000000;font-family:Arial Black; font-size:12px;text-decoration:none;
}

/* Start of membership nav css */
#leftnav .membership
{
background:  url(images/leftnavmembership.GIF);
}

#leftnav .membership a:hover
{
background:url(images/leftnavmembership.GIF) 0 -55px;
}

#leftnav .membership_own
{
background:url(images/leftnavmembershipown.gif) no-repeat top; height:35px; padding-left: 40px; padding-top:20px; color:#000000;font-family:Arial Black; font-size:12px;text-decoration:none;
}

/* Start of jobs nav css */
#leftnav .jobs
{
background:  url(images/leftnavjobs.GIF);
}

#leftnav .jobs a:hover
{
background:url(images/leftnavjobs.GIF) 0 -55px;
}

#leftnav .jobs_own
{
background:url(images/leftnavjobsown.gif) no-repeat top; height:35px; padding-left: 40px; padding-top:20px; color:#000000;font-family:Arial Black; font-size:12px;text-decoration:none;
}

/* Start of meeting nav css */
#leftnav .meeting
{
background:  url(images/leftnavmeeting.GIF);
}

#leftnav .meeting a:hover
{
background:url(images/leftnavmeeting.GIF) 0 -55px;
}

#leftnav .meeting_own
{
background:url(images/leftnavmeetingown.gif) no-repeat top; height:35px; padding-left: 40px; padding-top:20px; color:#000000;font-family:Arial Black; font-size:12px;text-decoration:none;
}

/* Start of download nav css */
#leftnav .news
{
background:  url(images/leftnavdownload.GIF);
}

#leftnav .news a:hover
{
background:url(images/leftnavdownload.GIF) 0 -55px;
}

#leftnav .news_own
{
background:url(images/leftnavnewsown.gif) no-repeat top; height:35px; padding-left: 40px; padding-top:20px; color:#000000;font-family:Arial Black; font-size:12px;text-decoration:none;
}

#leftnav .news li a:link, #leftnav .download li a:visited 
{
color: #AAAAAA;
display: block;
padding: 21px 0 0 30px;
}

#leftnav .news li a:hover 
{
color: #AABBCC;
padding: 21px 0 0 30px;
}

#rightbody
{
float:right;
width:540px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
padding-top:0px;
}

#innerbanner
{
width:316px;
height:111px;
margin-right:5px;
margin-left:0px;
float:left;
}

#inner360
{
width:187px;
height:101px;
float:right;
padding-left:32px;
padding-top:10px;
}

#inner360 .title360
{
font-family:"Arial Black";
font-size:14px;
}

#inner360 .body360
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

#inner360 .body360 a:link, #inner360 .body360 a:visited
{
color:#06c;
text-decoration:none;
}

#inner360 .body360 a:hover
{
color:#f00;
}

#innerbanner.bannerpool 
{
background:url(images/innerbannerpool.gif) no-repeat top;
}

#innerbanner.bannerastro
{
background:url(images/innerbannerastro.gif) no-repeat top;
}

#innerbanner.bannerhealth
{
background:url(images/innerbannerhealth.gif) no-repeat top;
}

#innerbanner.bannerkids
{
background:url(images/innerbannerkids.gif) no-repeat top;
}

#innerbanner.bannercafe
{
background:url(images/innerbannercafe.gif) no-repeat top;
}

#innerbanner.bannermembership
{
background:url(images/innerbannermembership.gif) no-repeat top;
}

#innerbanner.bannervacancies
{
background:url(images/innerbannervacancy.gif) no-repeat top;
}

#innerbanner.bannermeeting
{
background:url(images/innerbannermeeting.gif) no-repeat top;
}

#innerbanner.bannernews
{
background:url(images/innerbannernews.gif) no-repeat top;
}

#inner360.pool360
{
background:url(images/inner360pool.gif) no-repeat top;
color:#06C;
}

#inner360.astro360
{
background:url(images/inner360astro.gif) no-repeat top;
color:#66c330;
}

#inner360.health360
{
background:url(images/inner360health.gif) no-repeat top;
color:#fcdb00;
}

#inner360.kids360
{
background:url(images/inner360kids.gif) no-repeat top;
color:#f00;
}

#inner360.cafe360
{
background:url(images/inner360cafe.gif) no-repeat top;
color:#800080;
}

#inner360.membership360
{
background:url(images/inner360membership.gif) no-repeat top;
color:#808000;
}

#inner360.vacancies360
{
background:url(images/inner360vacancies.gif) no-repeat top;
color:#000080;
}

#inner360.meeting360
{
background:url(images/inner360meeting.gif) no-repeat top;
color:#800000;
}

#inner360.news360
{
background:url(images/inner360news.gif) no-repeat top;
color:#FF00FF;
}

#maincontent
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
width:540px;
padding-top:7px;
}

.aamaintitle
{
color:#000000;
font-size:20px;
text-align:left;
}

.aasubtitle
{
color:#808080;
font-size:18px;
}

.subnote
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}


/* Start of CSS for the blue swim table border - heights and widths set in 1st two declarations, 
images set thereafter */

.swimtabletopleft, .swimtabletopright, .swimtabletopborder, .swimtablebottomleft, .swimtablebottomborder, .swimtablebottomright
{
height:8px;
}

.swimtabletopleft, .swimtabletopright, .swimtablebottomleft, .swimtablebottomright, .swimtableleftborder, .swimtablerightborder
{
width:8px;
}

.swimtabletopleft 
{
background:url(images/corners/topleftswim.GIF) no-repeat left top;
}

.swimtabletopright
{
background:url(images/corners/toprightswim.GIF) no-repeat right top;
}

.swimtabletopborder
{
background:url(images/corners/topswim.gif) repeat-x;
}

.swimtableleftborder
{
background:url(images/corners/leftswim.gif) repeat-y;
}

.swimtablerightborder
{
background:url(images/corners/rightswim.gif) repeat-y;
}

.swimtablebottomleft 
{
background:url(images/corners/bottomleftswim.GIF) no-repeat left bottom;
}

.swimtablebottomborder
{
background:url(images/corners/bottomswim.gif) repeat-x;
}

.swimtablebottomright
{
background:url(images/corners/bottomrightswim.GIF) no-repeat right bottom;
}

.swimtabledivider
{
height:1px;
background:#06c;
}

/* End of CSS for swim table border */

/* Start of swim table font formatting, borders etc. */

.swimtable
{
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
}

.aaswimtableblue
{
color:#06c;
}

/* End of swim table formatting, borders etc. */

/* Start of CSS for the grey table border - heights and widths set in 1st two declarations, 
images set thereafter */

.greytabletopleft, .greytabletopright, .greytabletopborder, .greytablebottomleft, .greytablebottomborder, .greytablebottomright
{
height:8px;

}

.greytabletopleft, .greytabletopright, .greytablebottomleft, .greytablebottomright, .greytableleftborder, .greytablerightborder
{
width:8px;
}

.greytabletopleft 
{
background:url(images/corners/topleftgrey.GIF) no-repeat left top;
}

.greytabletopright
{
background:url(images/corners/toprightgrey.GIF) no-repeat right top;
}

.greytabletopborder
{
background:url(images/corners/topgrey.gif) repeat-x;
}

.greytableleftborder
{
background:url(images/corners/leftgrey.gif) repeat-y;
}

.greytablerightborder
{
background:url(images/corners/rightgrey.gif) repeat-y;
}

.greytablebottomleft 
{
background:url(images/corners/bottomleftgrey.GIF) no-repeat left bottom;
}

.greytablebottomborder
{
background:url(images/corners/bottomgrey.gif) repeat-x;
}

.greytablebottomright
{
background:url(images/corners/bottomrightgrey.GIF) no-repeat right bottom;
}

.aatabletest
{
background-color:#33FF00;
}

/* End of CSS for grey table border */

/* Start of grey table font formatting, borders etc. */

.greytable
{
font-family:Arial, Helvetica, sans-serif;
}

.greytableheader
{
font-family:"Arial Black";
font-size:12px;
}

/* End of grey table formatting, borders etc. */

/* Start of CSS for the red table border - heights and widths set in 1st two declarations, 
images set thereafter */

.redtabletopleft, .redtabletopright, .redtabletopborder, .redtablebottomleft, .redtablebottomborder, .redtablebottomright
{
height:8px;

}

.redtabletopleft, .redtabletopright, .redtablebottomleft, .redtablebottomright, .redtableleftborder, .redtablerightborder
{
width:8px;
}

.redtabletopleft 
{
background:url(images/corners/topleftred.gif) no-repeat left top;
}

.redtabletopright
{
background:url(images/corners/toprightred.gif) no-repeat right top;
}

.redtabletopborder
{
background:url(images/corners/topred.gif) repeat-x;
}

.redtableleftborder
{
background:url(images/corners/leftred.gif) repeat-y;
}

.redtablerightborder
{
background:url(images/corners/rightred.gif) repeat-y;
}

.redtablebottomleft 
{
background:url(images/corners/bottomleftred.GIF) no-repeat left bottom;
}

.redtablebottomborder
{
background:url(images/corners/bottomred.gif) repeat-x;
}

.redtablebottomright
{
background:url(images/corners/bottomrightred.GIF) no-repeat right bottom;
}

/* End of CSS for red table border */

/* Start of red table font formatting, borders etc. */

.redtable
{
font-family:Arial, Helvetica, sans-serif;
}

.redtableheader
{
font-family:"Arial Black";
font-size:12px;
color:#FF0000;
}

/* End of grey table formatting, borders etc. */

/* Start of CSS for the green table border - heights and widths set in 1st two declarations, 
images set thereafter */

.greentabletopleft, .greentabletopright, .greentabletopborder, .greentablebottomleft, .greentablebottomborder, .greentablebottomright
{
height:8px;

}

.greentabletopleft, .greentabletopright, .greentablebottomleft, .greentablebottomright, .greentableleftborder, .greentablerightborder
{
width:8px;
}

.greentabletopleft 
{
background:url(images/corners/topleftgreen.gif) no-repeat left top;
}

.greentabletopright
{
background:url(images/corners/toprightgreen.gif) no-repeat right top;
}

.greentabletopborder
{
background:url(images/corners/topgreen.gif) repeat-x;
}

.greentableleftborder
{
background:url(images/corners/leftgreen.gif) repeat-y;
}

.greentablerightborder
{
background:url(images/corners/rightgreen.gif) repeat-y;
}

.greentablebottomleft 
{
background:url(images/corners/bottomleftgreen.GIF) no-repeat left bottom;
}

.greentablebottomborder
{
background:url(images/corners/bottomgreen.gif) repeat-x;
}

.greentablebottomright
{
background:url(images/corners/bottomrightgreen.GIF) no-repeat right bottom;
}

/* End of CSS for green table border */

/* Start of green table font formatting, borders etc. */

.greentable
{
font-family:Arial, Helvetica, sans-serif;
}

.greentableheader
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.greentableheadergreen
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#808000;
}

.greentablegreentext
{
color:#808000;
}

/* End of green table formatting, borders etc. */

#astrowatermark
{
background:url(images/hoverastro.gif) no-repeat center;
height:160px;
width:160px;
position:relative;
left:380px;
margin-top:-80px;
z-index:-1;
}

#priceswatermark
{
background:url(images/hoverprices.gif) no-repeat center;
height:160px;
width:160px;
position:relative;
left:380px;
margin-top:-55px;
z-index:-1;
}

#healthwatermark
{
background:url(images/hoverhealth.gif) no-repeat center;
height:160px;
width:160px;
position:relative;
left:240px;
margin-top:-130px;
margin-bottom:-30px;
z-index:-1;
}

#kidswatermark
{
background:url(images/hoverkids.gif) no-repeat center;
height:160px;
width:160px;
position:relative;
left:380px;
margin-top:-70px;
z-index:-1;
}

#cafewatermark
{
background:url(images/hovercafe.gif) no-repeat center;
height:135px;
width:151px;
position:relative;
left:380px;
margin-top:-70px;
z-index:-1;
}

#vacancieswatermark
{
background:url(images/hoverjobs.gif) no-repeat center;
height:160px;
width:160px;
position:relative;
left:380px;
margin-top:-70px;
z-index:-1;
}

#meetingwatermark
{
background:url(images/hovermeeting.gif) no-repeat center;
height:160px;
width:160px;
position:relative;
left:380px;
margin-top:-70px;
z-index:-1;
}

#newswatermark
{
background:url(images/hovernews.gif) no-repeat center;
height:160px;
width:160px;
position:relative;
left:380px;
margin-top:-70px;
z-index:-1;
}

/* Start of CSS for text and background colours for the fitness timetable */
.aaAbsBlast
{
background-color:#FFFF00;
color:#000;
}

.aaAquaFit
{
background-color:#000099;
color:#fff;
}

.aaFlexiBar
{
background-color:#629632;
color:#000;
}

.aaReebokSpin
{
background-color:#45C3B8;
color:#000;
}

.aaSelfDefense
{
background-color:#CD3700;
color:#fff;
}

.aaSedate
{
background-color:#9933FF;
color:#000;
}

.aaStep
{
background-color:#FFCC66;
color:#000;
}

.aaRebound
{
background-color:#D15FEE;
color:#000;
}

.aaBodyPump
{
background-color:#CFB53B;
color:#000;
}

/* End of CSS for text and background colours for the fitness timetable */

/* Code for Cafe Page */

.CafeHeader
{
font-family:"Snap ITC";
font-size:24px;
color:#000000;
}

.CafeSubHeader
{
color:#FF0000;
font-size:18px;
}

/* Footer Code */
#bottomlinks
{
width:750px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
font-size:small;
color:#0000FF;
font-family:Arial, Helvetica, sans-serif;
clear:both;
}

#bottomlinks a:link, #bottomlinks a:visited
{
text-decoration:none;
}

#footer
{
width:750px;
margin-left:auto;
margin-right:auto;
font-size:xx-small;
color:#808080;
clear:both;
}