﻿/*
	Dark Green 	- 	#224e02
	Light Green	-	#a5cb89
	
	
	Off White	-	#afafaf
	dark yellow	-	#FFC900
	dark blue	-	#0a4a8c

*/


* {
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	color: #000000;
	background: #a5cb89 url('/img/bg.png') repeat-x scroll center top;
	padding: 4px 20px 20px 20px;
	text-align: left;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

#page{
	width: 940px;
	margin: 0 auto;
	/* 
	background: #000000 url('/img/bg.png') repeat-y scroll center top;
	*/
}

#header{
	background: transparent url('/img/header.png') no-repeat right top;
	height: 114px;
	width: 940px;
	margin: 0 auto;
	display:block;
}

#main-container{
	float:left;
	width: 940px;
	margin: 0;
	/* background: transparent url('/img/main-container-bg.png') repeat-y center top; */

}

/* NOTE - Navigation  Menu uses nav.css */
/* Scrolling Text Section under Navigation Menu*/

.strong {
	font-weight:bold;
}

/* Left Column (Main Content)*/
#mainColumn {
	width: 650px;
	float: left;
	margin-left: 4px;
	margin-right: 25px;
	margin-top: 0;
	display: inline;
}

/* Right Column (Adverts, Contact Details) */
#sideColumn {
	width: 260px;
	height:550px;
	float: right;
	display: inline;
	background:transparent url('/img/sideColumn.png') no-repeat scroll left top;
	padding:0;
}

#sideColumn h2 {
	margin: 0 0 0 10px;
	color: #C0C0C0;
	padding: 0 20px 0 10px;
	font-size: .8em;
}

#sideColumn p{
	color: #FFFFFF;
	font-size: .8em;
	padding: 0 20px 8px 20px;
	margin:0px;
}

/* Footer Section */
#footer {
	background: transparent url('/img/footer.png') no-repeat scroll center bottom;
	height: 160px;
	clear: both;
	margin: 0 auto;
	width: 940px;
	display: block;
	color: #f9cd00;
}

.footer-section span, #footer-copy span {
	color:#FFF;
	line-height:57px;
}

.footer-section span.left, #footer-copy span.left {
	text-align: left;
	float:left;
	margin-left:45px;
}

.footer-section span.right, #footer-copy span.right{
	text-align:right;
	float:right;
	margin-right:45px;
}

#footer-copy {
	clear:both;
	float:left;
	width:940px;
}

#footer-copy p {
	color:#FFF;
	font-size:.7em;
	font-weight:normal;
	margin-top:0;
}

#footer-copy a {
	color:#FFC900;
	font-weight:normal;
	text-decoration:none;
}

#footer-copy a:hover {
	text-decoration:underline;
}

/*  Scrolling Advert section*/
div.advert-container {
	width:940px;
	height:140px;
	float:left;
	display:block;
}

/* Footer hyperlinks listing */

.footer-links-container {
	width:940px;
	float:left;
	padding:0 10px 0 10px;
}

.footer-links h3{
	color: #f9cd00;
}
.footer-links {
	width:155px;
	margin-left:24px;
	padding-top:10px;
	float:left;
}

.footer-links li {
	font-size:.8em;
	font-weight:normal;
	list-style:square;
}
.footer-links a{
	text-decoration:none;
	color:#FFF;
}

.footer-links a:link, .footer-links a:visited {
	color:#FFF;
}

.footer-links a:hover{
	color: #8cdae3;
	text-decoration: underline;
}

/*  Standard Elements*/
a:link, a:visited {
	color: #0A4A8C;
}
a:hover {
	color: #0a4a8c;
}

caption {
	color:#0a4a8c;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

a img{
	border:none;
}

h1, h2 , h3 {
	color: #333333;
}

h1 {
	font-size: 1.2em;
	margin: 10px 0;
	line-height: 130%;
}
h2 {
	display: block;
	width: auto;
	font-size: 1.1em;
	letter-spacing: -1px;
	padding-bottom: 2px;
}

h3{
	margin-top:0;
	padding-top:0;
	font-size:.9em;
}

p {
	font-size:0.8em;
	margin:4px 10px 20px 10px;
}

p.slim-detail {
	width:310px;
}
.float-right{
	float:right;
}


/*  START OF CONTACT FORM */
#form-container{
	margin:0 25px;
	padding:15px;
	width:480px;
}

