body {background:#0a0; color:white; margin:0; font-family:"trebuchet ms", verdana, sans serif; padding:0;}

a:link {color:#f00; text-decoration:none; font-weight:bold; background:#bfb; border-bottom:1px solid;}
a:visited {color:#f00; text-decoration:none; font-weight:bold; background:#8f8; border-bottom:1px solid;}
a:hover, a:active, a:focus {color:#fff; background:#d00; font-weight:bold;}

.a a:link {color:#f00; text-decoration:underline; font-weight:bold; background:#0c0;}
.a a:visited {color:#a00; text-decoration:underline; font-weight:bold; background:#0c0;}
.a a:hover, a:active, a:focus {color:#fff; background:#d00; font-weight:bold;}

div#menu {float:left; width:175px;}

div#menu ul {list-style-type:none; margin:0 1em 0 0; padding:0; font-size:95%; background: url("nav.png") top right no-repeat; min-height:330px;}
* html div#menu ul {list-style-type:none; margin:0 1em 2em 0; padding:0; font-size:95%; background:#cfc;}
div#menu li {border-bottom:1px black solid;}
div#menu a {display:block; border-bottom:none; background:transparent;}
div#menu a:link, div#menu a:visited {color:black; text-decoration:none; padding:3px; margin:0; font-weight:normal;}
div#menu a:active, div#menu a:hover {background:#080; color:white; text-decoration:none; padding:3px; margin:0; font-weight:normal;}
div#menu li#current {background:white; color:black; padding:3px; margin:0; background-image: url(club.gif); background-repeat: no-repeat; background-position: 96% 50%;}
div#menu img {display:none;}

div#content {float:left; width:75%; max-width:605px; padding:1em;}

div#matrix {clear:both; margin:10px; max-width:780px;}

div#footer {clear:both; border-top:1px white solid;}

div.right, div.next {float:right;}

h1 {line-height:50px; background: url(cards.jpg) #d00; color:white; margin:0; font-size:24px; font-weight:bold; border-bottom: white 1px solid; text-align:center; background-repeat: no-repeat; font-style:italic; font-family: palatino, "book antiqua", garamond, serif;}
h2 {padding:0.2em; background:#080; color:white; margin:0 0 0.5em 0; font-size:1.5em; font-weight:bold; border-right:black 1px solid; border-bottom:black 1px solid; border-left:#cfc 1px solid; border-top:#cfc 1px solid;}
h3 {padding:0.1em; color:#cfc; font-size:1.1em; font-weight:bold; border-bottom:1px solid;}
p {margin:0.5em 0.25em;}

div.text p {margin:1em 0.25em;}

p.s {text-align:center; font-size:90%;}

tr.scp td {border:1px black solid; background:white; color:black; font-family:arial, verdana, sans serif;}
tr.scw td {border:1px black solid; background:white; color:#0000d0; font-family:"comic sans ms", "lucida handwriting", technical, cursive;}
tr.scw td.p {border:1px black solid; background:white; color:black; font-family:arial, verdana, sans serif;}

table {border-collapse:collapse;}
table td {text-align:center;}
table.wide td {padding:0 0.25em;}

p.sec {border-top:#cfc 3px ridge; color:#cfc; font-weight:bold; margin-top:1em;}
.num {background:#cfc; color:#080; font-weight:bold; padding-left:0.3em; padding-right:0.3em; padding-top:0.15em; padding-bottom:0.15em;}

.r {color:red;}
.bl, .alert, .xx {color:white; background:blue; border:1px solid; font-weight:bold;}
.stop, .x {color:white; background:red; border:1px solid; font-weight:bold;}
.pass {color:white; background:#0b0; border:1px solid; font-weight:bold;}

table.score {border:2px solid #080;}
table.score td {padding: 0.15em 0.75em;}
table.score tr.odd {color:black; background:#5ddd5d;}
table.score tr.even {color:black; background:#cfc;}

table.matrix {border:2px solid #080; width:100%;}
table.matrix td, table.matrix th {text-align:center; border-left:1px solid #0b0; white-space:nowrap;}
table.matrix tr.odd {color:black; background:#5ddd5d;}
table.matrix tr.even {color:black; background:#cfc;}
table.matrix tr.top, table.matrix thead th {color:white; background:#080; border-bottom:1px solid #0b0; font-weight:normal;}
table.matrix td.t {color:white; background:#080; border-top:1px solid #0b0;}
table.matrix td.t2 {color:#cfc; background:#080; border-top:1px solid #0b0; font-weight:bold; padding:0 0.25em;}
table.matrix tr > td:first-child, table.matrix tr > th:first-child {text-align:left; border-left:none; padding:0 0.25em; font-weight:normal;}
table.matrix tbody th {text-align:left; border-left:none; padding:0 0.25em; font-weight:normal;}

div#content ul {list-style-type:square;}
div#content ul li {line-height:1.5em;}

div.picture {float:left; margin:6px; border:1px #cfc solid; padding:4px; width:240px; text-align:center; font-size:small;}
div.picture a img {border:none;}