/*black: 241f20
orange: fecc02
lite orange: fff7e5
*/

html, body, div, span,iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins, strong, ol, ul, li,
fieldset, form, label, legend, img
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100.01%; /*opera*/
font-family: inherit;
vertical-align: baseline;
}
a:focus, a:active {outline:none}

ol, ul {
list-style: none;
}
a {cursor: pointer; text-decoration:none}
a:hover { text-decoration: none; }

.bold {font-weight:bold;margin-bottom:0}
.clear {clear:both}
.notbold {font-weight:normal;}
strong {font-weight:bold}
.larger {font-size:1.2em; font-weight:bold}
em {font-style:italic}
.l-float {float:left}
.r-float {float:right}
.center {text-align:center}

/* force vertical scrollbars */
html {
	height: 100%;
	margin-bottom: 1px;
    overflow-y: scroll;
    font-family: arial, vendana, "sans serif";
    }
    
/* *********from bullet-proof****/
body {font-size:62.5%}
h1 {font-size:2em; margin-bottom:.5em}
h2 {font-size:1.3em; margin-top:1.1em; margin-bottom:.3em; font-weight:bold}
p {color:#000; font-size:1.2em;}
h1 {color: #fecc02}
h3 {
	padding-top:2em;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.6;
	}
h1#home {margin-bottom:.5em; color:#888}
body {background-color: #FFf5A8}
/*#forbkgrd {
	background: url("i/player-trans.png") no-repeat bottom right;
	overflow:hidden;
	width:850px;
	margin: 0 auto; 
	border:1px solid red;
	min-width:850px;
	}*/
#log {
	float:right;
	width: 220px;
	margin: 20px 6px 0 0;
	text-align:right;
	}
label {color:#fff; font-size:.9em }
#log p  {
	color:#fff; 
	text-align:right;
	margin-bottom:.2em
	}
	
.newsletter {
	display: block;
	width: 99px;
	height: 34px;
	background: url("i/newsletter.gif") no-repeat 0 0;
	float:right;
	margin-right:12px;
	}
.newsletter:hover { 
	background-position: 0 -34px;
	}
.newsletter span {
	display: none;
	}

input.member {
	background-color:#fff7e5; 
	color:#666; 
	padding:2px;
	width:150px;
	border:0px solid red; 
	display:inline;
	} 

#banner {
	background: url("i/menu.jpg") repeat-x;
	width:750px;
	margin:0 auto;
	}
#banner h1 {
	width: 300px;
	height: 185px;
	position: relative;
	margin-bottom:0;
	}
#banner h1 span {
	background: url("i/logo.jpg") no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#wrapper {
	overflow:hidden;
	width:750px;
	margin: 0 auto; 
	min-width:750px;
	background: #fff7e5 url("i/bkgrd.gif") repeat-y;
	border-bottom:3px solid black;
	}

#navcontainer {
	float:right;
	width:455px;
	position:relative;
	top:-87px;
	}
#navlist li {
	display:inline;
	margin-right:10px;
	}
#navlist li a {
	font-size:1.1em;
	color:#444; 
	font-weight:bold; 
	}
#navlist li a:hover {
	color:#000
	}
#navlist li #here {
	color:#fff;
	border-bottom:3px solid #fff;
	padding-bottom:1px;
	}
#left {
	background: #fecc02 url("bkgrd.gif") repeat-y;
	width:206px;
	float:left;
	display:inline;
	}
#right {
	width:450px;
	float:right;
	display:inline;
	position:relative;
	top:-20px;
	left:-40px;
	border:0px solid red;
	margin-bottom:2em;
	}
		
#left-content {	
	margin-left:14px;
	position:relative;
	top:-50px;
	border:0px solid red}

address, .phone {
	font-size: 1.3em;
	font-weight:bold;
	line-height:1.3;
	color:#fff7e5;
	}	
.phone	{margin-top:.5em;
	letter-spacing:2px;
	margin-bottom:.9em;
	}
#directions a {
	padding:.1em .3em; 
	color: #fecc02;
	background-color: #fff7e5;
	font-weight:bold;
	font-size:.9em;
	}
#directions a:hover {
	background-color:#fff; 
	}
#comm {margin-top:1.5em}
#facility {margin: 20px 0 30px 0}	

#info p {
	line-height:1.3;
	margin-bottom:1em;
	font-size: 1em; 
}

#tip {margin: 25px 0}
#tip p {font-size: 1.1em; padding-right:10px}

#h-left {float:left; width:50%; margin:0 0 1em 0; line-height:1.4em}
#h-right {float:right; width:50%; margin-bottom:0 0 1em 0; line-height:1.4em}
#cater {font-weight:bold;  }