.homeimage-squash {
	width:250px;
	height:250px;
	float: right;
	background: transparent url('/img/services/squash/web.jpg') no-repeat scroll center top;
	margin-right:60px;
}

.homeimage-golf{
	width:250px;
	height:250px;
	float: right;
	background: transparent url('/img/services/golf/software.jpg') no-repeat scroll center top;
	margin-right:60px;

}

#form-container label{
	font-size:.8em;
	font-family:Tahoma,Arial,Sans-serif;
}

#form-container textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:.9em;
}
#form-container td {
	padding:4px 0;
}
#form-container td > button{
	text-indent:8px;
}

.error{
	background-color:#991111;
	border:1px #f00 solid;
	color:white;
	font-size:.75em;
	padding:3px;
	width:185px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

/* End of Contact page */


/*  Showcase right column advert style */
.titleBar { 
    padding: 2px;
    font-style: italic; 
    font-weight: bold;
    background-color: #2c546f;
    font-size: 1.2em; 
}
.titleBar a { 
	color: #000000; 
}

div#showcase, div#showcase2, div#showcase3, div#showcase4 , div#showcase5 {
	margin-top:0px;
	width:170px;
	height:130px;
	float:left;
}

div#showcase img{
	margin: 0;
	padding:0;
}


div#showcase, div#showcase2, div#showcase3, div#showcase4, div#showcase5{
	margin-left:12px;
}

div#showcase6{
	margin-left:40px;
}



div#navigator a{
	font-size:.6em;
	padding: 0;
}



/* Booking  A job */
div#booking-buttons{
	width: 200px;
	font-weight: normal;
	padding: 0;
	border-width: 0;
	height: 150px;
	margin: 16px 0 0 25px;
	text-align: center;
}

div#booking-buttons ul li {
	width:200px;
	height:45px;
	list-style-type:none;
	margin-bottom:4px;
}

div#booking-buttons ul li a{
	display: block;
	width: 200px;
	height: 45px;
	text-decoration: none;
	background: transparent url('/img/bookingbutton.png') no-repeat scroll center top;
	font: bold .8em Tahoma;
	line-height: 45px;
	background-position: 0 0;
}

div#booking-buttons ul li a:hover{
	background-position: 0 -45px;
	color: #FFFFFF;
}

div#booking-buttons ul li a:link, div#booking-buttons ul li a:visited{
	color:#FFFFFF;
}

/* Facebook */
div#facebook{
	width: 200px;
	font-weight: normal;
	padding: 0;
	border-width: 0;
	height: 45px;
	margin: 8px 0 8px 25px;
	text-align: center;
}

div#facebook ul li {
	width:200px;
	height:45px;
	list-style-type:none;
	margin-bottom:4px;
}

div#facebook ul li a{
	display: block;
	width: 200px;
	height: 45px;
	text-decoration: none;
	background: transparent url('/img/facebook.png') no-repeat scroll center top;
	font: bold .8em Tahoma;
	line-height: 45px;
	background-position: 0 0;
}

div#facebook ul li a:hover{
	background-position: 0 -45px;
	color: #FFFFFF;
}

div#facebook ul li a:link, div#facebook ul li a:visited{
	color:#FFFFFF;
}

/* Firefox */
div#firefox{
	width: 200px;
	font-weight: normal;
	padding: 0;
	border-width: 0;
	height: 45px;
	margin: 8px 0 8px 25px;
	text-align: center;
}

div#firefox ul li {
	width:200px;
	height:45px;
	list-style-type:none;
	margin-bottom:4px;
}

div#firefox ul li a{
	display: block;
	width: 200px;
	height: 45px;
	text-decoration: none;
	background: transparent url('/img/firefox.png') no-repeat scroll center top;
	font: bold .8em Tahoma;
	line-height: 45px;
	background-position: 0 0;
}

div#firefox ul li a:hover{
	background-position: 0 -45px;
	color: #FFFFFF;
}

div#firefox ul li a:link, div#firefox ul li a:visited{
	color:#FFFFFF;
}

