body
{
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: verdana, tahoma, arial;
	font-size: 60%;
	color: #000;
}

div.floatClearer
{
	height: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

img
{
	border: none;
}
p
{
        margin: 0 0 12px 0;
}
a
{
	color: #670099;
	text-decoration: none;
}
a:hover
{
	color: #670099;
	text-decoration: underline;
}
.navy
{
        color: #053577;
}


table form
{
	margin: 0;
	padding: 0;
}
table span.redstar
{
	color:red
}
select, input, textarea
{
	font-family: verdana, tahoma, arial;
	font-size: 100%;	
}
table input, table textarea{width:200px}
table textarea{height:60px}
input.submit{width:60px}
/* SITE CONTAINER */
#siteContainer
{
	width: 790px;
	padding-top: 1px;
	position: relative;
}

/* HEADER */
#header
{
	width: 790px;
        height: 29px;
        background: url(images/header_bg.gif) repeat-x right bottom;
	position: relative;
}


/* TOP NAV */
ul#topNav
{
	height: 29px;
	margin: 0;
	padding: 0;
	float:right;
	list-style: none;
}
ul#topNav li
{
	float: left;
	width: auto;
	white-space: nowrap;
	position: relative;
}

/*	IE-Specific definitions */

* html body ul#topNav li
{
	width: 1px;
}

ul#topNav li a
{
    height: 29px;
	background-repeat: no-repeat;
	display: block;
	text-indent: -8000px;
}

ul#topNav li#home a
{
	width: 42px;
	background-image: url(nav/top_home.jpg);
}

ul#topNav li#jagsContactus a
{
	width: 80px;
	background-image: url(nav/top_contactus.jpg);
}

ul#topNav li#membership a
{
	width: 86px;
	background-image: url(nav/top_membership.jpg);
}
ul#topNav li#fitLinx a
{
	width: 59px;
	background-image: url(nav/top_fitlinx.jpg);
}
ul#topNav li#facilities a
{
	width: 75px;
	background-image: url(nav/top_facilities.jpg);
}
ul#topNav li#CurrentNews a
{
	width: 102px;
	background-image: url(nav/top_CurrentNews.jpg);
}
ul#topNav li#kidsClub a
{
	width: 74px;
	background-image: url(nav/top_kidsclub.jpg);
}
ul#topNav li#school a
{
	width: 62px;
	background-image: url(nav/top_school.jpg);
}
ul#topNav li#vacancy a
{
	width: 43px;
	background-image: url(nav/top_jobs.jpg);
}
ul#topNav li#jagsCommunityEnterprises a
{
	width: 186px;
	background-image: url(nav/top_jagscommunityenterprises.jpg);
}

ul#topNav li#jagsComments a
{
	width: 116px;
	background-image: url(nav/top_comments.gif);
}

ul#topNav li#Courses a
{
	width: 60px;
	background-image: url(nav/top_courses.gif);
}

ul#topNav li a:hover
{
        background-position: bottom left;
}


ul#topNav li ul
{
	position: absolute;
	width: 180px;
	display: none;
	background-color: #fff;
	margin: 0;
	padding: 0;
	border: solid 1px #efefef;
}
ul#topNav li:hover ul,
ul#topNav li.sfhover ul
{
	top: 29px;
	left: 0;
	display: block;
}
ul#topNav li:hover a,
ul#topNav li.sfhover a
{
	background-position: bottom left;
}

ul#topNav li ul li
{ 
	display: block;
	float: none;
	width: 180px;
	background: #fff !important;
}
ul#topNav li ul li a
{
	text-indent: 0;
	height: auto;
	padding: 5px;
	width: 170px !important;
	font-weight: normal;
	background: #fff !important;
	color: #666666;
}
ul#topNav li ul li a:hover
{
	color: #0f2f82;
	background: #d6e4ed !important;
	text-decoration: none;
}


/* BODY CONTAINERS */

#bodyContainer
{
	width: 790px;
	background: url(images/body_bg.gif) repeat-y left top;

}
#fullWidth #bodyContainer
{
	background-image: url(images/body_bg_2column.gif);
}
.homePage #bodyContainer
{
	background-image: url(images/homepage_bg.jpg);
}

/* assigns the right column background image, dependant on body class, if applicable */
#bodyContainerInner
{
	width: 790px;
	background: url(images/bodybg_workingout.jpg) no-repeat right bottom;
}
.trainers #bodyContainerInner
{
	background-image: url(images/bodybg_trainers.jpg);
}
.swimmer #bodyContainerInner
{
	background-image: url(images/bodybg_swimmer.jpg);
}
.tennis #bodyContainerInner
{
	background-image: url(images/bodybg_tennis.jpg);
}
.basketball #bodyContainerInner
{
	background-image: url(images/bodybg_basketball.jpg);
}
.rowing #bodyContainerInner
{
	background-image: url(images/bodybg_rowing.jpg);
}
.kidsClub #bodyContainerInner
{
	background-image: url(images/bodybg_kidsclub.jpg);
}
.workingOut #bodyContainerInner
{
	background-image: url(images/bodybg_workingout.jpg);
}
.yoga #bodyContainerInner
{
	background-image: url(images/bodybg_yoga.jpg);
}
.squash #bodyContainerInner
{
	background-image: url(images/bodybg_squash.jpg);
}
.notices #bodyContainerInner
{
	background-image: url(images/bodybg_notices.jpg);
}
.zero #bodyContainerInner
{
	background-image:none
}


#fullWidth #bodyContainerInner,
.homePage #bodyContainerInner
{
	background-image: none;
}




/* LEFT COLUMN */
#leftColumn
{
	width: 170px;
	float: left;
	margin: 15px 0 0 0;
}


/* left  navigation */
#leftNav
{
    width: 168px;    
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#leftNav li
{
	width: 168px;
	margin-bottom: 12px;
}
#leftNav li a
{
	width: 169px;
	height: 84px;
	background-repeat: no-repeat;
	display: block;
	text-indent: -8000px;
}
#leftNav li#swimming a
{
        background-image: url(nav/left_swimming.gif);
}
#leftNav li#fitness a
{
        background-image: url(nav/left_fitness.gif);
}
#leftNav li#club_facilities a
{
        background-image: url(nav/left_clubimages.gif);
}
#leftNav li#virtualTours a
{
        background-image: url(nav/left_virtualtours.gif);
}
#leftNav li#news a
{
        background-image: url(nav/left_currentnews.gif);
}


#leftNav li a:hover
{
        background-position: bottom left;
}

.newsPanel
{
	overflow: hidden;
	width: 200px;
	height: 300px;
}


/* MAIN CONTENT COLUMN */
#mainContentColumn
{
	width: 414px;
	float: left;
	padding-top: 30px;
	padding-bottom:10px;
	background: url(images/dots.gif) repeat-x left 94px;
}

#mainIndexColumn
{
	width: 414px;
	float: left;
	padding-top: 30px;
	padding-bottom:10px;
}
#mainIndexColumn p.bookonline a
{
	position:absolute;
	top:400px;
	left:300px;
	width: 151px;
	height: 35px;
	background-image: url(/styles/stat/book-online.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	text-indent: -8000px;
	border:1pxsolid blue;
}
#mainIndexColumn p.bookonline a:hover
{
        background-position: bottom left;
}
#fullWidth #mainContentColumn
{
	width: 619px;
}
#mainContentColumn h1
{        
        margin: 0;
        padding: 0 0 88px 0;
        font-size: 200%;
        font-weight: normal;
		color:#053577;
}

#mainContentColumn h2
{        
        margin: 0;
        padding: 0 0 20px 0;
        font-size: 200%;
        font-weight: normal;
		color:#053577;
}

#mainContentColumn h3
{        
        margin: 0;
        padding: 0 0 20px 0;
        font-size: 150%;
        font-weight: normal;
		color:#053577;
}

#mainContentColumn table
{        
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 100%;
        font-weight: normal;
		width:350px;
}
#mainContentColumn table.joblist
{        
		width:400px;
}
#mainContentColumn td
{        
        margin: 0;
        padding:  0 0 10px 0; 
}

#mainContentColumn th
{        
        width:300px; 
		text-align:left;
		vertical-align:top
}

#mainContentColumn p, #mainContentColumn li
{        
        padding: 0 10px 0 0;
        font-size: 100%;
        font-weight: normal;
}
#mainContentColumn a {
font-weight:600
}
hr {
border-top:1px dashed #999;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
/* RIGHT COLUMN */
#rightColumn
{
	width: 205px;
	float: right;
	background: url(images/dots.gif) repeat-x left bottom;
}
#rightIndexColumn
{
	width: 205px;
	float: right;
}

#fullWidth #rightColumn, 
#homePage #rightColumn
{
        background: none;
}
#rightColumn img
{
        display: block;
}

/* logo */
#rightColumn #logo, #rightIndexColumn #logo
{
        width: 135px;
        padding: 15px 0 18px 54px;
}


#rhs_news
{position:absolute;left:595px;top:180px;width:195px;}

#rhs_news h3
{font-size: 120%;}

#rhs_news h3 a
{
color:#0f2f82;
text-decoration:underline}

#rhs_news h3 a:hover
{
text-decoration:none}

#rhs_news h4
{font-size: 200%;
color:#996699}

#fullWidth #rightColumn #logo,
#homePage #rightColumn #logo
{
        position: absolute;
        right: 16px;
        top: 30px;
}

/* FOOTER */

#footer
{
        width: 790px;
        text-align: center;
}
#footer #footerUpper
{
        width: 790px;
        padding: 8px;
        background-color: #799ec4;
        color: #fff;
}
#footer #footerUpper a
{
        color: #fff;
        text-decoration: underline;
}
#footer #footerLower
{
        padding: 10px 0;
}
#footer #footerLower a
{
        color: #000;
        text-decoration: underline;
}