/*SITE DETAILS:

design by: ali
company: spOOny

colours used:

orange: #FDA600
mid-blue: #0195DF
dark-blue: #02658C
yellow: #FEBB26
pale yellow: FEF896

***********************************************
			 LAYOUT 
***********************************************/

html {min-height: 100%;}

* {margin: 0;padding: 0;}

body {background: #0182D6 url(../img/bg3.jpg) repeat-x left top;color: #444;font-family:Arial, Helvetica, sans-serif;font-size: small;}
.container {background: #FFF;margin: 0 auto;width: 800px;padding: 0px;}
.header {background: url(../img/header1.jpg) no-repeat;font-size: 90%;margin: 0 auto;width: 800px;height: 275px;padding: 0px;}	

/***********************************************
			 LINKS
***********************************************/
a {color: #00658a;text-decoration: none;}
a:hover {color: #0096df;text-decoration: none;}

/*--------------------------------
     		  MISC
---------------------------------*/
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
.right_footer {float: right; padding:0; margin-top: -50px; margin-right: 15px;}
.fifty {width: 350px; float: left; padding-right: 20px;}
img {border: none;}

/*--------------------------------
      		MAIN
---------------------------------*/
.weather {
float: left;
margin-bottom: 10px;
margin-right: 10px;
padding: 5px;
border: 1px solid #e6e6e6;
}
.imgleft {
float: left;
margin-bottom: 20px;
margin-right: 20px;
padding: 5px;
border: 1px solid #e6e6e6;
}
.imgright {
float: right;
margin-bottom: 10px;
margin-left: 20px;
padding: 5px;
border: 1px solid #e6e6e6;
}
.slideleft {
float: left;
margin-bottom: 20px;
margin-right: 20px;

}
.slideright {
float: right;
margin-bottom: 10px;
margin-left: 20px;

}
.slideshow {
float: left;
padding: 0;
margin: 0;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;


}
.query {border: none;float: left;margin-top: 305px;margin-left: 15px;}
.contact {padding-left: 25px;background: url(../img/icon_info.gif) no-repeat;}
.image {float: left;margin: 10px;}
.border {margin: 10px;border: 1px solid #ccc;padding: 5px;}
.image_right {margin: 10px;border: 1px solid #ccc;padding: 5px;float: right;}
.image_left {margin: 10px;border: 1px solid #ccc;padding: 5px;float: left;}
ul {margin-bottom: 15px;margin-top: 10px;}

/*--------------------------------
       CONTENT
---------------------------------*/
.content {float: left;margin: 30px 0;padding: 0 16px;width: 375px;}
.content li {list-style: url(../img/dot.gif);margin-left: 30px;padding-bottom: 8px;}
.content p {margin-left: 12px;padding-bottom: 1em;}
/*--------------------------------
       CONTENT3
---------------------------------*/
.content3 {padding: 0;margin: 0;float: left;margin-top: 30px;margin-left: 25px;margin-right: 20px;width: 350px;margin-bottom: 15px;}
.content3 li {list-style: url(../img/dot.gif);margin-left: 30px;padding-bottom: 8px;}
.content3 p {margin-left: 12px;padding-bottom: 1em;}
/*--------------------------------
       CONTENT4
---------------------------------*/
.content4 {padding: 0;margin: 0;float: left;margin-top: 30px;margin-left: 25px;margin-right: 20px;width: 350px;}
.content4 ul li {list-style: url(../img/dot.gif);margin-left: 30px;padding-bottom: 8px;}
.content4 p {margin-left: 12px;padding-bottom: 1em;}
/*--------------------------------
       CONTENT2
---------------------------------*/
.content2 {float: left;margin: 30px 0;padding: 0 16px;width: 560px;}
.content2 li {list-style: url(../img/dot.gif);margin-left: 30px;padding-bottom: 8px;line-height: 150%;}
.content2 p {margin-left: 12px;padding-bottom: 1em;}
/*--------------------------------
       CONTENTWIDE
---------------------------------*/
.contentwide {float: left;margin: 30px 0;padding: 0 16px;width: 750px;}
.contentwide ul li {list-style-type: url(../img/dot.gif);margin-left: 30px;padding-bottom: 8px;line-height: 150%;}
.contentwide ul {margin-left: 10px;}
.contentwide ul#decimal li {list-style-type: decimal;margin-left: 30px;padding-bottom: 8px;line-height: 150%;}

.contentwide p {margin-left: 12px;padding-bottom: 1em;}

/*--------------------------------
      		FOOTER
---------------------------------*/
.footer {background: url(../img/corner1.gif) no-repeat;color: #FFF;font: bold 1em sans-serif;text-align: left;height: 70px;margin: 0 auto;width: 800px;
}
.footer a,.footer a:hover {color: #fff;}
.footer a:hover {text-decoration: underline;}
.footer p {padding-left: 10px;padding-top: 25px;}

.content table {width: 100%;border-collapse: collapse;border: 1px dotted #cccccc;margin-top: 10px;}
.content	th {margin: 0;padding: 6px;background: #ffcc33;	border: 1px dotted #cccccc;	padding-top: 8px;padding-bottom:8px;text-align: left;padding-left: 10px;	}
.content	td {margin: 0;	padding-right: 5px;	border: 1px dotted #cccccc;text-align:left;	padding-left: 5px;	padding-top: 8px;	padding-bottom:8px;
	font-size: 95%;}
	
.content2	table {
	width: 100%;
	border-collapse: collapse;
	border: 1px dotted #cccccc;
	margin-top: 10px;
	margin-bottom: 10px;

}

.content2	th {
	margin: 0;
	padding: 6px;
	background: #ffcc33;
	border: 1px dotted #cccccc;
	padding-top: 8px;
	padding-bottom:8px;
	text-align: left;
	padding-left: 10px;
	}
.content2	td {
	margin: 0;
	padding-right: 5px;
	border: 1px dotted #cccccc;
	text-align:left;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom:8px;
	font-size: 95%;
	}
	.contentwide	table {
	width: 100%;
	border-collapse: collapse;
	border: 1px dotted #cccccc;
	margin-top: 10px;
		margin-left: 10px;
	
}

.contentwide	th {
	margin: 0;
	padding: 6px;
	background: #ffcc33;
	border: 1px dotted #cccccc;
	padding-top: 8px;
	padding-bottom:8px;
	text-align: left;
	padding-left: 10px;
	}
.contentwide	td {
	margin: 0;
	padding-right: 5px;
	border: 1px dotted #cccccc;
	text-align:left;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom:8px;
	font-size: 95%;
	}
	
table#link {width: 90%;border: none;}
table#link td {width: 250px; border: none;}
	
	.none {
	border: none;
	}
	.header_icons {
	float: right;
	margin-top: 243px;
	margin-right: 10px;
	padding: 0px;
	
	}
	.header img {
	border: none;
	}
	
/*--------------------------------
       GALLERY
---------------------------------*/

.photo img {
	border: 1px solid #666;
	background-color: #fff;
	padding: 4px;
	
	

}
.gallery p {
text-align: left;
margin: 10px 0 0 0;


}
.gallery {
float: left;
width: 230px;
margin: 10px 10px 10px 10px;

}

.red {
color: #FF0000;

}
.download {padding-left: 28px; background: url(../img/download.gif) no-repeat top left;}
/*--------------------------------
       TOP NAVIGATION
---------------------------------*/

ul#nav {float: left;padding: 0;margin: 0;color: #fff;background: #e39500;width: 785px;padding-left: 15px;border-top: 1px solid #e39500; text-align: center;}
ul#nav li {padding:0;margin:0;float:left;list-style-type:none;font-size: 110%;}
ul#nav li a {display: block;padding-left: 20px; padding-right: 20px;padding-top: 5px;padding-bottom: 5px;color: #fff;text-decoration: none;}
ul#nav li a:hover {color: #e39500; background:  #fef896;}


ul#nav1 {float: left;padding: 0;margin: 0;padding-left: 65px;background: #fef896;width: 735px;border-top: 1px solid #e39500; text-align: center;}
ul#nav1 li {padding:0;margin:0;float:left;list-style-type:none;font-size: 90%;}
ul#nav1 li a {display: block;padding-left: 20px; padding-right: 20px;padding-top: 3px;padding-bottom: 3px;color: #fda600;text-decoration: none;}
ul#nav1 li a:hover {color: #fef896; background:  #fda600;}


ul#footer1 {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 81%;
}
#mail {
float: right;
padding-right: 20px;
padding-top: 2px;
}
#design {
float: left;
padding-left: 10px;
padding-top: 2px;
}
.question {
font-style: italic;
padding: 0;
margin: 0;
}
.answer {
color:#00658a;
padding: 0;
margin: 0;
}
.download {
margin-right: 5px;

}
.orange {
color: #FDA600;
font-weight: bold;
}
.icon {
padding-right: 5px;
padding-left: 5px;
}
.caption {
font-style: italic;
}
/******************************************************
	GALLERY (see also css/litebox.css
*******************************************************/

 .thumbnail {
	float: left;
	width: 120px;
	padding: 0;
	margin: 0;
	font-size: 130%;
	text-align: center;
	height: 120px;
	margin-top: 20px;

	
	}
.thumbnail img {
border: 1px solid #ccc;
margin-bottom: 7px;
	padding: 5px;
	background: #fff;
}
/******************************************************
	COURTS IMAGES
*******************************************************/

 .thumbnail-courts {
	float: left;
	width: 370px;
	padding: 0;
	margin: 0;
	font-size: 130%;
	text-align: center;
	height: 300px;
	margin-top: 20px;

	
	}
.thumbnail-courts img {
border: 1px solid #ccc;
margin-bottom: 7px;
	padding: 5px;
	background: #fff;
}

.description {
margin: 0;
padding: 0;
font-size: 80%;
}
.noborder {
border: none;
}

.logo {
padding-left: 80px;}
.caption {
font-size: 80%;
font-style:normal;
margin-left: 15px;
}
.borderlong {
margin: 0px;
border: 1px solid #ccc;
padding: 5px;
margin-top: 10px;

}
.clear {clear: both;}

/***********************************************
			 HEADINGS 
 ***********************************************/


h1 {padding: 0;margin: 0;padding-top: 15px;padding-bottom: 10px;color: #02658C;margin-top: 5px;}
h2 {margin: 0;padding: 0;padding-top: 10px;padding-bottom: 10px; color: #0195DF;}
h3 {padding: 0;margin: 0;padding-top: 10px;padding-bottom: 10px; color: #FDA600;}
h4 {padding: 0;margin: 0;padding-top: 10px;color: #FDA600;}
h5 {margin: 0;padding: 0;color: #fff;background: #FEBB26;padding: 8px;margin-bottom: 5px;letter-spacing:1px;font-size: 110%;margin-top: 10px;padding-left: 13px;clear:both;}


/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-hasFlash h1 { visibility:hidden; font-size: 80%; background: none; z-index: 1; margin-left: 10px; }
.sIFR-hasFlash h2 { visibility:hidden; font-size: 80%; background: none; z-index: 1; margin-left: 10px; }
.sIFR-hasFlash h3 { visibility:hidden; font-size: 60%; background: none; z-index: 1; margin-left: 10px; }
.sIFR-hasFlash h4 { visibility:hidden; font-size: 8pt; background: none; z-index: 1; margin-left: 10px; width: 250px;}
.sIFR-flash { visibility:visible !important; }

.sIFR-replaced { visibility:visible !important; }

span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; letter-spacing:0; }

.weather {margin: 0; padding: 0; border: none;margin-top: 10px; margin-bottom: 10px; margin-left: 20px; }
.noticeboard {background: url(../img/noticeboard.jpg) no-repeat top left; height: 172px; width: 290px;}
.noticeboard p {padding-left: 55px; padding-top: 65px;line-height: 160%;width: 170px;}
/* --------------------------
		FORMS
-----------------------------*/	
form {margin-top: 20px;}
label {width: 100px;float: left;text-align: right;display: block;margin-right: 10px;margin-bottom: 10px;}

.small {font-size: 90%;}
hr {margin-left: 10px; margin-top: 10px; margin-bottom: 20px; margin-right: 10px;}
.twitter {background: url(../img/button-twitter.jpg) no-repeat top left;height: 65px; width: 340px; padding-top: 5px;}

ul#shop-items {clear: both;margin: 0; padding: 0;margin-top: 25px; margin-bottom: 15px;margin-left: 20px;}
ul#shop-items li {background: #fdba25;display: block;width: 175px;float: left; height: 213px;list-style-type: none;border: 1px solid #ccc;margin-bottom: 15px;}
ul#shop-items p {margin: 0; padding: 0;padding-top: 5px; padding-bottom: 5px;font-size: 100%; color: #000;width: 175px;text-align:center;background: #fdba25;clear: both;}


td#center {text-align: center;}

tr.d0 td {background-color: #d9d9d9; color: black;}
tr.d1 td {background-color: #e6e6e6; color: black;}
.enlarge {margin-left: 40px;}

table#pay {width: 180px;border: none; margin: 0; padding: 0;margin-bottom: 10px;background: #02658c;}
table#pay td {margin: 0;padding: 5px;color: #fff;font-weight: bold;}
form#paypal {margin-left: 20px;}
.rss {background: url(../img/icon_rss.png) no-repeat 0 0; padding-left: 25px;padding-top: 2px;}

table#photos {width: 720px;border:none;}
table#photos tr, table#photos td {border: none;}
blockquote {margin: 0;padding: 0;color: #fff;background: #FEBB26;padding: 8px;margin-bottom: 5px;letter-spacing:1px;font-size: 110%;margin-top: 10px;padding-left: 13px;}
td#photo {width: 240px;}

.content4 ul#icons {height: 40px; margin: 0; padding: 0;}
.content4 ul#icons li {list-style: none; float: right;margin: 0; padding: 0;margin-right: 10px;}

img.border {border: 1px solid #ccc;padding: 5px;}