/* Sitemap*/
div.sitemap-list ul{
	list-style-type: disc;
	color: #991111;
}

div.sitemap-list ul li a, div.sitemap-list ul li ul li a{
	text-decoration:none;
	color: #000000;
}
div.sitemap-list ul li a{
	font-size:12px;
}

div.sitemap-list ul li ul li h2 a,div.sitemap-list ul li ul li h2{
	font-size:12px;
	font-weight:normal;
}

div.sitemap-list ul li ul li a, div.sitemap-list ul li ul li h2{
	font-size:12px;
}

div.sitemap-list ul li ul li ul li a{
	font-size:12px;
}

div.sitemap-list ul li h2 a, div.sitemap-list ul li ul li h2 a{
	text-decoration:none;
	color: #000000;
}

div.sitemap-list ul li h2 a:hover, div.sitemap-list ul li a:hover,div .sitemap-list ul li ul li h2 a:hover, div .sitemap-list ul li ul li a:hover{
	text-decoration: underline;
	color: #991111;
}
/* End of sitemap*/


/* Rates*/
.ui-accordion .ui-accordion-header a span{
	float:right;
	font-weight:normal;
	font-family:"Trebuchet MS", sans-serif;
	width:160px;
}

div.rate-wrapper ul{
	font-size:.85em;
}

/* End of Rates*/

/* Accordion IE/Win - Fix animation bug - #4615 */
.ui-accordion { 
	width: 590px; 
	height:500px;
}

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: .9em; padding: .3em .3em .3em .5em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: .5em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }


#accordion h3, #accordion2 h3, #accordion3 h3{ 
	margin: 0 0 1px 0; 
	padding: 0;
	font-size:.8em;
	
}

#accordion h3 a:hover, #accordion2 h3 a:hover, #accordion3 h3 a:hover{
	text-decoration: none;
	color: #FFFF00
}


ul.honor {
	list-style-type:none;
	width:500px;
	float:left;
	display:block;
	padding:0;
	padding-bottom:15px;
	font-size:.7em;
}

ul.honor li {
	width:100%;
	display:block;
	clear:both;
	float:left;
	height:auto;
	background-color:#fff;
	padding:0;
	margin:0;
}
ul.honor div {
	float:left;
	width:120px;
	display:block;
	text-align:center;
}
ul.honor li.honor_header {
	background-color:#576925;
	color: #fff;
}
ul.honor li.odd {
	background-color:#C7D0AE; 
}


table th {
    font-size: 90%;
	font-weight:bold;
	border: #000 solid 1px;
	border-right:none;
	padding: 2px;
	width: 50px;
	background-color: #99b165;
}
table tr {
    border-right: #000 solid 1px;
}
table td {
	border: #000 solid 1px;
	border-top: none;
	border-right: none;
	font-size: 85%;
	padding: 2px;
	background-color: #fff;
	text-align: left;
}
table td span {
	clear:both;
}
table td.last_column, table th.last_column {
    border-right: 1px solid #000;
	background-color: #c0b8da;
	width: 35px;
}

table td.first_column, table th.first_column {
	background-color: #29185f;
	color:#fff;
	width: 60px;
	text-align:left;
}
table th.last_row {
	border-top: none;
}
.right_border {
	border-right:1px solid #000;
}


/* membership form table*/
table.membership {
	width:585px;
	font-size:.9em;
	line-height:1em;
	border: 1px #000 solid;

}
table.membership .first_column {
	width:80%;
}

table.membership .last_column {
	text-align:center;
}

table.membership th {
	background-color: #29185f;
	color:#fff;

}

table.membership span {
	float:left;
	text-align:left;
	clear:both;
	padding-left:2px;
}

/* contact us form. "*"= Symbol Shown	*/

span.required{
	color:#C40000;	
}

table#contactus, table#contactus tr, table#contactus td{
	border: 0 black hidden;
}

/* Contact Form */
table#contactus{
	width:540px;
	border:0;
	border-collapse:collapse;
	
}

table#contactus .contactus-label{
	width:100px;
}

table#contactus .contactus-value{
	width:240px;
}

table#contactus .contactus-error{
	width:200px;
}

