*{
	margin:0;
	padding:0;
	list-style:none
}

body{
	font:normal 12px arial, verdana, sans-serif;
	background-color:#f3f3f3;
	background-repeat:repeat-x;
	color:#555
}

#main div:after, #header li:after, ul:after{/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

p, address{
	margin:0 0 1em;
	line-height:1.4em
}

img, acronym{
	border:0
}

a{
	color:#555
}

a:hover, a:focus{
	color:#000
}

h3{
	font-size:12px;
	margin:14px 0 0
}

h3 span{
	font-size:10px;
	font-weight:normal
}

ul li{
	padding:0 0 0 16px;
	margin:4px 0 0;
	line-height:1.4em
}

ol li{
	margin:0 0 3px 16px;
	line-height:16px;
	list-style:decimal
}

address{
	font-style:normal
}

address span{
	display:block;
	font-size:10px
}

/* BEGIN: Top Header ================== */
#logo{
	margin:65px 0 0 48px;
	float:left
}

#header ul *{
	padding:0;
	margin:0;
	float:left;
	height:28px;
	background-color:#ddd
}

#header li a{
	text-indent:-9999px
}

#header li a:hover{
	background-color:#aaa
}

#btn-home{
	background:url(/img/btn-home.gif);
	width:82px
}

#btn-tennis-programs{
	background:url(/img/btn-tennis-programs.gif);
	width:152px
}

#btn-pro-shop{
	background:url(/img/btn-pro-shop.gif);
	width:104px
}

#btn-hockey{
	background:url(/img/btn-hockey.gif);
	width:93px
}

#btn-membership{
	background:url(/img/btn-membership.gif);
	width:126px
}

#btn-contact{
	background:url(/img/btn-contact.gif);
	width:171px
}

#homepage #btn-home, #tennis #btn-tennis-programs, #pro-shop #btn-pro-shop, #hockey #btn-hockey, #membership #btn-membership, #contact #btn-contact{
	background-color:#ceee4c;
	cursor:default
}
/* END: Top Header ================== */



#main{
	margin:auto;
	width:728px;
	background:#fff url(/img/bg-7.gif) repeat-y top center
}

#content{
	float:left;
	width:414px;
	padding:10px 48px 0 43px
}

#content p{
	text-align:justify
}

#content h2{
	font-size:18px;
	margin:14px 0 0;
	padding:14px 0 0;
	text-transform:uppercase;
	background:url(/img/dotted.gif) repeat-x
}

#side{
	float:left;
	width:202px;
	padding:16px 0 0 10px
}

#side h2{
	font-size:14px;
	margin:14px 0 0
}

/* BEGIN: Footer ================== */
#footer{
	border-top:5px solid #fff;
	font-size:10px;
	color:#999;
	clear:both;
	background:#e9e9e9 url(/img/bg-footer.gif) no-repeat top center
}

#footer div{
	margin:auto;
	width:670px;
	padding:16px 0 24px
}

#footer ul{
	text-align:right;
	margin:0 0 40px
}

#footer li{
	display:inline;
	background:url(/img/pipeline.gif) no-repeat center left;
	padding:0 10px
}

#footer a{
	color:#999;
	text-decoration:none;
	text-transform:lowercase
}

#footer a:hover{
	color:#333
}

#footer p{
	margin:0
}

#call{
	text-indent:-9999px;
	clear:both;
	margin:0
}
/* END: Footer ================== */


/* BEGIN: Homepage ================== */
#homepage{
	background-image:url(/img/bg-1.gif)
}

#homepage #content{
	background:url(/img/bg-8.png) no-repeat top right
}

#homepage #side{
	padding-top:0
}

#homepage #header{
	background:url(/img/bg-homepage-header.jpg) no-repeat bottom left;
	height:408px
}

/* BEGIN: Tennis Section */
#homepage #content h2{
	font-size:14px;
	margin:18px 0 0;
	text-transform:none;
	background:none
}

#opening-line{
	background:url(/img/bg-our-tennis.gif) no-repeat center left;
	height:57px;
	text-indent:-9999px
}

#lessons-clinics, #junior-programs, #adult-programs{
	float:left;
	width:72px;
	padding:84px 56px 6px 10px;
	margin:10px 0 20px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	color:#eee
}

#lessons-clinics{
	background:url(/img/bg-instructor.jpg) no-repeat
}

#junior-programs{
	background:url(/img/bg-boy.jpg) no-repeat
}

#adult-programs{
	background:url(/img/bg-doubles-team.jpg) no-repeat
}

