body { 
  display: block;
  margin: 0px;
  font-family: Verdana, "Bitstream Vera Sans", Arial, sans-serif;
  color: black;
	font-size: 12px;
	font-color: black;
	text-align: center;
	background: url('/images/grays.gif');
}

table {
  font-size: 100%;
	border-collapse: collapse;
	margin: 0px;
}

td.pastgames { background-color: #FFEEEE; font-weight: bold; padding-left: 10px !important; }
td.gametoday { background-color: #DDFFDD; font-weight: bold; padding-left: 10px !important; }
td.futuregames { background-color: #EEEEEE; font-weight: bold; padding-left: 10px !important; }

input { font-size: 110%; white-space: auto; }
textarea, li { font-size: 100%; }
form { margin: 0px; }
ul { margin-top: 5px; margin-left: 15px; margin-bottom: 10px; padding: 0px; padding-left: 10px; }
ol { margin-top: 5px; margin-left: 20px; margin-bottom: 10px; padding: 0px; padding-left: 10px; }
ol li, ul li { margin-left: 0px; }

b, em, strong { font-weight: bolder; } 
small { font-size: 60%; vertical-align: 50%; }
h1, h2, h3, h4 { font-weight: bolder; margin-top: 2px; margin-bottom: 2px; }
h5, h6 { font-weight: normal; margin-top: 2px; margin-bottom: 2px; }

pre, tt, code { white-space: pre; font-family: "Lucida Console", "Courrier New", monospace; font-size:110%; }

hr { background-color:transparent; color:#000000; height:1px; }
p { margin: 8px 0px; display: block; }

a:link > img, a:visited > img, a:active > img { border: none; }

a { color: navy; text-decoration: none; }
a:hover { color: #009900; }
a:active { color: #CC3333; }

img { border: 0px; border-color: black; }
a img { vertical-align: middle; }

h1 { font-size:220%; }
h2 { font-size:175%; }
h3 { font-size:150%; }
h4 { font-size:120%; }
h5 { font-size:90%; }
h6 { font-size:80%; }

.show { visibility: visible; }
.hide { visibility: hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.block { display: block; }
.none { display: none; } 
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligntop { vertical-align: top; }
.alignbottom { vertical-align: bottom; }
.aligncenter { text-align: center; }
.alignmiddle { vertical-align: middle; }
.left { text-align: left; padding-left: 5px; }
.right { text-align: right; padding-right: 5px; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.small { font-size: 80%; }
.border { border: 1px solid black; }
.noborder { border: none; }
.double { border: 2px solid black; }
.padded, .padded td { padding: 4px; }
.pad { padding: 4px; }
.hpad { padding-left: +4px; padding-right: +4px; }
.margin { margin: 10px; }
.white { background-color: white; }
.maroon { color: maroon; }
.green { color: green; }
.red { color: red; }
/*.gray { background-color: #dddddd; }*/
.gray-white { color: #c0c0c0; }
.indent { padding-left: 20px; }
.occupy { width: 100%; }
.half { width: 50%; }
.nowrap { white-space: nowrap; }
.nobr { white-space: nowrap; }
.pre { white-space: pre; }
.tall { height: 100%; }
.big { font-size: 120%; }
.small { font-size: 80%; }
.smaller { font-size: 70%; }
.bigger { font-size: 130%; }
.link { cursor: pointer; }
.inline { display: inline; }
.w50 { width: 50px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }

.new {
  font-style: italic;
	color: red;
}

table.main {
 width: 910px;
 height: 100%;
 margin: 0px;
 display: inline;
}
table.main td.leftside {
 width: 160px;
 padding: 10px;
 text-align: center;
 color: white;
 vertical-align: top;
 background: url('/images/darkgrays.gif');
 border: 1px solid black;
 border-style: none solid;
}
table.main td.rightside {
 width: 750px;
 padding: 10px;
 text-align: left;
 vertical-align: top;
 background: white;
 border: 1px solid black;
 border-style: none solid;
}
a.leftmenu {
 display: block;
 border: 1px solid navy;
 color: navy;
 background: lightblue;
 font-weight: bold;
 padding: 2px 4px;
 margin-bottom: 2px;
}
a.leftmenuactive {
 display: block;
 border-left: 1px solid black;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 border-right: 1px solid white;
 color: navy;
 background: white;
 font-weight: bold;
 padding: 2px 4px;
 margin-bottom: 2px;
 margin-right: -12px;
}
a.leftmenu:hover {
 color: yellow;
}

table.calendar { margin: 3px; font-size: 9px; border: none; }
table.calendar td { color: black; padding: 1px; text-align: center; border: none; white-space: nowrap; }
table.calendar td.month { font-size: 12px; border: 1px solid black; border-style: none none solid; }
table.calendar td.today { padding: 0px; border: 1px solid black; }
table.calendar td.weekend { color: gray; }

table.borders { border: 1px solid black; }
table.borders thead { font-weight: bold; background: url('/icons/grayfade.gif') repeat-x top; }
table.borders td { border: 1px solid black; padding: 2px; }
table.noborders, table.noborders td { border: none !important; }

table.padded td { padding: 5px 10px; }

table.gamedraw { border: 1px solid black; clear: both; }
table.gamedraw thead { background-image: url('/images/hgrayfade.jpg'); text-align: left;
  background-position: left; background-repeat: repeat-y; }
table.gamedraw td { border: 1px solid black; padding: 2px; text-align: center; vertical-align: middle; }

table.upcoming { border: none; width: 100%; }
table.upcoming caption { text-align: left; vertical-align: top; font-weight: bold; font-size: 120%;
  padding-bottom: 5px; }
table.upcoming td { border: 1px solid #c0c0c0; padding: 2px 4px; text-align: left; vertical-align: top; }

table.data { width: 100%; border: 1px solid black; }
table.data thead { font-weight: bold; background: url('/icons/grayfade.gif') repeat-x top; font-size: 120%; }
table.data td { padding: 6px; border: 1px solid black; vertical-align: top; }
table.data td.info { text-align: right; font-weight: bold; }
table.data td.value { text-align: left; }

table.draw { width: 100%; }
table.draw td { font-size: 10px; }
table.draw td.game {
 border-width: 1px;
 border-color: black;
 border-style: solid solid solid none;
 text-align: center;
 vertical-align: middle;
 background-image: url('/images/bluerock.jpg');
 background-position: center center;
} 
table.draw td.bgame {
 border-width: 1px;
 border-color: black;
 border-style: solid solid solid none;
 text-align: center;
 vertical-align: middle;
 background-image: url('/images/fadecca.jpg');
 background-position: center center;
} 
table.draw td.team1 {
 vertical-align: bottom;
 text-align: left;
 background-image: url('/icons/grayfadeup.gif');
 background-position: bottom left;
 background-repeat: repeat-x;
 padding-left: 2px;
}
table.draw td.team2 {
 vertical-align: top;
 text-align: left;
 background-image: url('/icons/grayfade.gif');
 background-position: top left;
 background-repeat: repeat-x;
 padding-left: 2px;
}

fieldset {
 display: block;
 border: 1px solid black;
 padding: 8px;
 clear: both;
 width: auto;
}
legend {
 font-size: 110%;
 font-weight: bold;
 padding: 5px 2px;
 color: black;
}
legend img { vertical-align: middle; }

div { background: transparent; margin: 5px 0px; padding: 0px; text-align: left; display: block; }

div.submenu { background: white; padding: 5px 0px; }
div.submenu a { text-decoration: none; color: black; padding: 2px 5px 4px 5px; white-space: nowrap; }
div.submenu a:hover { color: black; background-color: lightblue; }
div.submenu a:active { color: black; }
div.submenu a.page { color: black; font-weight: bold; }
div.submenu a.subpage { background: navy; color: black; font-weight: bold; }

div.letter { border-style: solid; border-color: #c0c0c0 black black #c0c0c0;
  border-width: 1px 2px 2px 1px; width: 500px; 
  padding: 10px; background: url('/images/letterbg.jpg'); }
div.letter p { margin: 10px; }
div.letter ul { margin-left: 30px; }

div.cachenote { text-align: center; border: 1px solid gray; color: gray;
  font-size: 80%; padding: 4px; }
	
div.pageform { border: 2px ridge; padding: 10px; }

div.box { border: 1px dashed black; padding: 2px; margin: 2px; text-align: center; }

input.gray {
 border: 1px solid black;
 background: white url('/icons/grayfade.gif') repeat-x;
 color: black;
}

#red { color: #009900; }
#navy { color: navy; }
 
div.rss { width: 700px; border: 1px dashed black; padding-right: 10px; }
div.rss ul { margin: 10px 20px;  }
div.rss li { list-style-image: url('/icons/extlink.gif'); padding-left: 5px; }
div.floater {
  border: 1px dashed gray;
  padding: 5px;
  margin-bottom: 15px;
  display: block;
}

div.footer {
  clear: both;
  display: block;
	color: black;
	font-size: 90%;
}
div.footer a, div.footer a:hover {
  text-decoration: none;
	color: black;
}

div.sponsor {
  padding: 0px;
  margin: 0px;
  border: none;
  clear: both;
}

table.sponsor { 
  border: none;
  margin: 2px 10px 10px;
}

table.sponsor td.spleft {
  text-align: right;
  vertical-align: middle;
  padding: 0px;
}
table.sponsor td.spright {
  width: 468px;
  height: 60px;
  border: 1px solid black;
  text-align: left;
  vertical-align: middle;
  padding: 0px;
}

.grey { color: gray; font-size: 80%; font-weight: normal; } 
.gray { color: gray; }
.lightgray { color: lightgray; } 
.pagetitle {
  color: navy;
  padding: 4px;
  background-color: white;
  background-image: url('/images/fivesheet.jpg');
	background-position: left center;
  border: 1px solid black;
  background-repeat: no-repeat;
}
p.note { font-weight: normal; font-size: 90%; color: maroon; }
.CLUB { background-image: url('/images/bluerock.jpg'); background-position: center center; }
.LADDER { background-image: url('/images/greenladder.jpg'); background-position: center center; }
.MIXED { background-image: url('/images/redladder.jpg'); background-position: center center; }
.TGIF { background-image: url('/images/yellowhouse.jpg'); background-position: center center; }
.BONSPIEL { background-image: url('/images/fadecca.jpg'); background-position: center center; }
.MEETING { background-image: url('/images/cthru.gif'); background-position: center center; }
.JUNIORS { background-image: url('/images/purplehouse.jpg'); background-position: center center; }
.DAYTIME { background-image: url('/images/bluehouse.jpg'); background-position: center center; }
.DAYLADDER { background-image: url('/images/blueladder.jpg'); background-position: center center; }
.RESERVED { background-image: url('/images/reserved.jpg'); background-position: center center; }
.CLOSED { border: 1px solid black; background-image: url('/images/noblock.jpg');
  background-position: center center; text-align: center; vertical-align: middle; }
.thead { font-weight: bold; background: url('/icons/grayfade.gif') repeat-x top; }
.yellow { background-color: #F5FEBB;}
.blue { background-color: #BDE7FD; }
.red { background-color: #FDBDBB; } 
.other { background-color: #DDDDDD; }
.sectionA { text-align: center; background-image: url('/images/sectionA.gif'); background-position: center center; }
.sectionB { text-align: center; background-image: url('/images/sectionB.gif'); background-position: center center; }
.sectionC { text-align: center; background-image: url('/images/sectionC.gif'); background-position: center center; }
.sectionD { text-align: center; background-image: url('/images/sectionD.gif'); background-position: center center; }
.sectionE { text-align: center; background-image: url('/images/sectionE.gif'); background-position: center center; }
.sectionF { text-align: center; background-image: url('/images/sectionF.gif'); background-position: center center; }

.news_head {}
.news_desc {  }
.news_topic { margin: 0px; border-left: 1px solid black; border-top: 1px solid black;
  background-image: url('/icons/grayfade.gif'); background-repeat: repeat-x; padding: 5px; }
.news_body { margin: 0px; border-left: 1px solid black; padding-left: 10px; }
.news_foot { margin: 0px; border-left: 1px solid black; padding: 0px 10px 0px 20px; color: gray; font-size: 80%; }


div.prevwindiv {
  display: block;
	position: absolute;
	left: -1000px;
	top: 100px;
	z-index: 100;
	background-color: white;
}

table.prevwintable {
  margin: 5px;
	border: 3px double black;
	background-color: white;
}

table.prevwintable td {
  padding: 4px;
}

table.prevwintable thead {
  background: url('/icons/grayfade.gif') top left repeat-x;
	font-size: 120%;
	font-weight: bold;
	vertical-align: center;
	white-space: nowrap;
	text-align: left;
}

table.prevwintable thead td {
	border-bottom: 1px solid black;
	white-space: nowrap;
}



@media print {
div.w800 { width: 100% !important; }
body { background: none !important; }
div.sponsor { display: none; }
table.main { width: 100%; height: auto; }
table.main td.left { display: none; }
table.main td.right { border: none; padding: 0px; }
div.submenu { display: none; }
div.pageform, div.footer { display: none; }
#uao { display: none; }
}