html, body, #contents
 {
	min-height: 100%;
	width: 100%;
	height: 100%;
	background-color:#F7F7F7;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body
 {
	margin: 0;
	font-family: Arial, sans-serif;
}

#contents
 {
	position: absolute;
	top: 0;
	left: 0;
}

#footer
 {
	position: absolute;
	bottom: 0px;
	width: 70%; /* See note below */
	text-align: left;
    height:1.5em;

    font-size:0.8em;
    color:#777777;

    display:block;
    padding:1px 0 1px 0px;
    margin:1px 0 5px 0;
    background-color:#FAFFF7;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.footerLink, .footerLink:link, .footerLink:visited
{
    color:#777777;
	text-decoration:none;
}

.footerLink:hover, .footerLink:active
{
    color:#777777;
	text-decoration:underline;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack
 * Stupid hack lets IE see 100%, others see 70%.
 */
#footer
{
    \width: 100%;
    w\idth: 99%;
}

#main
{
	height: auto;
	padding: .5em;
}

textarea
{
    color:#606060;
    background-color:#fffff8;
    font:8pt verdana;
    border:1px solid #808080;
}
select
{
    font-size:0.75em;
    font-family:Arial;
    font:8pt verdana;
    color:#606060;
    background-color:#fffff8;
    border:1px solid #808080;
}

input
{
    font-size:0.75em;
    font-family:Arial;
    font:8pt verdana;
    color:#606060;
    background-color:#fffff8;
    border:1px solid #808080;
}

input.checkbox
{
    margin:0px;
    padding:0px;
    border:none;
    background-color:transparent;
    color:#606060;
    width:13px;
    height:13px;
}

input.radio
{
    padding:0;
    margin:0 2px 0 0;
    border:none;
    background-color:transparent;
    color:#606060;
    width:13px;
    height:13px;
}
textarea:focus, input:focus
{
	background-color: #ffc;
}

body
{
    font:8pt verdana;
    color:darkblue;
}
td
{
    color:darkblue;
    font:8pt verdana;
}
td.nowrap
{
    white-space:nowrap;
}
td.field
{
    color:#606060;
    font:8pt verdana;
}

td.field a, td.field a:link, td.field a:hover, td.field a:visited, td.field a:active
{
    color:#606060;
}
th
{
    color:black;
    font:9pt Verdana;
    font-weight:bold;
}
A
{
    color:darkblue;
    font:8pt Verdana;
}
A:visited
{
    color:darkblue;
}
A:hover
{
    color:gray;
    font:8pt Verdana;
}
.header
{
    background-color:#eeeeee;
}

input.submit
{
    margin:1px;
    padding: 1px 3px 2px 3px;
    border:2px outset lightgray;
    background:#D4D0C8;
    color:#00008B;
    text-decoration:none;
    font:7pt Verdana;
    display:block;
    text-align:center;
    cursor:pointer;
}

a.but
{
    margin:1px;
    padding: 1px 6px 2px 5px;
    border:2px outset lightgray;
    background:#D4D0C8;
    color:#00008B;
    text-decoration:none;
    font:7pt Verdana;
    display:block;
    text-align:center;
}

a.but:link, a.but:visited, a.but:hover
{
border: 2px outset lightgray;
font:7pt Verdana;
color:#00008B;
background:#D4D0C8;
text-align:center;
}

a.but:active, a.but:hover:active
{
border: 2px inset lightgray;
font:7pt Verdana;
color:#00008B;
background:#D4D0C8;
text-align:center;
}

tr.row0
{
    background:#fffff9
}

tr.row1
{
    background:#F4F4FB
}

H2
{
    display:block;
    font:14pt Verdana;
    background-color:#eeeeff;
    padding:3px 0 3px 10px;
    margin:0 0 15px 0;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

.h2
{
    color:darkblue;
    display:block;
    font:14pt Verdana;
    background-color:#eeeeff;
    padding:3px 0 3px 10px;
    margin:0 0 15px 0;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

.h3, h3
{
    color:darkblue;
    display:block;
    font:8pt Verdana;
    font-weight:bold;
    padding:1px 0 1px 0px;
    margin:5px 0 5px 0;
    background-color:#eeeeff;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

DIV.table-area
{
  background-color: #f0f0f0;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: none;
  margin:0;
  padding:0;
  width:96%;
  height:500px;
  overflow:auto;
  overflow-x:hidden;
}

DIV.table-row0
{
  background-color: #fdfdf9;
  text-align: left;
  width:100%;
  clear:both;
  overflow:hidden;
  margin:0px;
  padding:0px;
  height:20px;
}

DIV.table-row1
{
  background-color: #F4F4FB;
  text-align: left;
  width:100%;
  clear:both;
  overflow:hidden;
  margin:0px;
  padding:0px;
  height:20px;
}

DIV.table-header
{
  background-color: #eeeeee;
  border: 1px solid gray;
  font-weight:bold;
  margin:0;
  padding-top:4px;
  padding-bottom:4px;
  text-align:left;
  width: 96%;
}

.message
{
 background-color:#eeeeff;
 color:darkblue;
 border-top:1px dashed gray;
 border-bottom: 1px dashed gray;
 padding:2px 2px 2px 12px;
}

.error
{
 background-color:#ffeeee;
 color:red;
 border-top:1px dashed red;
 border-bottom: 1px dashed red;
 padding:2px;
}

td.tzLink, a.tzLink, a.tzLink:visited
{
	color:#777777;
}
td.tzLink
{
	font-size:0.6em;
}
a.tzLink, a.tzLink:hover
{
	font-size:1em;
}

div.layout
{
    width:89%;
}
ul.clubBreakdown
{
    margin-top:2px;
    margin-bottom:2px;
    padding-bottom:0.66em;
}
li.cat
{
    clear:both;
}

ul.clubList
{
    float:left;
    position:relative;
    left:0em;
    top:-1.3em;
    width:98%;
    list-style-type:none;
    padding:0 0 0.33em 11.5em;
    margin:0 0 -1.6em 0;
}

li.club
{
    float:left;
    padding: 0 3px 0 3px;
    margin:0px;
}