#tcm {
float: left;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : small;
font-weight : bold;
width : 180px;  /*was 160*/
border-right : 0px, solid #69f;
/*padding : 5px 5px 5px 5px;*/
padding : 0;
background-color : #6699ff;
color : yellow;
background-image : url(bluegrad.jpg);
background-repeat : repeat-x;
float : left;
text-align : left;
margin-top: 5px;
zline-height:20px;
position: fixed;
height: 1100px;
top: 95px;
left: 0;
}

#tcm ul {
list-style: none;

margin: 0;
 padding : 0;
/*padding : 5px 5px 5px 5px;*/
/* background-color : green; */
}

#tcm ul li {
margin : 0;
width: 180px; /*was 160*/
padding :0;
/* background-color : red; */
}
#tcm ul li a {
display : block;

/* padding : 5px 5px 5px 5px; */
border-left : 0px solid #69f;
border-right : 0px solid #69f;
border-bottom : 0px solid #69f;
background-color : transparent;
border-right : 0px, solid #69f;
/* width: 150px; */
}

/*individual items on top menu*/
#tcm ul ul {
margin : 0;
/* width: 100%; */
padding: 0;
/* background-color : green; */
}

#tcm ul ul ul li{
margin : 0;
width: 180px;/*was 200*/
padding: 0;

}


#tcm li {
position: relative;
}


#tcm a, #tcm h2 {
/*font: bold 11px/16px arial, helvetica, sans-serif;*/
font-size:small;

display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 5px 5px;
text-indent : 0.3em;
}


#tcm h2 {
color: #fff;
background: transparent;
text-transform: uppercase;
text-align : left;

}

#tcm a {
color: white;
background: transparent;
text-decoration: none;
}
/*second level menu */
#tcm ul ul ul li a {
color: white;
margin : 0;
width: 180px; /*was 200*/
padding : 5px 5px 5px 5px;
background: #6699ff;
text-decoration: none;

}

#tcm a:hover {
color: #6699ff;
background: #BEC1FC;
}

#tcm ul li a:hover {
border-left : 0px solid #66f;
border-right : 0px solid #69f;
border-bottom : 0px solid #69f;
background-color : #BEC1FC;
color : #6699ff;
}

#tcm ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 180px; /*was 200*/


}

div#tcm ul ul ul,
div#tcm ul ul li:hover ul ul {
display:none;}

div#tcm ul ul li:hover ul,
div#tcm ul ul ul li:hover ul
{display: block;}

body {
  color : Black;
  font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:small;
  margin: 0 0 0 0;
  height: 100%;
  }

p {
         line-height : 12pt;
         font-size: small;
/*          padding-left : 10px; */
}

table {
        vertical-align:middle;
  font-weight : normal;
  font-size : small;
}

table td {
       vertical-align:middle;
/*        text-align : left; */
}

#colright {
  margin-top : 10px;
  margin-left: 180px;
  padding-top : 0px;
  padding-left : 10px;
  text-align: left;
  padding-right : 10px;
}
/*
#colright a {
  margin-left: 155px;
}
#colright table a {
  margin-left: 0px;
}
  */

#colright ul {
/*  margin-top : 20px; */
  margin-left: 10px;
  padding-top : 0px;
  padding-left : 10px;
  text-align: left;
  padding-right : 10px;


}

#colright ul li {
  margin-top : 1px;
  margin-left: 10px;
  padding-top : 1px;
  padding-left : 10px;
  text-align: left;
  padding-right : 10px;

}

#inlineimage img {
     padding-right : 20px;
}

/* Site navigation and screen layout stuff*/
#navsite p { display : none;}

#navsite {
float: left;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : small;
font-weight : bold;
width : 150px;
border-right : 0px, solid #69f;
padding : 20px 0px 0px 0px;
background-color : #6699ff;
color : yellow;
//background-image : url(images/bluegrad.jpg);
//background-repeat : repeat-x;
float : left;
text-align : left;
margin-top: -20px;
zline-height:20px;
position: fixed;
height: 1100px;
top: 0;
left: 0;
}


#navsite ul {
list-style : none;
margin-top : 0px;
margin-left : 0px;
margin-bottom : 0px;
margin-right : 0px;
padding : 0;
text-indent : 0.1em;
text-align : left;

}

#navsite ul li {
margin : 0;
border-top : 0px solid #69f;
width: 100%;
}

#navsite ul li a {
display : block;
padding : 2px 2px 2px 0.5em;
border-left : 0px solid #69f;
border-right : 0px solid #69f;
border-bottom : 0px solid #69f;
background-color : transparent;
color : white;
line-height : 18px;
text-decoration : none;
width : 100%;
border-top: 0px solid #69f;
text-align: left;
font-size:small;

}
html>body #navsite ul li a {
width : auto;
}

#navsite ul li a:link {
border-left : 0px solid #66f;
border-right : 0px solid #69f;
border-bottom : 0px solid #69f;
background-color : transparent;
color : white;
}

#navsite ul li a:visited {
border-left : 0px solid #66f;
border-right : 0px solid #69f;
border-bottom : 0px solid #69f;
background-color : transparent;
color : white;
}

