@charset "utf-8";
/* CSS Document */
/*temp borders */
/*#info {border:green thin solid; }
#menu {border:red thin solid;}
#container {border:blue 1px dotted;}
#content {border:green 2px dashed;}
#rail { border: yellow 1px double;}
#header {border:purple 2px dashed;}*/
/* end temp borders */

/* include stylesheet to create navigation */
/*a { display: inline-block; }
a { display: block; }*/
p { line-height: 1.5em;}

ul#menu, ul#menu ul { list-style-type:none;  margin: 0; padding: 0; width: 200px;}

ul#menu a { display: block; text-decoration: none;	}

ul#menu li {  margin-top: 1px;}

ul#menu li a {  background: #999966; color: #fff;	padding: 0.5em;}

ul#menu li a:hover { background: #000;}

ul#menu li ul li a { background: #ccc; color: #000; padding-left: 20px;}

ul#menu li ul li a:hover {  background: #aaa; border-left: 5px #000 solid;  padding-left: 15px;}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.button {	background-color: #FAFAF9;	padding: 2px;	border: thin solid #F1EFEB;}
#header #image img {overflow: visible;	position: relative;	width: 100px;} 
/* end of styles to create hover effect  */

body {background-color: #9dbf83;}


#container{	background-color: #fff;	overflow:hidden;	/*overflow:scroll;*/	width:800px;	margin:0 auto;}
#content{background-color: #FFF; width:600px; border-left:200px solid #794145; /* The width and color of the rail */	margin-left:-200px; /* Hat tip to Ryan Brill */	/*min-height:600px;*/ float:right; background-color:#FFF; background-image:url(../images/topCorner.gif); background-repeat:no-repeat; background-position:top left;   }

#content img.bottom {position:relative; bottom:0 left;}
#content #info {padding:0 10px 0 10px;}
#footer{
	background-color: #794145;
	margin:0 auto;
	width:800px;
	color:#fff;
	text-align:right;
}
#lowercurve {background-color:#FFFFFF; background-image:url(../images/bottomCorner.gif); background-position:left; background-repeat:no-repeat; margin:0 auto; width:800px;}
/*#lowercurve2 {background-color:#FFFFFF; background-image:url(../images/bottomCorner.gif); background-position:left bottom; background-repeat:no-repeat; margin:0 auto; position:relative; bottom:0; }*/
#header { width:800px;	height:100px; background-color: #794145; background-position: 0px 0px;	text-align: right;	margin-top:0px; margin-right: auto;	margin-bottom: 0; margin-left: auto;padding-top: 5px; clear: both;  /*to allow image to float into position */	/*border: medium dotted #00FFCC;*/}
#header img{float:left; visibility:visible; overflow:visible;}
#header h1{font-family:"Trajan Pro"; font-size:1.5em; color:#fff; text-align:right; vertical-align:top;padding:5px 5px 0 0;}
#header p{font-family:Verdana, Arial, Helvetica, sans-serif; color:#999966; font-size:1em; font-weight:500; padding:8px 8px 3px 0; text-align:right;}
#tennisImage {position:relative; width:200px; height:115px; z-index:1; left: 0px; top: 0px; overflow: visible; visibility: visible; }
 

#rail{ background-color: #794145; width:200px; float:left; 	text-align:left; position:relative;	top:0;	left:0; }
/*html>body #rail {width:auto;} /* fixes IE6 hack */

#Login { position:relative;	bottom:10px; width:195px; height:auto; /*z-index:10; */	font-family: Arial, Helvetica, sans-serif, Verdana; visibility: visible; border: solid 2px #fff; margin-top:30px; line-height: 12px; background-color: #999966; }
#Login h1 { font-size:12px; color:#FFFFFF;padding-bottom:5px;}
#Login h1 a.logout {text-decoration:none; padding-left: 20px; padding-top: 20px; margin-top:20px; font-size:12px; color:#FFFFFF;}
#Login p {font-size:10px; color:#FFFFFF; padding:5px; margin-top:-10px;}
#content {background-image:url(../images/topCorner.gif); background-repeat:no-repeat; background-position:top left; } 
.contact {padding-bottom:12px;}