#lessons-clinics:hover, #junior-programs:hover, #adult-programs:hover{
	color:#fff;
	background-position:bottom left
}

dt.secondary{
	padding:0 0 0 118px
}

dt.secondary a{
	color:#617e29;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase
}

dd.secondary{
	background:url(/img/dotted.gif) repeat-x bottom left
}

dd.secondary p{
	padding:16px 0 0 118px;
	height:71px;
	margin:-14px 0 .6em
}

#court-time p{
	background:url(/img/photo-score.jpg) no-repeat
}

#membership-section p{
	background:url(/img/bg-tennis-girl.jpg) no-repeat
}

#usta p{
	background:url(/img/photo-usta-team.jpg) no-repeat
}

.secondary .learn-more{
	text-indent:-9999px;
	float:right;
	width:90px;
	height:15px;
	margin:4px 0 0;
	overflow:hidden;
	background:url(/img/btn-learn-more.gif) no-repeat
}

.secondary .learn-more:hover{
	background-position:0 -15px
}

#homepage #content ul{
	margin-top:5px
}

#homepage #content ul li{
	width:140px;
	float:left;
	background:url(/img/bullets.gif) no-repeat -40px 7px
}
/* END: Tennis Section */

/* BEGIN: Pro Shop Section */
#pro-shop-section{
	margin:-20px 0 20px;
	padding:0 0 0 6px
}

#pro-shop-section ul li{
	background:url(/img/bullets.gif) no-repeat -20px -17px
}
/* END: Pro Shop Section */

/* BEGIN: Hockey Section */
#hockey-section{
	background:url(/img/bg-hockey.gif) no-repeat top right;
	padding:50px 0 0 6px
}

#hockey-section ul li{
	background:url(/img/bullets.gif) no-repeat 4px -41px
}
/* END: Hockey Section */
/* END: Homepage ================== */


/* BEGIN: Tennis Page ================== */
#tennis{
	background-image:url(/img/bg-5.gif)
}

#tennis #header{
	background:#fff url(/img/bg-tennis-header.jpg) no-repeat bottom left;
	height:328px
}
/* END: Tennis Page ================== */


/* BEGIN: Membership Page ================== */
#membership{
	background-image:url(/img/bg-4.gif)
}

#membership #header{
	background:#fff url(/img/bg-membership-header.jpg) no-repeat bottom left;
	height:328px
}
/* END: Membership Paage ================== */


/* BEGIN: Pro Shop Page ================== */
#pro-shop{
	background-image:url(/img/bg-6.gif)
}

#pro-shop #header{
	background:#fff url(/img/bg-pro-shop-header.jpg) no-repeat bottom left;
	height:343px
}
/* END: Pro Shop Page ================== */


/* BEGIN: Hockey Page ================== */
#hockey{
	background-image:url(/img/bg-3.gif)
}

#hockey #header{
	background:#fff url(/img/bg-hockey-header.jpg) no-repeat bottom left;
	height:328px
}

#hockey #content ul{
	width:252px
}

#hockey #content ul li{
	width:80px;
	float:left
}

#hockey #side div{
	text-indent:-9999px;
	height:165px;
	background:url(/img/goalie.jpg) no-repeat
}
/* END: Hockey Page ================== */


/* BEGIN: Contact and Directions ================== */
#contact{
	background-image:url(/img/bg-2.gif)
}

#contact #content{
	float:none;
	width:auto;
	padding:0 12px 0 19px
}

#contact #header{
	background:#fff url(/img/bg-contact-header.jpg) no-repeat bottom left;
	height:328px
}

#contact form{
	padding:12px 0 0;
	background:url(/img/dotted.gif) repeat-x
}

#contact kbd{
	font-style:italic;
	color:#999;
	display:block;
	padding:0 0 0 68px;
	margin:0 0 -12px
}

#contact form *{
	font-size:10px
}

#startFrom{
	width:156px
}
/* END: Contact and Directions ================== */


h1, .hide, #pro-shop-section p, #hockey-section p{
	position:absolute;
	left:-9999px;
	width:99px
}

.first{
	background:none !important;
	padding-top:0 !important
}

.docs, .presentation, .spreadsheets, .form{
	padding:0 1px 3px 18px
}

.docs{
	background:url(/img/icons.gif) no-repeat
}

.presentation{
	background:url(/img/icons.gif) no-repeat 0 -66px
}

.spreadsheets{
	background:url(/img/icons.gif) no-repeat 0 -132px
}

.form{
	background:url(/img/icons.gif) no-repeat
}