body{
margin: 0;
padding: 0;
background: #edf2d7 url(../img/stripe5.gif) top left repeat-x;
color: #302b2b;
}

.container{
margin-bottom: 0px;
margin-top: 0px;
padding-top: 0;
padding-bottom: 0;
}

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;margin: 0;
padding: 0;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	background: #666;
	padding: 0;
	background: url(../img/footergreen2.gif) bottom left repeat-x;
	} 
	

table tr td{
vertical-align: top;}

#wrap{

background:url(../img/bodybg4.gif) top center repeat-y;
}

/* Footer styles */



#footer div.container{
margin-bottom: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}	

#legal{
margin-left: 195px;
background: url(../img/footerbg3.gif) bottom left no-repeat;
height: 150px;
padding: 0;
margin-bottom: -20px;

}

#legal p{
padding-top: 120px;
padding-bottom: 0;
margin-bottom: -10px;
font-size: 90%;
color: #494805;
}

#legal p a{
margin-bottom: 0;
padding-bottom: 0;}

p.footNote{
float: left;
padding-left: 15px;
}

p.birdieLink{
float: right;
padding-right: 15px;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#mainArea{
height: 100%;
min-height: 100%;
}

#pageContent{

margin-bottom: 0;
}

.box{
background: none;}

.clear{clear: both;}



#logo{
margin-top: 140px;
}

#logo img{
padding-left: 30px;}

#header{
background: url(../img/stripe4.gif) top left repeat-x;}

ul#subNav{
margin: 0;
margin-left: 10px;
list-style: none;
clear: both;
height: 20px;
display: block;
margin-bottom: 50px;
font-size: 90%;
}

ul#subNav li a{
float: left;
padding: 5px 10px;
display: block;}

ul#subNav li a.current{
color: #302b2b;
text-decoration: none;
background: url(../img/subnavcurrent.gif) top center no-repeat;}

ul#subNav li.userInfo{
float: right;
}

ul#subNav li.userInfo p{
padding: 5px 10px;
}

ul#subNav li.userInfo a{
float: right;
padding: 0;
padding-left: 5px;
}

ul#subNav li.userInfo a.logout{
float: right;
padding: 0;
padding-left: 5px;
}

ul#mainNav{
background: url(../img/mainnavbg.gif) bottom left repeat-x;
border-top: 1px solid #d1c595;
margin: 0;
list-style: none;
height: 43px;
position: relative;
}

ul#mainNav li a{
float: left;
padding: 11px 20px;
border-right: 1px solid #d1c595;
font-size: 1.1em;
font-family:Georgia,"Times New Roman",Serif;
font-weight: bold;
text-decoration: none;
}



ul#mainNav li a:hover{
background: url(../img/mainnav_active.gif) bottom left repeat-x;
}

ul#mainNav li a.current{
color: #302b2b;
background: url(../img/mainnav_active.gif) bottom left repeat-x;
}

li.last{
position: absolute;
top: -15px;
right: -15px;
}

ul#mainNav li a#becomeMember{
background: url(../img/joinbtn2.png) top right no-repeat;
display: block;
border-right: none;
padding-top: 26px;
height: 16px;
padding-right: 50px;
}
ul#mainNav li a#becomeMember:hover{
background-position: bottom right;}

ul.sectionNav{
list-style: none;
margin: 0;
padding: 0;
margin-top: -10px;
font-size: 90%;
border-bottom: 1px solid #d1c595;
height: 22px;
margin-bottom: 10px;
}

ul.sectionNav li{
float: left;
padding: 0px 15px 5px 0px;
}

ul.sectionNav li a{
height: 22px;
display: block;
}

ul.sectionNav li a.current{
color: #302b2b;
text-decoration: none;
background: url(../img/sectionnavcurrent.gif) bottom center no-repeat;}

li.memNavtitle{
color:#790000;
font-weight: bold;}

#tennisMemnav{
margin-top: 5px;}

/* TEXT STYLES */

a{color: #494805;
font-weight: bold;
}

a:hover{
color: #790000;
}



ul.linkList{
margin: 0;
padding: 0;
list-style: none;}

ul.linkList li{
margin-bottom: 10px;}

h1,h2,h3,h4{
color: #790000;
font-family:Georgia,"Times New Roman",Serif;

}

