/* web2008 layout start */
<!--

body
{
	background: #ebf5fc url('../Images/body_bg.jpg') repeat-x 0 0;
	margin: 10px 0px 20px 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: blue;
	text-align: center;
	
}

#env
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 934px;
	background: url('../Images/env_bg.jpg') repeat-y 0 0;
	padding: 125px 0 0 0;
}


#main
{
	padding-top: 0px;
	width: 934px;
	background: url('../Images/main_bg.jpg') no-repeat 0 0;
	min-height: 350px;
	_height: 350px;
}


#promo
{
	position: absolute;
	top: 0;
	left: 0;
	width: 934px;
	background: url('../Images/promo_bg2.jpg') no-repeat 0 0;
}


#bor
{
	position: relative;
	margin: 0 auto;
	top: 5px;
	width: 633px;
	background: url('../Images/bor_bg.gif') repeat-y 0 0;
	padding: 0 0 0 0;
}

* html #foot {

	padding: 45px -20px 0 10px;

}

#foot
{

	height: 40px;
	width: 934px;
	background: url('../Images/foot_bg.png') no-repeat 0 100%;
	padding: 0 11px 8px 11px; /*top right bottom left*/
	color: #506273;
	font-size: 11px;
	clear: both;
	text-align: center;
}

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

#foot a
{
	font-weight: normal;
	color: #506273;
	padding-left: 0;
	background-image: none;
}



#logo {
	position: relative; 
	float: left; 
	width: 279px;
	padding-right:20px;
	top:20px;
	left: 10px; 
	text-align: center;
	z-index: 6;
	background-color: #ffa500;
}

#slow {
	position: relative; 
	float: left;
	text-align: center;
	z-index: 6;
}

.nav {
	position: relative; 
	float: left;
	width: 125px;
	height: 125px;
	background-color: #fff;
	text-align: center;
	z-index: 25;
}

* html #welcome {
	margin-left: 1px;
	width: 294px;
}

#welcome {
	position: relative;
	margin-left: 2px;
	float: left;
	width: 295px; 
	height: 150px; 
	background-color: #fff;
	z-index: 6;
	text-align: center;
	vertical-align: middle;
}



a.slogan {
	width: 150px;
	color: blue;
	font-size: 19px;
	clear: both;
	text-align: center;
	text-transform: uppercase;
	}
	
a.mainslogan {
	width: 150px;
	color: #ffa500;
	font-size: 48px;
	clear: both;
	text-align: center;
	text-transform: uppercase;
	}
	
	
a.sloganmiddle {
	width: 150px;
	color: #ffa500;
	font-size: 21px;
	clear: both;
	text-align: center;
	text-transform: uppercase;
	}
a.bottomslogan {
	width: 150px;
	color: #fff;
	font-size: 21px;
	clear: both;
	text-align: center;
	text-transform: uppercase;
	}

a.welcome_text {
	position : relative;
	top: 10px;
	color: blue;
	font-size: 30px;
	vertical-align: top;
	z-index: 6;
	display: block;
}

.our_web {
	position : relative;
	color: #ffa500;
	top: 10px;
	font-size: 20px;
	padding-bottom:7px;
	display:block;
}

a.form {
	font-size: 13px;
	padding-top:10px;
	padding-bottom: 10px;
	color: blue;
}



a.first_web {
	position : relative;
	color: #0d7acf;
	top: 0px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
	text-align: middle;
	display: inline;
}

p.statement {
	position : relative;
	top: 0px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 0px;
	text-align: justify;
}
p.allocated {
	text-align: right;
	}
	
.clubreg {
	position: relative; 
	float: left; 
	width: 220px; 
	height: auto; 
	background-color: #fff;
	overflow: hidden;
	z-index: 10;
	padding-top: 12px;
	padding-right: 13px;
	padding-left: 12px;
	text-align: left;
}

