@charset "utf-8";
#container {
	width: 955px;
	margin: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(images/home/contents_bg.gif);
    margin-left:auto; /*Used to centre the website no matter what the browser size is*/
	margin-right:auto;
	overflow:hidden;
} 

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-image: url(images/home/GrassSample.jpg);*/
}

img {
    border:none;
}

#nav {
    margin: 0;
	margin-top:-3px;
	height: 30px;
	width: 955px; 
	overflow: hidden;
}

#sidebar_blog {
	font-size: 11px;
	background-color: #FFFFFF;
	padding: 10px;
}

#features {
	height: 220px;
    width:  760px;
}

#subfeatures {
    float: left;
	width: 350px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#join_us_img {
	float: left;
	width: 350px;
	margin-top: 10px;
	margin-left: 20px;
	overflow:hidden;
}
	
#outfortennis {
    float:  left;
	height: 115px;
	width:  370px;
	padding-left: 20px;
}

#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 195px;
}
#sidebar1 h3 { 
    color:#CC0000;
}
#sidebar1 p { 
	font-weight:bold;
}

#footer {
	padding: 2px;
	background-color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	width: 760px;
	clear: both;
} 

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.subf_thumb {
	display: inline;
	float: left;
	width: 60px;
	margin-right: 20px;
}

.subf_desc {
	font-size: 11px;
	float: left;
	width: 250px;
	font-weight: normal;
}
.subf_item {
	float: left;
	width: 330px;
	margin-left: 0px;
	padding-bottom: 10px;
}

.barca_thumb {
	display: inline;
	float: left;
	width: 60px;
	margin-right: 20px;
}

.barca_desc {
	font-size: 11px;
	float: left;
	width: 250px;
	font-weight: normal;
}

a:link {
	color: #245619; 
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	color: #CC0000;
	font-weight:bold;
	text-decoration: none;
}

#sidebar1 a:link {
	color: #000033; 
	font-weight:bold;
	text-decoration: none;
}
#sidebar1 a:visited {
	color: #245619;
	font-weight:bold;
	text-decoration: none;
}

#paypal{ text-align:center;
color:#999999
}
#valid{ 
float: left;
padding-left: 20px;
}

/* ABOUT US PAGE SETTINGS */
#about_us {
padding-top:40px;
padding-left:10px;
text-align:justify;
background-image:url(images/aboutus/aboutus.jpg);
background-repeat:no-repeat;
background-position: top, left;
}
#about_us h3 {
color: #245619;
}
#about_us img {
padding-left:80px;
}
/* EVENTS PAGE SETTINGS */
#events { 
background-image:url(images/events/events_title.jpg);
background-repeat:no-repeat;
padding-top:150px;
}

table.events th, table.events td {
  padding: 4px;
  border: 2px solid #245619;
}

table.events th {
  font-size: 12px;
  color: #245619;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
}

table.contacts
{ width: 750px;
background-color: #245619;
border-collapse: collapse;
border-spacing: 0px;
 }

td.contactDept
{ background-color: #245619;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #FFFFFF; }


td.contact
{ border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 12px;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }



/* Barca PAGE SETTINGS */
#barca { 
background-image:url(images/barca/barca_title.jpg);
background-repeat:no-repeat;
padding:10px;
padding-top:60px;
font-family: Arial, Helvetica, sans-serif;
}

#barca {
text-align:justify;
}

#barca h3 {
color: #245619;
}

#barca_group{
padding-top:10px;
padding-left:40px;
}

#sign {
float:right;
margin-top:20px;
margin-left:20px;
}

/* Gallery PAGE SETTINGS */


/* Contact Us PAGE SETTINGS */
form.contact fieldset {   
  border: 1px solid #245619;   
  padding: 10px;
}  

form.contact legend {   
  font-weight: bold;   
  font-size: small;   
  color: #245619;   
  padding: 5px; 
}

form.contact {   
  padding: 0;   
  margin: 0;   
  margin-top: -15px;
  line-height: 150%;
  color: #245619;  
}

form.contact label {
  font-weight: bold;
  font-size: small;
  color: #245619;
}

form.contact .buttonarea input {   
  background: #245619;
  color: white;   
  font-weight: bold;   
  padding: 5px;   
  border: 2px solid white; 
}

form.contact .buttonarea {     
  padding: 4px;    
}