.sectionLinks h5{
font-size: 120%;
margin-bottom: 5px;
}

h1{
line-height: 120%;
}

.intro p{
font-family:Georgia,"Times New Roman",Serif;
font-size: 1.3em;
}


/* TABLE STYLES */

th{
background: #d8d6b9;
font-size: 90%;
color: #494805;
}

table{
border-bottom: 1px solid #d8d6b9;
}

.rowEven{
background: #f5f3dd;
}


table.minTable{
border-bottom: none;
}
table.minTable tr td{
margin: 0;
padding: 0;
}

table.minTable tr td p{
margin: 0;
padding: 0;
}



/* HOME STYLES */
#homeGallery{
height: 300px;
margin-bottom: 10px;
position: relative;
}

.galleryLink{
position: absolute;
right: 10px;
top: 205px;
z-index: 1999;
}

.galleryLink a{
color: #fff;}

#memberBanner h3{
display: none;}

#memberBanner a{
background: url(../img/memberbanner2.gif) top left no-repeat;
width: 360px;
height: 50px;
display: block;
padding-top: 85px;
padding-left: 12px;
margin-bottom: 0;
padding-bottom: 0;
}

/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* galleryHome LIST */
/* IMPORTANT - Change '#photos' to the ID of your galleryHome list to prevent a flash of unstyled content */
#galleryHome { visibility: hidden;  }

/* galleryHome CONTAINER */
#galleryHome { background:#e7e2c3 url(../img/mainnavbg.gif) bottom left repeat-x; border: none; border-bottom: 1px solid #d1c595; padding: 0px; }

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* galleryHome PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 30px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 1em; line-height: 30px; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed galleryHome */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #d1c595; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #545312; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #545312;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}




/* ICONS */
.word_document{
background: url(../img/icon_word.gif) top left no-repeat;
padding-left: 37px;
line-height: 32px;
display: block;}

.print{
background: url(../img/icon_print.gif) top left no-repeat;
padding-left: 37px;
line-height: 32px;
display: block;}

.zoom{
background: url(../img/icon_zoom.gif) top left no-repeat;
padding-left: 37px;
line-height: 32px;
display: block;}

.pdf_document{
background: url(../img/icon_pdf.gif) top left no-repeat;
padding-left: 37px;
line-height: 32px;
display: block;}

hr{
background-color: #d8d6b9;
color: #d8d6b9;
}

#pageImage{
margin-bottom: 15px;
display: block;}

/* SPECIAL BOX */
#specialBox{
border: 1px solid #e3e4ca;
background: #f3efd3 url(../img/boxbg.gif) bottom left repeat-x;
margin-top: 15px;
display: block;
padding: 5px 10px 20px 10px;
}

#specialBox h4{
text-align: center;
background: url(../img/flourish.gif) bottom center no-repeat;
padding-bottom: 10px;
height: auto;}

.specialBox{
border: 1px solid #e3e4ca;
background: #f3efd3 url(../img/boxbg.gif) bottom left repeat-x;
display: block;
padding: 5px 10px 5px 10px;
margin-bottom: 10px;
}

.specialBox h4{
text-align: center;
background: url(../img/flourish.gif) bottom center no-repeat;
padding-bottom: 10px;}

ul.specialList{
font-family:Georgia,"Times New Roman",Serif;
font-size: 90%;
font-weight: bold;
list-style: none;
padding: 0;
margin: 0;

}

ul.specialList li{
padding-bottom: 10px;}

ul.specialList li span{
float: right;
width: 40%;
text-align: right;
color: #790000;
font-style: italic;
display: inline;
}


table.specialList{
font-family:Georgia,"Times New Roman",Serif;
font-size: 90%;
font-weight: bold;
list-style: none;
padding: 0;
margin: 0;
border: none;
}

table.specialList tr{
}

table.specialList td{
font-weight: bold;
padding: 0;
margin: 0;
padding-bottom: 5px;
}
table.specialList td.boxHighlight{
text-align: right;
color: #790000;
font-style: italic;

}

/* CONTACT FORM */


.contactForm{
border: 1px solid #e3e4ca;
background: #f3efd3 url(../img/boxbg.gif) bottom left repeat-x;
margin-top: 5px;
display: block;
padding: 5px 10px 20px 10px;
}

.contactForm fieldset{
margin: 0;
padding: 0;
border: none;}