.memreg {
	position: relative; 
	float: left; 
	width: 220px;
	height: auto; 
	background-color: #fff;
	overflow: hidden;
	text-align: center;
	z-index: 10;
	padding-bottom: 10px;
	padding-top: 12px;
	text-align: left;
}
.clubregi {
	position: relative; 
	float: left; 
	width: 267px; 
	height: auto; 
	background-color: #fff;
	overflow: hidden;
	z-index: 10;
	padding-top: 12px;
	padding-right: 13px;
	padding-left: 12px;
	text-align: left;
}

.memregi {
	position: relative; 
	float: left; 
	width: 267px;
	height: auto; 
	background-color: #fff;
	overflow: hidden;
	text-align: center;
	z-index: 10;
	padding-bottom: 10px;
	padding-top: 12px;
	text-align: left;
}


div.box335 { 
	width: 220px; 
	float: left;
	background: transparent url('../Images/box220_bg_top.gif') no-repeat 0 0; 
}

div.box335in { 
	background: transparent url('../Images/box220_bg_btm.gif') no-repeat bottom left;
	padding: 0px 0px 5px 0px; /*top right bottom left*/
}

div.box220 { 
	width: 220px;
	float: left;
	padding-top: 5px;
	background: transparent url('../Images/box220_bg_top.gif') no-repeat 0 0; 
}

div.box220in { 
	background: transparent url('../Images/box220_bg_btm.gif') no-repeat bottom left; 
	padding: 0px 0px 30px 30px; /*top right bottom left*/
}
div.box267 { 
	width: 267px;
	float: left;
	padding-top: 5px;
	background: transparent url('../Images/box267_bg_top.gif') no-repeat 0 0; 
}

div.box267in { 
	background: transparent url('../Images/box267_bg_btm.gif') no-repeat bottom left; 
	padding: 0px 0px 10px 10px; /*top right bottom left*/
}
#news {
	position: relative; 
	float: left; 
	margin-left: 2px;
	width: 287px; 
	height: 165px; 
	background-color: #fff;
	z-index: 6;
	text-align: left;
	color: #0d7acf;
	padding-left: 12px;
	padding-right: 0px;
	padding-top: 13px;
}

div.box454 { 
	width: 454px;
	height: auto;
	float: left;
	background: transparent url('../Images/box454_bg_top.gif') no-repeat 0 0; 
}

div.box454in { 
	background: transparent url('../Images/box454_bg_btm.gif') no-repeat bottom left;
	padding: 10px 10px 30px 10px; /*top right bottom left*/
}

* html div.clubform {
	padding-right: 0px;
	background-color: #fff;
	align: center;
}

div.clubform {
	position: relative; 
	float: right;
	left: -2px;
	min-height : 500px;
	z-index: 10;
	background-color: #fff;
	padding-top: 12px;
	padding-right: 15px;
	text-align: left;
}

* html .box609 {
	height: 340px;
	left: 12px;

}
div.box609 { 
position: relative;
	width: 609px;
	min-height: 340px;
	height: auto;
	float: left;
	background: transparent url('../Images/box609_bg_top.gif') no-repeat 0 0;
	padding: 0px 0px 15px 0px; /*top right bottom left*/
}
* html .box609in {
	height: 500px;
	padding-right: 0px;
	top: 20px;

}

div.box609in { 
position: relative;
	background: transparent url('../Images/box609_bg_btm.gif') no-repeat bottom left; 
	min-height: 478px;
	height: auto;
	padding-right: 40px; /*top right bottom left*/
	padding-bottom: 10px;
	padding-left: 15px;
}

div.member_title {
	color: blue;
	width: 100%;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: center;
}

div.regreasons {
	text-align: center;
	font-weight: bold;
	padding-left: 5px;
	padding-right:10px;
}

div.box145 { 
	width: 145px;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	background: transparent url('../Images/box145_bg_top.gif') no-repeat 0 0;
}

div.box145in { 
	background: transparent url('../Images/box145_bg_btm.gif') no-repeat bottom left; 
	min-height: 100px;
	padding: 0px 10px 0px 10px; /*top right bottom left*/
}