#navsite ul li a:hover {
border-left : 0px solid #66f;
border-right : 0px solid #69f;
border-bottom : 0px solid #69f;
background-color : #BEC1FC;
color : #6699ff;
}



#Watermark 
{
  background-image: url('t2.gif') ;
  background-repeat: no-repeat;
  background-position:60%;
  background-attachment: fixed;

}


#Brochure
{
  background-image: url('images/tennishome.gif') ;
  background-repeat: no-repeat;
  background-position:40%;
  background-attachment: scroll;
  height:550px;
  backgroundPosition: top center;
}

/* End - Site navigation and screen layout stuff*/



h5 {  color: Black;  font-weight:normal; font-size:8pt;  text-align : center;  font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;   }
h4 {  color: Black;  font-weight:bold;font-size:10pt;  text-align : center;  font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;   }
h3 {  color: #6699ff;  font-weight: 800;font-size: 12pt;  text-align : center;  font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;   }
h2 {  color: #6699ff;font-size:16pt;  text-align : center;  font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;}
h1 { font-weight:bold; color: #6699ff; font-size: 18pt;  text-align : center;    font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;   }



/*H6 IS USED FOR THE PAGE HEADER*/
h6 {color:#000080; sstext-align:right; line-height:20pt; vertical-align: middle; font-size:small;}

/*This manages the "Gold Coast Congress... at the top right of every page*/
#pageheader
{
color:#6699ff;
text-align:right;
background-image: url(images/pageheader.jpg);
background-repeat : no-repeat;
background-position : center right;
padding-top:0px;
padding-bottom:0px;
padding-right: 10px;
margin-top:0px;
margin-right:0px;
margin-left:0px;
top: 0;

}

#pageheaderlogo
{

color:#6699ff;
padding-top:0px;
padding-bottom:0px;
padding-right: 0px;
margin-top : 0px;
margin-left: 0px;
margin-right:0px;
top: 0;
left: 5px;
position:fixed;
}



a:link {color:blue; font-weight:bold; }
a:visited { color: blue; font-weight:bold;}
a:active {color:#00ccff; font-weight:bold; }
a:hover {color:red; font-weight:bold;}


/*there are 3 generic table styles - GCC, GCC2 and GCC3*/
/*Table style 1 - this table is where the TH down the left.*/
.gcc {
  font-size:small;
  font-weight:normal;
  text-align:left;
  border-collapse:collapse; 
  width:90%;
}

.gcc tr {
  height:20px;
}

.gcc th{

  color:#6699ff;
  text-align:left;
  vertical-align:top;
}

.gcc td {
  border: 1px solid;
  padding: 3px;
  padding-left: 8px;
  padding-right: 8px;

}

/*Table style 2 - This table style is where the TH is the top and not down the left.*/
.gcc2 {
  font-size:small;
  font-weight:normal;
  text-align:left;
  width: 90%;
}

.gcc2 tr {
  height:20px;
}

.gcc2 th{
  text-align : left;
  color : Black;
  background-color : #FFD700;
  vertical-align : middle;
}

.gcc2 td {
  border: 1px solid;
  padding: 2px

}

/*Table style 3 - this table is where the TH down the left but there's no border around the TD's.*/
.gcc3 {
  font-size:small;
  font-weight:normal;
  text-align:left;
  border-collapse:collapse; 
  width:95%;
  align: center;
  vertical-align: top;  
}

.gcc tr3 {
  height:20px;
}

.gcc3 th{
  color:#6699ff;
  text-align:left;
  width: 70px;
  padding-left: 8px;
}

.gcc3 td {
  padding: 3px;
  padding-left: 8px;
  padding-right: 8px;
}



/*This controls the 8-day calendar on the Program page*/
.gcccalendar {
  font-size:small;
  font-weight:normal;
  text-align:center;
  width: 90%;
  border:1px solid black;
  bxxorder-collapse: collapse;
}

.gcccalendar tr {
  height:20px;
}

.gcccalendar th{
  text-align : center;
  color : Black;
  background-color : #FFD700;
  vertical-align : middle;
}

.gcccalendar td {
  zzborder: 0px solid;
  padding: 2px

}



/*This is the QBA disclaimer appearing on the footer of every page*/
#footer {
  aaclear : both;
  text-align: center;
  zzmargin-left: 150px                
  
}

#footer p {
  
  color : gray;
  font-size : x-small;
  font-weight : normal;
  text-align: center;
  aapadding-left: 150px;
  width : 80%;
  line-height: 10pt;
  xxmargin-left: 150px;
}

#program tr td.fade {
  color : #A0522D;
}


/*These are used for the onlineentries stuff*/
.onlineentries
{
    border:thin solid silver; border-collapse: collapse;
    border-width:0;
    font-size: small;
    color: Black;
    background: #DEDFFE;
}

.onlineentries td
{
    border:thin solid silver; 
    border-collapse: collapse;
    border-width:0;
    background-color: white;
    font-weight: normal;
    color: Black;
    background: #DEDFFE;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    text-align: left;

}

.TextAreaStyle
{
   font-family: Tahome, Verdana, Arial, Helvetica;
   font-size: 10pt;
   color:Black;
}