/*
  St George's Hill
  Screen Stylesheet
*/

html { font-size: 62.5%; }
body { color: #3f3c3c; font: normal 1.2em Verdana, Arial, Helvetica, sans-serif; }
p { color: #3f3c3c; line-height: 1.2em; padding: 0 0 10px 0; }
a { color: #3f3c3c; }
.clear { clear: both; height: 0; overflow: hidden; visibility: hidden; }
.none { text-decoration: none; }
.right { float: right; }
.left { float: left; }
.hr { border-bottom: dotted 1px #d9d9d9; clear: both; height: 1px; margin: 10px 0 15px 0; padding: 0; width: 750px; }
.error ul { color: red; }
.content_table th, .content_table td { text-align: left; padding: 4px; }
.content_table { margin-bottom: 10px; }
#skips {
  position:absolute;
  left:-999em;
}
.link_button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	background: url(/images/bg_green_btn.gif) left top repeat-x;
	margin: 0 0 0 5px;
	padding: 3px 9px 1px 9px;
	height: 25px;
	border: none;
	cursor: pointer;
	float: right;
	text-decoration: none;
}
input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	background: url(/images/bg_green_btn.gif) left top repeat-x;
	margin: 0 0 0 5px;
	padding: 0 9px 1px 9px;
	height: 25px;
	border: none;
	cursor: pointer;
}

input, textarea, select {
	border: 1px solid #bfbfbf;
	font-size: 1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*  Header */
#skip { left: 0; position: absolute; top: -999em; }

#header { 
	background: #fff url(/images/bg_header.gif) top left repeat-x; 
	height: 120px; 
	width: 100%; 
}
#header .limit { 
	margin: 0 auto; 
	overflow: hidden; 
	width: 985px; 
}
#header .toplinks { color: #fff; display: inline; float: right; margin: 0; padding: 0 4px; }
#header .toplinks ul { list-style: none; margin: 0; padding: 0; }
#header .toplinks li { float: left; padding: 4px 7px; /*background: transparent url(/images/link_divide.gif) right 5px no-repeat; */ margin: 0 5px 0 0;}
#header .toplinks li.login { background-color: #75ab11; padding: 3px 6px; color: #fff; background-image: none; margin: 0;}
#header .toplinks li.login { display: none; }

#header .toplinks li a { color: #000; text-decoration: none; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#header .toplinks li a:hover { text-decoration: underline; }
#header .toplinks li.login a { color: #fff;}

#header .logo { 
	float: left; 
	padding: 19px 0 0 14px; 
}
#header .join {
	padding: 10px 0 0 31px;
	float: left;
}
#header .search {  
	margin: 30px 0 0 0; 
	float: right;
	width: 302px;
}
#header .search form {
	float: right;
}
#header .search label { 
	display: none;
}
#header .search input { 
	border: 1px solid #bebebe; 
	color: #9a9a9a; 
	font-size: 0.9em;
}
#header .search .search_field { 
	width: 200px;
	margin: 2px 0 0 0;
	padding: 2px 2px 2px;float: left;
}

#header .search input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	background: url(/images/bg_green_btn.gif) left top repeat-x;
	margin: 0 0 0 5px;
	padding: 0 9px 1px 9px;
	height: 25px;
	border: none;
	cursor: pointer;
	float: left;
}




.flash { z-index: 0; padding: 4px 0 0 10px; }

/* Bar */
#bar { background: #fff url(/images/bg_bar.gif) top left repeat-x; width: 100%; }
#bar .limit { margin: 0 auto; padding: 0 0 0 12px; width: 973px; height: 44px; }

#bar .limit #breadcrumb { font-family: Verdana, Arial, Helvetica, sans-serif; color: #7db614; padding: 7px 0 0 0;  width: 552px; float: left; }
#bar .limit #breadcrumb span { color: #3f3c3c; }
#bar .limit #breadcrumb a { margin: 0; text-decoration: none; color: #7db614; }
#bar .limit #breadcrumb a:hover { text-decoration: underline; }