* html .advertising {
	left: 0px;
}

div.advertising {
	position: relative; 
	float: right;
	width: 150px;
	height: 168px;
	left: -2px; 
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	padding-top: 12px;
	background-color: #fff;
}


.memreg2 {
	position: relative; 
	float: left; 
	width: auto; 
	height: auto; 
	background-color: #fff;
	overflow: hidden;
	text-align: center;
	z-index: 10;
	padding-bottom: 0px;
	padding-top: 12px;
	padding-left: 12px;
	text-align: center;
}
li {
	padding-bottom: 8px;
}


div.buttonreg {
	text-align: center;
	vertical-align:bottom;

}

#faq {
	position : relative;
	top: 0px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
	text-align: justify;
	text-align:center;

}

* html #sales {
	margin-left: 1px;
	width: 297px;
}

#sales {
	position: relative; 
	float: left; 
	margin-left: 2px;
	width: 297px; 
	height: 367px; 
	background-color: #666666;
	z-index: 6;
	text-align: center;
	color: #fff;
}
#joining {
	position: relative; 
	float: left; 
	margin-left: 2px;
	width: 297px; 
	height: 535px; 
	background-color: #666666;
	z-index: 6;
	text-align: center;
	color: #fff;
	overflow: auto;
}

#control_panel {
	position: relative; 
	float: left; 
	margin-left: 2px;
	width: 297px; 
	height: 480px;
	background-color: #666666;
	z-index: 6;
	text-align: center;
	color: #fff;
	overflow: auto;
}

#minimnu {
	position : relative;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	text-align: left;

}

#focusContainer
{
	width: 190px;
	margin: auto;
	background-color: #71707f;
	padding: 17px 17px 10px 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#focusContainer a
{
	display:block;
	background-color: #383737;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: none;
	border: 1px solid #000000;
	width: 100%;
	margin-bottom: 5px;
	font-weight: 400;

}

#focusContainer a:hover
{
	background-color: #ffa500;
	color: blue;
}

#m1 a, #m2 a, #m3 a,#m4 a
{
	padding-left: 10px;
	color: #fff;
	width: 100%;
	background-color:#5d5d5d;
	margin-top: -5px;
	padding-top: 5px;
	text-decoration: none;
	padding-left: 5px;
	border: 1px solid #000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.span {
	padding-left: 10px;
	color: #fff;
	width: 150px;
	background-color:#5d5d5d;
	text-decoration: none;
	margin-top: -5px;
	padding-top: 15px;
	border: 1px solid #000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	

a#selected, a#selected:hover
{ background: #ffa500;
text-decoration: none;
  color: blue;
}

a.newshead  {
	text-decoration: underline;
}

#leftside {
	position: relative;
	float: left;
}

.rbsworldpay {
	position: relative;
	display: block;
	width = 100%;
 	text-align: center;
	margin-left: 2px;
}

#clubinfo {
	position: relative; 
	float: left; 
	width: 225px; 
	height: 120px; 
	background-color: blue;
	overflow: hidden;
	color: #000000;
	text-align: center;
	z-index: 11;
	text-align: left;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
}

#meminfo {
	position: relative; 
	float: left; 
	width: 225px; 
	height: 120px; 
	background-color: yellow;
	overflow: hidden;
	color: #000000;
	text-align: center;
	z-index: 11;
	text-align: left;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px
}


.moreinfo {
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}



a.club_details {
	color: blue;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 12pt;
	text-decoration: underline;
	text-align: center;
}

/**********Login Page************/

.club_details {
	font-size: 16px;
	text-decoration: underline;
	padding-left: 10px;
	padding-bottom:10px;
	
}

.our_services {
	font-size: 16px;
	text-decoration: underline;
	padding-left: 20px;
	
}
	
.formtext {
	float: left;
	width: 120px;/*****increase this if the form text has wrapped underneath*******/
	height: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	vertical-align: center;
}
	
.formspace {
	padding-left: 150px;
	height: auto;
	width: 170px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: right;
}