#content a {
	color: #7F0000;
	text-decoration: none;
}
#content a:hover { background-color:#7F0000; color:#fff;}
#header img {	text-align: left;	vertical-align: top;}

#tennisContent {
	padding:10px 10px 10px 20px;
	color:black;
	width:570px;
	float: right;
	
}
#tennisContent h1, #tennisContent h2, #tennisContent h3 {color: #996;}
#tennisContent h1 {font-size:1.5em;}
#tennisContent h2 {font-size:1.3em;}
#tennisContent h3 {font-size:1.1em; margin-bottom:-5px;}
#tennisContent p {font-size:1em;}
table#regTimes th, table#regTimes td {text-align:left; width:16em;}
table#regTimes th, table#executive th, table#payments th{
	color:#794145;
	text-align:left;
	/*font-size: 1.2em;*/
} 
table#executive  td{border-top:1px solid #bc9c61; padding:2px 0; vertical-align:top;}
table#executive {border-bottom:1px solid #bc9c61; width:90%;}
/* format self rating table */
table#ntrp td {margin:2px 5px;}
table#ntrp td.rating {background-color:#600; color:#fff; font-size:24px; vertical-align:middle; padding:0 5px;}
table#avail {width:100%;}
table#avail td {width:25%; text-align:center; font-size:11px;}
table#avail th { text-align:left;}


#copyright {font-family:Arial, Helvetica, sans-serif, Verdana; font-size:10px; padding-right:3px;}
#copyright a {color:#FCF; text-decoration:none; }
#copyright a:hover {color:#794145; background-color:#fcf;}
body {
	background-image: url(../images/TplayeS.jpg);
	background-repeat: no-repeat;
	background-position:100% 100%; 
}

#contact td{vertical-align:top; }
table#fees {width:80%;}
table#fees th {color:#996;}
table#fees td, table#fees th {border-bottom:#996 1px solid;}
table#additional {font-family:Arial, Helvetica, sans-serif, Verdana; font-size:10px; }
td.rating {	font-family: "Myriad Web", "Myriad Web Pro", Verdana; 	font-size: 36px;	color: #794145; }
.firstletter {color: #794145; font-weight:700;}
table#sessionInfo {width:80%;  }
table#sessionInfo td {margin:0 5px;}
table#leagues  td.topborder, table#spare  th.topborder, table#registration td.topborder{ padding:2px 0; vertical-align:top; font-weight:900; color:#794145; font-size:1.1em;}
/*table#leagues tr.topborder{	border-top:1px solid #bc9c61; padding:2px 0; vertical-align:top;}*/
table#leagues  td.bottomborder, table#spare  th.bottomborder, table#registration td.topborder{border-bottom:1px solid #bc9c61;}
table#registration td{ vertical-align:top;}
table#registration {border:1px solid #BC9c61;}
table#spare {border:border:1px solid #BC9c61;}
.firstword {font-size:1.2em;}
td.smallHeading,  tr.smallHeading{font-size:10px; text-align:center; /*width:8%;*/}
td.memberName {font-size:12px; font-weight:800; width:32%;}
td.memberPhone {font-size:12px; font-weight:800; width:16%;}

venue {font-size:14px; color:#99966; }
td.leaguemember, .leaguemember {size:8px; font-weight:900; display:inline; vertical-align:top;}
td.leagueMemtel, .leagueMemtel {size:7px; font-weight: 400; display:inline; vertical-align:top;}
ol li.note {font-size:12px; text-align:left; }
table#leagueInfo  tr.bottomborder {border-bottom:1px solid #bc9c61;}
td.line {background-color:#794145; height:1px;}

table#schedule  td{text-align:center; vertical-align:top;}
td.court {font-family: "Myriad Web", "Myriad Web Pro", Verdana; 	font-size: 18px;	color: #794145;}

form#tableRegistration {
	width:360px;
	float:left;
}
table#memberContact {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}