#bar .limit #quick { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3f3c3c; padding: 4px 0 0 0; float: left;}
#bar .limit #quick span { float: left; padding: 3px 10px 0 0; }
	#bar .limit #quick ul{
		list-style: none;
		float: left;
	}
	#bar .limit #quick ul li{
		float: left;
		background: transparent url(/images/icon_tennis.gif) top left no-repeat;
		padding: 3px 0 0 30px;
		color: #7db614;
		height: 21px;
		margin: 0 5px 0 0;
	}
	#bar .limit #quick ul li.squash{
		background: transparent url(/images/icon_squash.gif) top left no-repeat;
	}
	#bar .limit #quick ul li.workout{
		background: transparent url(/images/icon_workout.gif) top left no-repeat;
	}
	#bar .limit #quick ul li.swim{
		background: transparent url(/images/icon_swim.gif) top left no-repeat;
		padding: 3px 0 0 43px;
		margin: 0 0 0 0;
	}
	#bar .limit #quick ul li a{ text-decoration: none; color: #7db614;}
	#bar .limit #quick ul li a:hover{ text-decoration: underline;}


/* Main */
#main { background: #fff;}
#main .limit { background: #fff; margin: 0 auto; padding: 0; width: 985px; }

#left_col {
	float: left;
	width: 213px;
	clear: both;
}

#navigation ul {
	padding: 0 0 6px 0;
	width: 213px;
	background: #fff url(/images/nav_bottom.gif) bottom left no-repeat;
	float: left;
}
	#navigation ul ul {
		padding: 0 0 5px 0;
		margin: 0;
		float: left;
		background: #fff url(/images/nav_bg_ul.gif) top left repeat-y;
	}
#navigation li {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
	float: left;
}
	#navigation li a {
		background: #fff url(/images/nav_off.gif) top left no-repeat;
		text-decoration: none;
		padding: 6px 0 6px 19px;
		color: #3f3c3c;
		width: 194px;
		display: block;
	}
	#navigation li a:hover {
		text-decoration: none;
		color: #7DB614;
	}
#navigation ul li span.current,
#navigation ul li a.current {
	background: #fff url(/images/nav_on.gif) top left no-repeat;
	width: 194px;
	display: block;
	padding: 6px 0 6px 19px;
	color: #fff;
}
	#navigation ul li span.current{
		color: #fff;
	}	
#navigation ul ul li {
	background: transparent url(/images/footer_bullet.gif) left 13px no-repeat;
	margin: 0 0 0 19px;
	border-bottom: 1px dotted #e4e4e4;
	display:inline;
}
#navigation ul ul li a {
		text-decoration: none;
		padding: 6px 0 6px 19px;
		color: #3f3c3c;
		background: none;
		width: 150px;
	}
	#navigation ul ul li a:hover {
		text-decoration: none;
		color: #7DB614;
	}
	#navigation ul ul li span.current {
		display: block;
		color: #7DB614;
		padding: 6px 0 6px 19px;
		background: none;
		width: 150px;
	}

#right_col {
	float: left;
	width: 772px;
}

#flash {
	width: 758px;
	margin: 0 0 0 10px;
}

#top_section {
	width: 758px;
	height:320px;
	margin: 0 0 0 10px;
	
}

#top_section #SlideShow {
	background:url(/images/homeslide/home_img_bg.jpg) no-repeat;
	width:480px;
	height:100%;
	float:left;
}

#top_section #Text {
	width:220px;
	float:left;
	margin-left:20px;
}

#top_section #Text h2 {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7BB213;
}

#top_section #Text a {font-family:Arial, Helvetica, sans-serif; color:#7BB213;}
#top_section #Text a:hover {color:#333;}

.pics { height: 302px; width: 474px; padding:0; margin:0; overflow: hidden; }

.home_box {
	float: left;
	width: 377px;
	margin: 0 0 0 6px;
}
	.home_box h1 {
		width: 357px;
		background: #5f9005 url(/images/bg_green.gif) top left no-repeat;
		padding: 2px 0 2px 20px;
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 1.7em;
		margin :0;
	}