.formtitle {
	padding-left: 58px;
	height: auto;
	width: 170px;
	padding-bottom: 5px;
	text-align: right;
}

.login, .register {
	width: auto;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 10px;
}

.forgot {
	padding-left: 150px;
	height: 20px;
	width: 170px;
	padding-bottom: 0px;
	text-align: right;
}

.button {
	cursor:pointer;
	background: url('../buttons/submit.png') no-repeat 0 0;
	border: 0;
	display: inline;
	background-position: center center;
	height: 23px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 74px;
	}
	
.save_button {
	cursor:pointer;
	background: url('../buttons/save.png') no-repeat 0 0;
	border: 0;
	display: inline;
	background-position: center center;
	height: 23px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 55px;
	}
	
.continue_button {
	cursor:pointer;
	background: url('../buttons/continue.png') no-repeat 0 0;
	border: 0;
	display: inline;
	background-position: center center;
	height: 23px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 106px;
	}
	
.search_button {
	cursor:pointer;
	background: url('../buttons/search.png') no-repeat 0 0;
	border: 0;
	display: inline;
	background-position: center center;
	height: 23px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 55px;
	}
	
.makepayment_button {
	cursor:pointer;
	background: url('../buttons/makepayment.png') no-repeat 0 0;
	border: 0;
	display: inline;
	background-position: center center;
	height: 23px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 132px;
	}
.login_button {
	cursor:pointer;
	background: url('../buttons/login.png') no-repeat 0 0;
	border: 0;
	display: inline;
	background-position: center center;
	height: 23px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 74px;
	}


.formbutton {
	cursor:pointer;

}

.break {
	width: auto;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 20px;
}

.create {
	width: 400px;
	padding-bottom: 10px;
}

.salesclubreg {
	height: 250px;
	padding-left: 20px;
	padding-right: 20px;
}

.time {
	width: 40px;
	float: left;
	display: block;
	text-align: center;
}

.open {
	width: 40px;
	padding-bottom: 5px;
}

.closed {
	width: 40px;
}

.facilities {
	width: 100px;
	height: 50px;
	float: left;
	display: block;
	text-align: center;

}

.sportstext {
	width: 70px;
	padding-bottom: 5px;
	display: block;
	text-align: left;

}

.box {
	width: 20px;
	display: block;
}

a.name {
	text-align: center;
	font-size: 16px;
	color: blue;
	text-decoration: bold;
	display: block;
	padding-bottom:5px;
	padding-top: 5px;
}

a.urgent {

	font-size: 16px;
	color: red;
	text-decoration: uppercase;
	display: block;
	padding-bottom:5px;
	padding-top: 5px;
}

/**************Links****************/

a.logo:link {
	text-transform: none;
	text-decoration: none;
	color: blue;
	}

a.logo:visited {
	text-transform: none;
	text-decoration: none;
	color: #53afff;
}

a:hover:link {
	color : #53afff;
}



/************Cart*****************/

th { background-color: #71707f; font-size: 9pt; color: #ffffff; }
td { font-size: 9pt; }
#contactbar { background-color: #f19a33; font-size: 9pt; 
	color: blue; 	
	border: 1px solid #000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding : 5px;}
#confirmed { background-color: red; font-size: 9pt; 
	color: blue; 	
	border: 1px solid #000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding : 5px;}
#contactbarex { background-color: #f19a33; font-size: 9pt; 
	color: blue;
		float:left;
	height: 20px;
	width: 200px;
	border: 1px solid #000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding : 5px;
	}
#confirmedex { background-color: red; font-size: 9pt; 
	color: blue; 
	float:right;
	vertical-align: top;
	height: 20px;
	width: 200px;
	border: 1px solid #000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding : 5px;}	