div#rates h3 {
	color: #0A4A8C;
}
/*  PROGRAMME Page */
ul.whatson li {
	 padding: 5px;
} 
div.whatson {
     overflow:scroll;
	 height:400px;
	 clear: left;
}


ul.events {
   	list-style-type:none;
    font-size:.75em;
	font-weight:bold;
}
.events div {
	float:left;
	clear:both;
}
.male {
	float:left;
	clear:right;
	color: #000000;
}

.female {
	float:left;
	clear:right;
	color: #c91515;
}

.both {
	float:left;
	clear:right;
	color: #3566c1;
}
.male_key {
	display:inline;
    font-size:.75em;
	font-weight:bold;
	color: #000000;
}
.female_key {
	display:inline;
    font-size:.75em;
	font-weight:bold;
	color: #c91515;
}
.both_key {
	display:inline;
    font-size:.75em;
	font-weight:bold;
	color: #3566c1;
}
.event_day {
	float:left;
	clear:none;
	width: 50px;
}
.event_date {
	float:left;
	clear:none;
	width: 30px;
	text-align:right;
	margin-right:8px;
}

#programme {
	margin-top:10px;
	font-size:.65em;
	padding:5px;
	background-color:#fbc3c3;
	border:1px solid #8a1616;
	color:#8a1616;
	text-align:center;
	font-weight:bold;
}

#programme a {
	color:#8a1616;
}

/* End of PROGRAMME Page */


/* ladderplan */
div#ladderplan ol li{
	font-size:.7em;
	padding:0 60px 0 0;
}

div#ladderplan ul.honor {
	list-style-type:none;
	width:500px;
	float:left;
	display:block;
	padding:0;
	padding-bottom:15px;
}

div#ladderplan ul.honor li {
	width:500px;
	display:block;
	clear:both;
	float:left;
	height:auto;
	background-color:#fff;
	padding:0;
	margin:0;
}

div#ladderplan ul.honor div {
	float:left;
	width:150px;
	display:block;
	text-align:center;
}

div#ladderplan ul.honor li.honor-header {
	background-color:#29185f;
	color: #fff;
	font-weight:bold;
	font-size:1em;
}

div#ladderplan ul.honor li.odd {
	background-color:#c0b8da; 
	font-size:1em;
	
}
div#ladderplan ul.honor li.even {
	 color:#000;
	 background-color:#E8EBEF;
	 font-size:1em;
}

/* sponsorpage */

div#sponsor-page ul.honor {
	list-style-type:none;
	width:580px;
	float:left;
	display:block;
	padding:0;
	margin:0;
}

div#sponsor-page ul.honor li {
	width:100%;
	display:block;
	clear:both;
	float:left;
	height:auto;
	background-color:#fff;
	padding:0;
	margin:0;
}

div#sponsor-page ul.honor div {
	float:left;
	width:180px;
	display:block;
	text-align:left;
	padding:4px;
}

div#sponsor-page ul.honor div.web {
	float:left;
	width:250px;
	display:block;
}


div#sponsor-page ul.honor div.phone {
	float:left;
	width:120px;
	display:block;
}

div#sponsor-page ul.honor li.honor-header {
	background-color:#29185f;
	color: #fff;
	font-weight:bold;
}

div#sponsor-page ul.honor li.odd {
	background-color:#c0b8da; 
	
}
div#sponsor-page ul.honor li.even {
	 color:#000;
	 background-color:#E8EBEF;
}

/* Committee section  */
div#squash-div{
	background-color: #e6fbff;
	width:570px;
	padding:8px;
}

div#golf-div{
	background-color: #CCFFCC;
	width:570px;
	padding:8px;
}

.odd {
	 color:#000;
	 background-color:#F6F8F0;
}
.even {
	 color:#000;
	 background-color:#E8EBEF;
}

/* Homepage  links to news, gig guide and friends */
ul#article 
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#article li
{
display: inline;
list-style-type: none;
}

#article a { padding: 3px 10px; }

#article a:link, #article a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#article a:hover
{
	color: #fff;
	background-color: #6699FF;
	text-decoration: none;
}

/* END Homepage  links to news, gig guide and friends */