.contactForm label{
width: 80px;
text-align: right;
display: block;
float: left;
padding-right: 10px;
padding: 3px;
}

.contactForm input,
.contactForm select{
margin-bottom: 5px;
padding: 3px;
}


.contactForm select{
margin-top: 0px;}

.contactForm textarea{
width: 295px;
height: 150px;}

input.formSubmit{
margin-left: 90px;}

.formRequired{
color: red;
font-size: 90%;
font-style: italic;}

.club_ov_intro{
background: url(../img/flourish_full.gif) bottom center no-repeat;
padding-bottom: 15px;
margin-bottom: 15px;}

.eventDate{
color: #790000; padding-right: 20px;
float: left;
}

.articleDetail{
border-bottom: 1px solid #d8d6b9;
padding-top: 15px;
margin-bottom: 5px;}

.eventIntro p{
font-weight: bold;
}

.eventLinks,
{
border-bottom: 1px solid #d8d6b9;
margin-bottom: 5px;}


.eventLinks h5{
margin-bottom: 5px;}

.articleCatfilter{
margin-bottom: 0;}

.pagList{
display: block;
}

.pagList p{
padding: 5px 0px;
margin: 0;}

.pagtop{
margin-bottom: 10px;
border-bottom: 1px solid #d8d6b9;
}

.pagbottom{
margin-top: 10px;
border-top: 1px solid #d8d6b9;}

.eventlistArticle{
border-bottom: 1px solid #d8d6b9;
margin-bottom: 10px;
}

.catInfo{
font-size: 90%;
margin-bottom: 10px;
}

/* GALLERY */

ul.gallery{
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 3px;
}

ul.gallery li{
width: 86px;
float: left;
display: inline;
text-align: center;
padding-bottom: 10px;
}


/* COURT SCHEDULE */

.courtSchedule{
border-right: 1px solid #cec497;
z-index: 10;}

.courtSchedule th{
background: #494805;
color: #fff; 
text-align: center;
}

.courtSchedule tr td{
padding: 0;
margin: 0;
border-left: 1px solid #cec497;
border-bottom: 1px solid #cec497;
text-align: center;
border-collapse: collapse;	
border-spacing: 0;}

.courtSchedule tr td.courtTime{
padding-right: 5px;
text-align: right;
width: 50px;}
.courtSchedule tr th.headCourt{
padding-right: 5px;
text-align: right;
width: 50px;}



.courtSchedule tfoot tr td{background: #cec497;
color: #494805;
text-align: center;
font-weight: bold;font-style: normal;}

.courtSchedule tr td span.courtM,
.courtSchedule tr td span.courtA,
.courtSchedule tr td span.courtC{
display: block;
width: 100%;
height: 100%;
padding: 5px 0px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

.courtSchedule tr td span.courtM{
background: #790000;
}

.courtSchedule tr td span.courtA{
background: #fbf9e5;
color: #494805;
}

.courtSchedule tr td span.courtC{
background:url(../img/stripe.gif) top left repeat;
color: #fff;
}

#courtScheduletables h5{
color: #494805;
font-size: 130%;
font-weight: normal;
padding-bottom: 3px;
margin-bottom: 0;
}


/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	color: #3366FF;
	cursor: help; 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

	.toolTipWrapper { /* The wrapper holds its insides together */
		width: 175px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		top: -60px;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #494805;
		font-weight: bold;
		font-size: 9pt; /* A font size is needed to maintain consistancy */
		z-index: 30;
	}
	
		.toolTipTop { /* Top section of the tooltip */
			width: 175px;
			height: 30px;
			background: transparent url(images/bubbleTop.gif) no-repeat;
		}

		.toolTipMid { /* Middle section of the tooltip */
			padding: 8px 15px;
			background: #f3efd3 url(../img/boxbg.gif) bottom left repeat-x;
			border: 1px solid #494805;
		}
		
		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 13px;
			background: transparent url(../img/subnavcurrent.gif) no-repeat;
		}
		
		
#courtLegend{
margin-top: 23px;}		
#courtLegend p{
float: none;
padding: 0;
padding-bottom: 5px;
margin: 0;
text-transform: uppercase;
font-weight: bold;
}		
#courtLegend p img{
margin: 0;
padding: 0;
padding-top: 4px;
margin-right: 5px;}		

