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;*/
	color:#0066cc;
	text-decoration: none;
}
a:hover
{
	/*color: #670099;*/
	color:#0066cc;
	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: transparent url(images/body_bg.gif) repeat-y left top;

}
#fullWidth #bodyContainer
{
	background: transparent url(images/body_bg_2column.gif) no-repeat left top;
}
.homePage #bodyContainer
{
	background: transparent url(images/homepage_bg.jpg) no-repeat left top;
}

/* 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;
}
#mainContentColumn.offer {
	background: url(images/dots.gif) repeat-x left 274px;
}


#mainIndexColumn
{
	width: 414px;
	float: left;
	padding-top: 30px;
	padding-bottom:10px;
}
#mainIndexColumn p.bookonline {
    margin-bottom:8px;
}
#mainIndexColumn p.bookonline a
{
	/*
    position:absolute;
	top:150px;
	left:273px;
	border:1px solid blue;
    */
	width: 180px;
	height: 42px;
	background-image: url(stat/book-online.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	text-indent: -8000px;
	margin:90px auto 0;
}
#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 h1#pageTitle {
    padding: 0 0 42px 0;
    margin-bottom:12px;
	background: url(images/dots.gif) repeat-x left bottom;
}

#mainContentColumn.offer h1#pageTitle {
    padding: 0 0 22px 0;
}

#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;
    line-height: 1.5em;
}
#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;
}

#membership-offer {
    background:transparent url(images/banner-offer-2012.gif) no-repeat left top;
    padding-top:300px;
    width:408px;
}

#membership-offer .offer-text {
    margin:6px 0;
    color:#919191;
    text-align:center;
}


/* RIGHT COLUMN */
#rightColumn
{
	width: 205px;
	float: right;
	background: url(images/dots.gif) repeat-x left bottom;
}
#rightIndexColumn
{
	width: 205px;
	float: right;
}

#rightColumn.offer
{
	width: 205px;
	float: right;
	background: url(images/dots.gif) repeat-x left bottom;
	padding-bottom:306px;
}


#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: 784px;
        text-align: center;
}
#footerUpper
{
        width: 784px;
        padding: 8px;
        background-color: #799ec4;
        color: #fff;
}
#footerUpper a
{
        color: #fff;
        text-decoration: underline;
}
#footerLower
{
        padding: 10px 0 0;
		clear:both;
}
.fb-like {float:left;padding:10px 20px 0 20px;}
.ink{
	color: #333;
	float:right;
	padding: 13px 0 0;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
}
.ink a
{
	color: #333;
	text-decoration: underline;
}
#footerLower a
{
        color: #fff;
        text-decoration: underline;
}
