/* CSS Reset http://www.ejeliot.com/blog/85 */
body {padding:0; margin:0; font:13px Arial,Helvetica,Garuda,sans-serif; }
h1,h2,h3,h4,h5,h6,em
	{padding:0; margin:0; line-height:1em; font-size:100%; font-weight:normal; font-style: normal;}
table {font-size:inherit; font:100%;}

img {border:0;}
p {margin:1em 0;}

/* 1024px page.  980 + 20 (margins) + 24 (vert scroll bar) */
body {width: 980px; margin:10px; line-height:18px; font-family:'MS Sans Serif', Verdana, Arial, Helvetica; color:#565656; font-size:13px; }

ol, ul, li {list-style-type: square; position: relative;  }
ol, ul, li {line-height:1.4em; }

em {font-style:italic;}

/* HEADER */
/* float is problem on leftcontent */
div.mainheader {position: relative; top:0px; left:0px; margin-top: 0px; margin-bottom:0px; height:90px; line-height: 0px;
           background-image:url(images/Layout/header_bg.jpg); background-repeat:no-repeat; background-position:top right; }
img.t2tennis-logo{position:absolute; left:0; top:20px;}
div.leftcontent { width: 210px; float:left; margin-top: 0px; margin-right: 30px; }
div.maincontent { width: 740px; float:left; margin-top: 0px; }
div.footer { clear: both; text-align: center; padding-top: 5px;}
/* style="clear: both; text-align: center; padding-top: 5px;" */

/*
.Col_1_1 { float: left; width: 600px; margin-left: 0px;  }
*/
.Col_1_1 { width: 740px; margin-left: auto; margin-right: auto; margin-top: inherit; }
.Col_2_1 { float: left;	width: 430px; margin: 0 30px 0 0; }
.Col_2_2 { float: left; width: 240px; margin: 0 0 0 0px; padding: 20px; background-color:#F0F7FB; }

.jqueryslidemenu
{	font-family: 'Arial'; font-size: 13px; font-variant: normal; background: #2895BD;
 	position: relative;	left: 338px; top: -90px; padding-top: 10px; z-index: 2; height: 20px; width:600px; }
	
.jqueryslidemenu ul { margin: 0;padding: 0; }

/*Top level list items*/
.jqueryslidemenu ul li { position: relative; display: inline; float: left; list-style-type:none;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a 
{	font:  normal 13px Arial; color: white; display: block; background-color: #2895BD; /*background of tabs (default state)*/
	padding: 2px 8px 2px 8px; border-right: 1px solid #C0C0C0; text-decoration: none;
}

/*IE6 hack to get sub menu links to behave correctly*/
* html .jqueryslidemenu ul li a {display: inline-block;}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {color: white;}

/*tab link background during hover state*/
.jqueryslidemenu ul li a:hover {background: #067AB5; }
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul {position: absolute; left: 0; display: block; visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {display: list-item; float: none; list-style-type: none; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {top: 0;}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {font:  normal 13px Arial; width: 67px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #C0C0C0;}

/*sub menus hover style*/
.jqueryslidemenu ul li ul li a:hover {background: #067AB5; }


/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute;top: 12px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}

/*
a:hover {text-decoration:none;}
div.topnav2 {	position: absolute;	left: 330px;	top: 120px;	margin-bottom: 0px;	line-height: 20px;
	color: white;	background-color: #2895BD;	font-family: 'Arial Narrow';	text-transform: capitalize;}

div.topnav2 a{background-image:url(images/Layout/topnav_bg.gif); background-repeat:no-repeat; display:block; height:40px; text-indent:-9999px; float:left;}
*/

div.second-nav{position:absolute; left:330px; top:55px; color:#BFDEEE;}
div.second-nav span{color:#FDF900; font-weight:bold;}

a.city{color:#FFFFFF; text-decoration:none; vertical-align:super;}
/*
a.city-blue{font-size:18px; color:#0373B1; text-decoration:none; vertical-align:super;}
*/

/* Add 4 corners to a div (usually) */
.corner-me {}

/* Textbox watermarks */
.watermark { font-size: 75%; color: Gray;}

.min-width { width:auto }

/* Regular clearing
   apply to column that should drop below previous ones. */
.clear { clear:both; }

/* Orange highlighted boxes */
.highlightbox {background-image:url(images/Layout/box2_bg.gif); background-repeat:repeat-x; background-position:top; background-color:#FEFA00; 
                 padding:10px; border:solid 1px #FFD403;}

/* .imgborder {border: 1px solid #000000;} */
            
/* ALIGN: TEXT, OBJECTS */
.left {float:left;}
.right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
.text-center {text-align:center;}

.BodySmall {	font-size: 9pt; }	
.BodyXSmall {	font-size: 8pt; }	
.BodyXXSmall {	font-size: 7pt; }	

/* hide */
.hidden {visibility: hidden;  display:none;}

/* FONT SPECIFIC */
.bold {font-weight:bold;}
.em {font-style:italic;}
.underline {text-decoration:underline;}
.uppercase {text-transform:uppercase;}
.white {color:#FFFFFF;}
.black {color:#000000;}

/* GENERAL CLASSES */
p {margin-bottom:20px; margin-top:5px;}
a {color:#006BB3; outline:none; text-decoration:underline;}
a, a:hover {outline:none; }

/*
ul, li {list-style:none; margin:0; padding:0;}
li.ruleslevel1 {list-style-type: upper-alpha; list-style-image: inherit; list-style-position:  outside;
*/


ol.ruleslevel1 li
{	list-style-type: upper-alpha; list-style-position: outside;	margin-bottom: 10px; }

ol.ruleslevel2 li
{	list-style-type: lower-roman; list-style-position: outside;	margin-bottom: 10px;  }

ol.ruleslevel3 li
{	list-style-type: lower-alpha; list-style-position: outside;	margin-bottom: 10px;  }

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #2596BD;}

h1 {font-size: 22px; background-image: url(images/Layout/h1_bg.gif); background-repeat: repeat-x; background-position: bottom;	
	padding-top: 7px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; 
	margin-bottom: 2px; margin-top: 0px; }

/*h1 span{color:#0776B7; */

h2 {font-size: 16px; background-color: #D0EAFB; padding: 7px; clear:both; margin: 0; }

h3 {font-size: 16px; padding: 4px; clear:both; margin: 0; line-height:1.3em;  }

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

.bullets li{background-image:url(images/Layout/bullet_box1.gif); background-repeat:no-repeat; padding-left:8px; text-align:left; list-style-type: none; }

img.right {float:right; margin:5px 0 10px 10px;}
img.left  {float:left; margin:5px 10px 10px 0px;}

.button {background-image:url(images/Layout/button_box1_bg.gif); background-repeat:repeat-x; background-position:top; background-color:#FEF800; 
                      font-weight:bold; color:#006DB5; cursor:pointer; border: none; }

/* Tables */
table, .DataGrid  { border-collapse: collapse; }

/*
.DataGridHeader, .DataGridHeader td, .tableheader td
{color: White; font-family: font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; 
padding: 4px 6px 4px 6px; border: 1px solid #D0EAFB; background-color: #519FD4; }

.DataGridDetail td, .DataGridDetailAlt td 
{ font-family: font-family: Arial, Helvetica, sans-serif; font-size: 1em; 
  padding:  0px 3px 0px 3px; border: 1px solid #D0EAFB;	background-color: #F0F7FB; }

.tablebackground { background-color:#F0F7FB;}
.DataGridDetailAlt td {	background-color: #F0F7FB;}

.DataGridDetailAlt td {	background-color: #F0F7FB;} 
.tablebackground { background-color:#F0F7FB;}
*/

/* #C1E7FF */

.DataGridHeader td, .DataGridDetail td, .DataGridDetailAlt td
{font-family: font-family: Arial, Helvetica, sans-serif; font-size: 1em; border: 1px solid #D0EAFB; }

.DataGridHeader tr, .DataGridHeader td
{padding: 4px 6px 4px 6px; background-color: #519FD4; color: White; font-weight: bold; }

.CellHeader td tr, .DataGridHeader td
{padding: 4px 6px 4px 6px; background-color: #519FD4; color: White; font-weight: bold; }

.DataGridDetail td
{padding:  0px 3px 0px 3px; background-color: #F0F7FB; }

.DataGridDetailAlt td
{padding:  0px 3px 0px 3px; background-color: white; }

.formlayout {background-color: #F0F7FB;}
.ErrorMsg, .ErrColor  {	color: Red; font-weight:bold; }

/* FAQs Page */
.accordionHeader 
{ background-color: #D0EAFB; cursor: pointer; 
	font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #2F4F4F; padding: 5px; margin-top: 7px;  }	

.accordionHeaderSelected
{	border: 1px solid #2F4F4F; color: #2596BD; background-color: #D0EAFB;
	font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
    padding: 5px; margin-top: 7px; cursor: pointer; }

.accordionContent {	margin-bottom: 7px; background-color:#E9F3F8;
	border: 1px dashed #2F4F4F; border-top: none; padding: 5px; padding-top: 5px; }

/* logo spacing */
.logo  { position: absolute; top: 15px; }

/* Notes box */	
div.notes
	{background-color:#FAFDFF; border:1px dotted; border-color:#666666; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
div.notes a{color:#006BB3;}

/* Schedule */
.matchheader {background-color: #E9F3F8; padding: 5px 2px 5px 4px; }

.match {font-size: 18px; color: #006BB3; }

/*
span.match{color:#006BB3; font-size:18px;}
background-color:#E9F3F8; 
background-color: #F0F7FB;

img.thumbnail{float:right; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:0 1px 1px 0; margin:5px 0 10px 10px;}

input[type="button"] {background-image:url(images/Layout/button_box1_bg.gif); background-repeat:repeat-x; background-position:top; background-color:#FEF800; 
                      font-weight:bold; color:#006DB5; cursor:pointer; border: none; }
input[type="submit"] {background-image:url(images/Layout/button_box1_bg.gif); background-repeat:repeat-x; background-position:top; background-color:#FEF800; 
                      font-weight:bold; color:#006DB5; cursor:pointer; border: none; }
input[type="checkbox"]
input[type="image"] (image button)
input[type="password"]
input[type="radio"]
input[type="reset"]  Defines a reset button. A reset button clears all data from a form
input[type="text"]
input[type="checkbox"]

input[type="button"] {background-image:url(images/Layout/button_box1_bg.gif); background-repeat:repeat-x; background-position:top; background-color:#FEF800; 
                      font-weight:bold; color:#006DB5; padding:4px 6px 4px 6px; cursor:pointer; border:solid 1px #FFD403;}

input.box11.button{background:none; border:none; background-image:url(images/Layout/button_box1_bg.gif); background-repeat:repeat-x; background-position:top; 
                  background-color:#FEF800; font-weight:bold; color:#006DB5; padding:4px 6px 4px 6px; cursor:pointer; border:solid 1px #FFD403;}

*/

/* Rules Page */
.RulesHdg
{	font-size: 12pt;	text-align: left;	font-weight: bold;	text-transform: capitalize;}	

/* Add to Mailing List Box */
.boldhdg
{	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;	font-weight: bold;	color: #0373B1;}

/* MEMBER BOX */
div.member-box{background-image:url(images/Layout/member_box_bg.gif); background-repeat:repeat; padding:10px; margin-bottom:16px; }

div.member-box.heading {
		background-image:url(images/Layout/member_box_heading_bg.gif); background-repeat:repeat-x; background-position:bottom; 
		padding:10px; margin:-10px -10px 10px -10px; color:#FFFFFF; text-align: center;
		-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
                     
div.member-box-logout{background-image:url(images/Layout/member_box_logout_bg.gif); background-repeat:repeat; padding:5px; margin-top:10px;}
div.member-box-login{background-image:url(images/Layout/member_box_login_bg.gif); background-repeat:no-repeat; background-position:center; 
                     padding:5px; margin-top:10px;}
a.member-box.logout{background-image:url(images/Layout/member_actions.gif); background-repeat:no-repeat; background-position:top left; 
                    padding-left:18px; color:#BFDEEE; text-decoration:none;}
a.member-box.login{padding-left:18px; color:#006CB4; text-decoration:none; margin-left:30px;}

ul.member-box.mbbullets li { list-style-type:none; background-image:url(images/Layout/bullet_member_box.gif); background-repeat:no-repeat; padding-left:8px; margin-bottom:2px;}
ul.member-box.mbbullets li a {color:#BFDEEE; text-decoration:none;}
ul.member-box.mbbullets li a:hover {color:#BFDEEE; text-decoration:underline;}

/* BOX 1 */
div.box1{text-align:justify;}
h2.box1{background-color:#D0EAFB; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#2596BD; padding:7px; margin:0 0 8px 0;}
ul.box1.bullets li{background-image:url(images/Layout/bullet_box1.gif); background-repeat:no-repeat; padding-left:8px; text-align:left;}
img.box1.thumbnail{float:right; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:0 1px 1px 0; margin:5px 0 10px 10px;}
input.box1.button{background:none; border:none; background-image:url(images/Layout/button_box1_bg.gif); background-repeat:repeat-x; background-position:top; 
                  background-color:#FEF800; font-weight:bold; color:#006DB5; padding:4px 6px 4px 6px; cursor:pointer; border:solid 1px #FFD403;}

/* BOX 2 */
div.box2{background-image:url(images/Layout/box2_bg.gif); background-repeat:repeat-x; background-position:top; background-color:#FEFA00; 
         padding:10px; border:solid 1px #FFD403;}
h2.box2{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#0373B1; margin:0 0 10px 0;}
input.box2.button{background:none; border:none; background-image:url(images/Layout/button_box2_bg.gif); background-repeat:repeat-x; background-position:center; 
                  padding:1px 4px 1px 4px; font-weight:bold; color:#FFFFFF; border:solid 2px #6AB8D2;}
input.box2.text{border:solid 1px #FFDA03; background-color:#ffffff; padding:4px; color:#A7A7A7; width:70%;}
span.box1.author{font-weight:bold; color:#CDAA02;}

/* Row Color */
div.row {padding:5px;}
div.row-color{background-color:#E9F3F8; padding:5px;}

ul.message li{background-image:url(images/Layout/bullet_message.gif); background-repeat:no-repeat; padding-left:8px; margin-bottom:2px;}

/* Printer adjustments */
@media print  
{
body, html {width: 600pt; margin:auto; color:black;background:white;}
div.mainheader, div.myslidemenu, div.leftcontent, div.footer {display:none; } 

body, h1, h2, h3 { color: black;}
a {color: Black; text-decoration: none;}
.DataGridHeader td, .DataGridDetail td, .DataGridDetailAlt td {border: 1px solid black; }
.DataGridHeader tr, .DataGridHeader td {background-color: white; color: black; }
.CellHeader td tr, .DataGridHeader td {background-color: white; color: black; }
.DataGridDetail td {background-color: white; }
.DataGridDetailAlt td {background-color: white; }

.Col_1_1 { width: 7.5in; margin: auto; }
.Col_2_1 { width: 7.5in; margin: auto; }
.Col_2_2 { width: 7.5in; margin: auto; }

}
/* 
.Col_1_1 { width: 612pt; margin-left: inherit; margin-right: inherit; margin-top: inherit; }
.Col_2_1 { float: left;	width: 430px; margin: 0 30px 0 0; }
.Col_2_2 { float: left; width: 240px; margin: 0 0 0 0px; padding: 20px; background-color:#F0F7FB; }
Printer adjustments 
*/