ul.courtPag{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 10px;
height: 30px;
}

li.pagPrev{
float: left;
line-height: 30px;
margin-left: 10px;
}

li.pagNext{
float: right;
line-height: 30px;
margin-right: 10px;
}

#googleMap{
margin-bottom: 20px;}

#directionsGadget{
margin-top: -15px;
margin-left: -5px;}

#coachBios{
background: #f8f5de;
border: 1px solid #f2f1da;
margin-bottom: 10px;

 }
 
div.bio{
border-bottom: 1px dotted #cec497;
display: block;
margin: 10px;
}

div.bioBio{

} 

.bioImage img{
border: 1px solid #cec497;
}

.ladderList{
list-style: none;
padding: 0;
margin-left: 0;
}

.ladderList li{
margin-bottom: 10px;}

#blog h3{
font-family: Arial, sans-serif;
line-height: 1.2em;
}

a.commentsNumber{
background: url(/img/comments.png) top left no-repeat;
padding-left: 20px;
}

#blog_sidebar h4{
margin-bottom: 5px;
}

#nav_categories{
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 10px;
}

#nav_categories li{
padding-bottom: 5px;
}

#blogSearch{
margin-bottom: 10px;
}

.rss{
background: url(/img/rss.png) top left no-repeat;
padding-left: 30px;
height: 25px;
display: block;
line-height: 25px;
}

.commentPreview{

}

.commentNote{
font-size: 90%;
font-weight: bold;
margin-top: -10px;}

.blog_image_caption{
text-align: right;
font-style: italic;
width: 420px;
display: block;
}

.blog_excerpt{
font-weight: bold;
}

.blog_body{
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding-bottom: 20px;}

.commentContent{
margin-left: 5px;}

.commentMeta{
font-weight: bold;
font-size: 90%;
padding-bottom: 5px;
padding-top: 0;
}

.commentBox{
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

#commentForm textarea{
margin-top: 0;
width: 360px;
height: 150px;}

.commentFields{
margin-left: 5px;}

.blogarticleHeader h2{
margin-bottom: 5px;
}

.blogarticleHeader h4{
margin-bottom: 5px;}

.blogArticle{
margin-bottom: 20px;}

.mdAvatar{
width: 35px;
}

.mdName{
width: 200px;
}
.mdEmail{
width: 200px;
}

.mdPhone{
width: 100px;
}

.mdOptions{
width: 70px;
}

.mpType{
width: 100px;
color: #494805;
font-weight: bold;
vertical-align: top;}

.mpAvatar{
vertical-align: top;
width: 80px;
}

.privacyList{
list-style: none;
margin: 0;
padding: 0;
}

.privacyList li{
line-height: 20px;
padding-left: 20px;
}

.pos{
background: url(/img/icon_privacypos.gif) 0 3px no-repeat;
}
.neg{
background: url(/img/icon_privacyneg.gif) 0 3px no-repeat;
}

a.button{
background: #494805;
padding: 5px 10px;
text-align: center;
color: #fff;}

a.button:hover{
color: #fff;
background: #790000;
cursor: pointer;}

.cpSubmit{
margin-left: 215px;}

#topnavHolder{
position: relative;
}

ul#memberNav{
margin: 0;
margin-left: 10px;
list-style: none;
clear: both;
height: 20px;
display: block;
margin-bottom: 50px;
font-size: 90%;
position: absolute;
top: 0;
right: 0;
}

ul#memberNav li{
float: left;
padding: 5px 10px;
display: block;}

ul#memberNav li a.current{
color: #302b2b;
text-decoration: none;
background: url(../img/subnavcurrent.gif) top center no-repeat;}

.mgMainimage{
float: right;
}

.galleryBox{
border-bottom: 1px solid #d1c595;
margin-bottom: 5px;}

.blog_download{
margin-top: 10px;
padding: 5px;
background: #edf2d7;
border: 1px solid #d1c595;
}

.blog_download h4{
margin-bottom: 3px;
padding-bottom: 0;}

.blog_download ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.blog_download ul li{
padding-bottom: 5px;
}

a.dlFile{
background: url(/img/page_save.png) 0px 0px no-repeat;
padding-left: 22px;
padding-bottom: 3px;
}

.thdlTitle{
width: 80%;}

.thfile{
width: 20%;
}

.dltcLink{
height: 63px;
}