#areabox {width = 100%;
height: 40px;}
.divider { background-color: #000000; }
.cartbg { background-color: #ffffff; }

/************ClubDetailsList************/

#button_right {
	float:right;
	padding-top: 10px;
}

.clubcontacts {
	float:left;
	height: auto;
	width: 38%;
	padding-left: 20px;
}

.clubdetails {
	float:left;
	height: auto;
	width: auto;
	padding-left: 20px;
}


.clubfacilities {
	float:right;
	height: auto;
	width: auto;
	padding-right: 9px;
}

.players {
	float:left;
	height: auto;
	width: 38%;
	text-align: justify;
	padding-left:20px;

}
.visits {
	width: 110px;
	float:left;
	height: auto;
	padding-left: 20px;

}

.costs {
	float:left;
	height: auto;
	width: 90%;
	padding-left:20px;

}

.pay {
	height: auto;
	width: 50%;
	text-align: center;
}

.paydetails {
	height: auto;
	width: 75%;
	text-align: center;
}


.top {
	vertical-align: top;
		
	}
	
#clubcontacts {
	width: auto;
	}
	
.table{	
	border: 1px solid #c9d1d7;
	padding: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: auto;
	background-color: #f0f0f0;
}

.maintable{	
	border: 1px solid #c9d1d7;
	padding: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: auto;
}

div.entitle {
	width : 500px;
	height: auto;
	padding-bottom: 100px;
	padding-left: 35px;
}
div.entitled {
	width : 500px;
	height: auto;
	float: left;
	padding-left: 35px;
}

div.left{	
	background-color: #f19a33; font-size: 9pt; 
	color: blue; 	
	border: 1px solid #000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding : 5px;
	width: 40%;
	float: left;
	padding-left: 10px;
}


tr.tableheader {
	padding:20px;
	}
	
div.niceTitle
{
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	width: 250px;
	left: 0;
	top: 0;
	padding: 4px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}	
/******************************Demo Site Styles ******************************************/

/* Default DOM Tooltip Style */
div.domTT {
	border: 1px solid #333333;
	background-color: #333333;
}
div.domTT .caption {
	font-family: serif;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px;
	color: #FFFFFF;
}
div.domTT .contents {
	font-size: 12px;
	font-family: sans-serif;
	padding: 3px 2px;
	background-color: #F1F1FF;
}

/* Classic Style */
div.domTTClassic {
	border: 1px solid black;
	background-color: InfoBackground;
}
div.domTTClassic .caption {
	font-family: serif;
	font-size: 13px;
	_font-size: 12px;
	font-weight: bold;
	font-style: italic;
	padding: 1px 2px;
}
div.domTTClassic .contents {
	color: InfoText;
	font-size: 13px;
	_font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 1px 2px;
	_padding-bottom: 0;
}

/* Win9x Style */
div.domTTWin {
  border: 2px outset #BFBFBF;
  background-color: #808080
}
div.domTTWin .caption {
  border: 0px solid #BFBFBF;
  border-width: 1px 1px 0px 1px;
  background-color: #00007F;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: sans-serif;
  color: white;
}
div.domTTWin .contents {
  border: 1px solid #BFBFBF;
}

/* Overlib Style */
div.domTTOverlib {
	border: 1px solid #333366;
	background-color: #333366;
}
div.domTTOverlib .caption {
	font-family: Verdana, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
div.domTTOverlib .contents {
	font-size: 10px;
	font-family: Verdana, Helvetica;
	padding: 2px;
	background-color: #F1F1FF;
}

/* Nicetitle Style */
div.niceTitle
{
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	width: 250px;
	left: 0;
	top: 0;
	padding: 4px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}
div.niceTitle .contents
{
	margin: 0;
	padding: 0 3px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.niceTitle p
{
	color: #D17E62;
	font-size: 9px;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: left;
	-moz-opacity: 1;
}

/* Context Menu Style */
div.domTTMenu {
  width: 150px;
  border: 2px outset #E6E6E6;
}
div.domTTMenu .caption {
  font-size: 12px;
  font-family: sans-serif;
  background-color: #E6E6E6;
}
div.domTTMenu .contents {
  padding: 1px 0;
  background-color: #E6E6E6;
}
	
	
-->