/*
body {
   background-color: white; 
   font-family: sans-serif;
}
*/

body {font-family:verdana, arial, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; background-image: url('/images/body_bg_water.jpg')}

p.outdent { 
   margin-left: 20px;
   text-indent: -20px;
   display:block;
}

.padding{
text-indent: -2em;
padding-left: 2em;
}

.indented {
    margin: 80px, 80px, 80px, 80px;
    text-indent: -8px;
}

/*
body {font-family:verdana, arial, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; }
*/

#centerHeader {
font-family:verdana, arial, helvetica, sans-serif; font-size: 2em; text-align: center;
}

.xsnazzy h1, .zsnazzy h1 {
margin:0;
font-size:1.2em;
padding:0 10px 5px 10px;
border-bottom:1px solid #99ccff; text-align: center;
}
.xsnazzy p, .zsnazzy p {
margin:0;
padding:5px 10px;
font-size:10px;
}
.xsnazzy {
background: #ffffff;
width:100%;
float:left;
margin:0 3px;
}
.xtop, .xbottom {
display:block;
background:transparent;
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block;
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff;
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px;
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px;
margin:0 1px;
}
.xboxcontent {
display:block;
border:0 solid #444;
border-width:0 1px;
height:auto;
}
* html .xboxcontent {
height:1px;
}
.color_a {
background:#c9ba65;
color:#fff;
}
.color_b {
background:#d4d8bd;
color:#000;
}
.color_c {
background:#758279;
color:#fff;
}
.color_d {
background:#b2ab9b;
color:#000;
}
.color_e {
background:#99ccff;
color:#000;
}

.header999, .header999 th {
background-image: url('/images/header_bg_water.gif');
background-repeat: repeat-x;
color:#000;
width: 100%;
}
.menuleft {
vertical-align: top;
width: 150px;
}
.menumiddle {
vertical-align: top;
width: 300px;
}
.menuright {
vertical-align: top;
}
.menuleft {
vertical-align: top;
width: 150px;
}
#headertitle {
font-family:verdana, arial, helvetica, sans-serif;
font-size: 2em; /* optional. just to increase the font size. */
display: block;
line-height: 1em;
color:#666;
text-align: center;
background-color: transparent;
white-space: nowrap; /* wrapping breaks the effect */
}

#headertitle:before,
#headertitle:after{
        content: "Commonwealth Swim and Tennis Club"; /* generated text */
        display: block;
}
#headertitle:before{
        margin-bottom: -1.05em;
        margin-left: 0.1ex;
        color: #ccc; /* shadow color */
        background-color: transparent;
}
#headertitle:after{
        margin-top: -1.05em;
        margin-left: -0.1ex;
        color: #fff; /* text color */
        background-color: transparent;

.menubar {
border-width: 1px;
border-color: #000000;
width: 100%;
}

table.outside_frame {
   table-layout: auto;
   width: 100%;
   vertical-align: middle;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
}

a {
	text-decoration: none;
}

a:hover  {
	color: blue;
	text-decoration: underline;
}

td { font-size: small; 
   font-family: sans-serif 
}

td.padded { padding: 20px; }


table.transparent_table { 
   table-layout: auto;
   width: 100%;
   border: none;
   border-width: thin; 
   border-color: transparent;
   vertical-align: top;
/* for debugging place visible color below this comment
   border-color: black;
*/
}

table.outside_frame { 
   table-layout: auto;
   width: 100%;
   vertical-align: middle;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
}

table.top_frame { 
   table-layout: auto;
   width: 100%;
   vertical-align: middle;
   border-top: 1px solid black;
/*
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
*/
}

span.small {
   font-size: 10px;
   font-family: sans-serif;
}

table.menu {
   width: 150px;
}

td.vtop {
   vertical-align: top;
}

td.vcenter {
   vertical-align: middle;
}

td.vtop_hcenter {
   vertical-align: top;
   text-align: center;
}

td.rightbottom {
   vertical-align: bottom;
   text-align: right;
}

td.vbottom {
   vertical-align: bottom;
}

td.label {
   vertical-align: top;
   text-align: right;
}

td.value {
   vertical-align: top;
   text-align: left;
}

td.center {
   text-align: center;
}

td.right {
   text-align: right;
}

h1.title, h2.title {
   color: blue;
   margin: 0px 0px 0px 0px;
   padding: 2px 2px 2px 2px;
   font: 18px sans-serif;
   font-weight: bold;
   text-align: center;
}

h2.title {
   font: 16px sans-serif;
}

strong.stronger {
   font: 18px sans-serif;
   font-weight: bold;
}

span.center { 
   text-align: center; 
}

p.center { 
   text-align: center; 
}