.home_box .middle {
	background: transparent url(/images/shadow_bg.gif) top left repeat-y;
	width: 377px;
	overflow: hidden;
	float: left;
}
.home_box .bottom {
	padding: 10px 0 0 0;
}
.rss {
	float: right;
	padding: 0 10px 0 0;
}
.padd {	
	float: left;
	margin: 0 0 0 6px;
}
.date {
	float: left;
	margin: 3px 0 0 0;
}
.date ul {
	background: transparent url(/images/date_bottom.gif) bottom left no-repeat;
	width: 75px;
	padding: 0 0 8px 0;
	margin: 0 5px 0 10px;
}
	.date li {
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.date li.month {
		background: transparent url(/images/date_top.gif) top left no-repeat;
		color: #fff;
		padding: 7px 0 3px 0;
		text-transform: capitalize;
		font-size: 0.9em;
	}
	.date li.day {
		font-size: 2.0em;
		font-weight: bold;
		background: transparent url(/images/date_bg.gif) top left repeat-y;
		padding: 3px 0 8px 0;
	}
	.home_box .middle .title {
		width: 262px;
		float: left;
	}
	.home_box .middle h2 {
		float: left;
		font-size: 1.5em;
		font-weight: normal;
		padding: 5px 0 2px 0;
		color: #3f3c3c;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
    }
	.home_box .middle h3 {
		float: left;
		color: #5f9005;
		font-size: 1.2em;
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		clear: both;
		width: 250px;
	}
	.home_box .middle .hr { 
		border-bottom: dotted 1px #d9d9d9; 
		clear: both; 
		height: 1px; 
		margin: 10px 0 10px 22px; 
		padding: 0; 
		width: 335px; 
	}
		.home_box .middle .details {
		clear: both;
		width: 340px;
		margin: 0 0 10px 19px;
	}





#right_col .content {
	margin: 0 0 0 10px;
	width: 762px;
}
	#right_col .content h2 {
		font-size: 1.5em;
		font-weight: normal;
		padding: 0;
		color: #3f3c3c;
		font-family: Verdana, Arial, Helvetica, sans-serif;
    }
	#right_col .content h3 {
		font-size: 1.3em;
		font-weight: bold;
		padding: 0;
		color: #3f3c3c;
		font-family: Verdana, Arial, Helvetica, sans-serif;
    }
	#right_col .content h2.archive {
		clear: none;
		float: left;
		margin: 0 30px 0 0;
    }
	#right_col .content h2.month {
		clear: both;
		color: #75ab11;
		margin: 0 0 20px 0;
    }
	form.archive {
		margin: 0 0 30px 0;
	}
