#banner {
    color: white;
    background: purple;
    font-family: sans-serif, helvetica;
    font-size: 24pt;
    font-weight: bold;
}

#banner img {
    float: right;
}

#columns {
    background: skyblue;
}

#main {
    background: white;
    margin-left: 10em;
    padding-left: 1em;
}

#side {
    float: left;
    width: 9em;
}

ul {
    margin-left:-1em;
}

body {
    color: black;
    background: white;
    /*
    background-image: url(images/b.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
       */
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

h2 {
color: green;
font-size: 18pt;
}

h3 {
color: darkblue;
font-family: helvetica;
font-size: 12pt;
}

tr.header {
font-family:bold;
}

td {
	vertical-align: top;
}

td.match {
	height:3em;
	vertical-align: bottom;
	font-size:14pt;
	font-family:bold;
	color: red;
}

td.practice{
	height:3em;
	vertical-align: bottom;
	font-size:14pt;
	font-family:bold;
	color: green;

}

span.tigh{
	background:blue;
	color:white;
}

span.strong{
	color:red;
}

.semifinal{
	color:white;
	background:red;
}

.final{
	color:white;
	background:red;
}

.com {
    font-size: smaller;
    color: maroon;
}

td.result {
    text-align: center;
    width: 5%;
}

td.oposit {
    width: 5%;
}
td.score {
    text-align: center;
    width: 7%;
}
td.battery {
    width: 10%;
}

td.comment{
    width: 40%;
}

.note {
    color: green;
    margin-left: 1em;
}

ul.toc {
    list-style-type: none;
}

code {padding:1em; border: solid thin; margin: 0 0;
	background: #ddd}

.small { 
font-size:  8pt; 
}

h1 {
color: white;
background: purple;
font-family: sans-serif, helvetica;
font-size: 24pt;
font-weight: bold;
}