h1 span {color:#222}

#right p, .list li {font-size:1.1em; line-height:1.4em}
#right .list li a {color:#000; text-decoration:underline}
#right .list li a:hover {text-decoration:none}

#rotate {float:right; width:180px; height:209px;padding: 30px 10px 0 10px}

#scs {float:right; padding: 30px 10px 0 10px}
#bar {float:left; width: 160px; padding-top:20px}

#rightside {float:right; width:255px;}

#callus {clear:both; padding-top:1em; font-size:1.4em; line-height:1.5em; margin-bottom:2em}	

ul.list {
	list-style-type: circle;
	list-style-position: outside;
	}
ul.list li {
	line-height:1.2;
	margin-bottom:.4em;
	margin-left:15px;
}
	
#court {width:275px}	


#facilities #right {
	width:470px;
	float:right;
	display:inline;
	position:relative;
	top:-20px;
	left:-35px;
	margin-bottom:2em;
	}
#menu {
  -moz-box-shadow: 8px 8px 15px #ccc;
  -webkit-box-shadow: 8px 8px 15px #ccc;
  box-shadow: 8px 8px 15px #ccc;
}
	
/****************************membership***************/
table {border-bottom:2px solid #fecc02; width:440px;}
table #type {width:200px; text-align:left; padding-left:.5em}
table #init {width:100px}
table #month {width:120px}
th {background-color:#fecc02; line-height:1.3; padding:.3em 0}
tr {height:2.1em}
tr.stripe {background-color:#fff5A8}
table strong {padding-left: .5em}
p.fineprint {font-size:.9em; margin-top:.5em;}
#guest {border-top:2px solid #fecc02}

.member_app {
	display: block;
	width: 121px;
	height: 52px;
	background: url("i/member_app.gif") no-repeat 0 0;
	}
.member_app:hover { 
	background-position: 0 -52px;
	}
.member_app span {
	display: none;
	}
#download {margin:35px 0 20px 0}

h2.mem  {margin-top:3em;}

tr:nth-child(odd) {background-color:#fff5A8}

/****************************pros***************/
#section {overflow:hidden;
	clear:both;
	margin-top:30px}
#propic {float: left; width:130px;}
#bio {float: right; width:300px; }
#bio h2 {margin-top:0}

/****************************events***************/
#events #left_event {
	float:left; 
	display:block;
	width:180px;
	background-color:#FFf5A8;
	padding:1.5em;
	}
#events #right_event {
	float:right; 
	display:block;
	width:160px;
	background-color:#FFf5A8;
	padding:1.5em;
	margin-bottom:20px;
	}
#events h2 {
	margin-bottom:1.2em;
	margin-top:1em;
	}
#events h3 {
	font-size:1.1em;
	padding:.4em 0 .2em 0;
	letter-spacing:.09em
	}
#events #left_event h2 {margin-bottom:.5em;}
#events #left_event p {margin-bottom:0}
ul#weekly li {margin-bottom:1em;}

#events #left_event li strong {padding-right:.3em}


ul.camp li {
	margin-bottom:.3em;
	}
#events #fineprint {
	border-top:1px solid black; 
	margin-top:3em; 
	padding-top:.3em;
	padding-bottom:.5em;
	}
#big_player {position:relative; top:-40px}
/****************************contact***************/

/*#contact #right {
	width:542px; 
	height:580px;
	position:relative; left:-1px; top:20px;
	background: #fff7e5 url("i/map.jpg") no-repeat -58px 0;
}
#contact #right h1 {
	position:relative; 
	top: -40px; left:50px;
	}
#contact #right h2 {position:relative; top:230px; left:185px}
#contact #right h2 a {color:#000; text-decoration:underline;}
#contact #right h2 a:hover {color:#000; text-decoration:none;}

#enlarge {
	position: relative;
	top:180px;
	left:180px;
	}*/
#contact #right {
	width:542px; 
	height:580px;
	margin-bottom:-25px;
	position:relative; left:-1px; top:-20px;
	background: #fff7e5 url("i/map.jpg") no-repeat -58px 0;
}


#enlarge {
	position: relative;
	top:180px;
	left:180px;
	}	
	
	
/*Add a height attribute and set to largest image's height to prevent overlaying*/

.thumbnail span { 
	position: absolute;
	border: 1px solid #000;
	left: -1000px;
	visibility: visible;
	}
.thumbnail span img { 
	border-width: 0;
	padding: 0;
	}

.thumbnail:hover span { 
	visibility: visible;
	top: -240px;
	left: -160px;
	z-index: 50;
	}	
.thumbnail:hover {
	background-color: transparent;
	}
.thumbnail:hover img {
	border: 0px solid white;
	}	
#summercamp p {color:#99362d; line-height: 1.5; padding-bottom:2em; padding-right:10px}	
#summercamp p a {color:#99362d; text-decoration:underline; font-weight:bold;}	
#summercamp p a:hover {text-decoration:none;}	


#footer {
	clear:both;
	width:750px;
	margin: 0 auto; 
	min-width:750px;
	padding: 1em 0 2em 0;
	}
#footer a {color:black; 
	font-weight:bold;
	}
#footer a:hover {color:#555; 
	}
	
#camp {
	display:block;
	margin-top: 30px;
	}
#camp:after {
 content: ".";  
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; 
}
#camp-pic {float:left; width:88px}
#camp-text {float:right; width:100px;}
#camp-text h2 {color:#a83934; margin-top:0}
#camp-text p {font-size:1.1em; line-height:1.5; padding-right:6px;}
#camp-text p a {color:#a83934}
#camp-text p a:hover {color:red}