.content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #75ab11;
	margin: 10px 0 25px 0;
	font-weight: normal;
	clear: both;
}
.content ul {
	list-style: disc;
	margin: 10px 0 10px 5px;
	padding: 0 0 0 20px;
}
.content li {
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
}
ol.faqs  {
	list-style: decimal;
	margin: 0 0 0 19px;
}
	ol.faqs li {
		color: #75ab11;
 		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 10px 5px;
		padding: 0 0 0 20px;
	}
	ol.faqs li span {
		color: #3f3c3c;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

dl.snippet {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	float: left;
	display: inline;
	line-height: 1.4em;
	border-bottom: 1px dotted #d9d9d9;
	clear: both;
	width: 762px;
}
.home_box .middle dl.snippet {
	width: 350px;
	margin: 3px 0 10px 20px;
} 
    .snippet h2 {
		font-size: 1.5em;
		font-weight: normal;
		padding: 0;
		color: #3f3c3c;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		float: left;
		clear: both;
    }
	.snippet dd {
		clear: both;
	}
	.home_box .snippet dd {
		clear: none;
		float: left;
	}
	.home_box .snippet dd.thumbnail {
		padding: 0 10px 5px 0;
	}
	.green {
		color: #71a510;
		font-size: 0.8em;
	}
	.snippet dd h2 a {
		text-decoration: none;
    }
	.snippet dd h2 a:hover {
		text-decoration: underline;
    }
	.snippet dd h2 span.date {
		color: #5f9005;
		font-size: 0.8em;
		float: left;
		clear: none;
	}
	.snippet dd.copy {
		float: left;
		width: 235px;
	}

.pagination {
  width: 762px;
  float: left;
  text-align: right;
  margin: 0 0 10px 0;
}
.pagination p{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #71a510;
	padding: 2px 0 0 0;
}
	.pagination ul {
		float: right;
		clear: none;
	}
	.pagination li {
		float: left;
		margin: 0;	
		padding: 0 3px 2px;
		color: #2f2f2f;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.pagination li a.words{
		float: left;
		margin: 0;	
		padding: 2px 3px 2px;
		color: #71a510;
		border: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.pagination li a {
		float: left;
		text-decoration: none;
		padding: 0 3px 2px;
		border: 1px solid #d5d5d5;	
	}
	.pagination li a.current {
		color: #fff;
		background-color: #71a510;
		border: 1px solid #71a510;
		text-decoration: none;
	}
.contact {
	float: left;
	width: 762px;
	padding: 0 0 30px;
	line-height: 1.4em;
	border-bottom: 1px dotted #d9d9d9;
}
.address {
	float: left;
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.numbers {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
form.contact_form {
	clear: both;
	padding: 30px 0 0 0;
	width: 408px;
}	
	form.contact_form ul {
		list-style: none;
		margin: 0;
		padding: 0;	
	}
	form.contact_form li {
		margin: 0 0 8px 0;
		padding: 0;
	}
	form.contact_form label {
		width: 150px;
		float: left;
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	form.contact_form textarea, form.contact_form select, form.contact_form input.fields  {
		width: 250px;
	}
	form.contact_form .button {
		margin: 30px 0 0 0;
	}
.gallery {
	float: left;
}
.gallery ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 0 17px 17px 0;
	border: 1px solid #ccc;
	float: left;
	padding: 3px;
}
	.gallery li.end {
		margin: 0 0 13px 0;
	}

.tournament {  
	width: 500px;
	margin: 0 0 30px 0;
}
.tournament h2 { 
	clear: none;
}
.tournament h2 label{ 
	clear: none;
	float: left;
	margin: 0 30px 0 0;
}
.tournament select { 
	border: 1px solid #bebebe; 
	color: #9a9a9a; 
	font-size: 0.9em;
	margin: 3px 0 0 0;
	float: left;
}
.tournament .search_field { 
	width: 200px;
	margin: 2px 0 0 0;
	padding: 2px 2px 2px; 
}

.tournament input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	background: url(/images/bg_green_btn.gif) left top repeat-x;
	margin: 0 0 0 5px;
	padding: 0 9px 1px 9px;
	height: 25px;
	border: none;
	cursor: pointer;
}


table.rounds {
	margin: 0 0 20px 0;
	width: 400px;
}

ul.faq {
	list-style: decimal;
}

ul.faq li {
	margin: 0 0 10px 0; // margin: 0 0 10px 7px;
}
	ul.faq li a{
		text-decoration: none;
	}
	ul.faq li a:hover{
		text-decoration: underline;
	}	
.bold {
	font-weight: bold;
}

/*  Footer */
#footer { clear: both; width: 100%; background: transparent url(/images/bg_footer.gif) top left repeat-x;}
#footer .limit { margin: 0 auto; width: 985px; padding: 30px 0 0 0; }

#footer .limit h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #3f3c3c;
	border-bottom: 1px dotted #d5d5d5;
	padding: 0 0 5px 0;
	width: 190px;
	margin: 0 0 8px 0;
	font-weight: normal;
}
#footer .limit .col1 {
	float: left;
	margin: 0 0 0 30px;
	width: 190px;
}
#footer .limit .col2 {
	float: left;
	margin: 0 0 0 50px;
	width: 190px;
}
#footer .limit .col3 {	
	float: left;
	margin: 0 0 0 50px;
	width: 190px;
}
#footer .limit .col4 {
	float: left;
	margin: 0 0 0 50px;
	width: 203px;
}
#footer .limit ul {
  list-style: none;
  margin: 0;
}
#footer .limit li {
  margin: 0;
  padding: 4px 0 4px 8px;
  background: #fff url(/images/footer_bullet.gif) left 9px no-repeat;
  border-bottom: 1px dotted #d5d5d5;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
}
#footer .limit li.end {
  border-bottom: none;
}
#footer .limit li a {
	text-decoration: none;
}
#footer .limit li a:hover {
	text-decoration: underline;
}
#footer .limit span {
	padding: 2px 0 0 0;
	float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
	line-height: 1.6em;

}

/*  Sub Footer */
#sub_footer { clear: both; width: 100%;}
#sub_footer .limit { margin: 0 auto; width: 985px; padding: 10px 0 30px 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 0.8em; }