body {font-family: verdana, sans-serif; font-size: 10pt;}

#header {background: #709F48 url(../images/grass.jpg) repeat-x; font-family: 'Bookman Old Style', serif;}
.text {color: #FFFF99; text-align: right; padding-top: 0.5em; width: 900px; margin: 0 auto;}
#header h1 {font-size: 2.0em; font-family: 'Arial Black', Gadget, sans-serif;}
#header p {font-weight: bold; font-style: italic; padding: 0.5em 0 1em;}
#footer {background: url(../images/grass.jpg) repeat-x;  padding: 0.5em 0 1em; font-weight: bold;}
#footer a {color: #FFFF99;}

#body {width: 900px; margin: 0 auto; padding-top: 1.5em;}
#content {float: left; width: 630px;}
#body-wide {width: 100%; margin: 0 auto; padding-top: 1.5em;}
#content-wide {float: left; margin-left: 2em;}
p {padding-bottom: 0.8em; line-height: 1.2em;}
strong {font-weight: bold;}
em {font-style: italic;}

#menu {width: 900px; margin: 0 auto; text-align: center; font-family: verdana, sans-serif;}
#menu ul {width: 100%; list-style-type: none;}
#menu ul li {display: inline; list-style-type: none; font-weight: bold;}
#menu ul li a {padding: 0.5em; background-color: #709F48; color: #FFFF99; text-decoration: none; float: left; border-left: 1px solid #FFFF99;}
#menu ul li a:hover {background-color: #FFFF99; color: #709F48;}

#body-wide #sidebar {margin-right: 2em;}
#sidebar {float: right;	width: 240px;}
#sidebar li ul {line-height: 1.2em;}
#sidebar li li {padding-left: 1.5em;}

#content ul, #content-wide ul {line-height: 1.2em;}

h2.first {margin-top: 0;}
h2 {margin-top: 1.5em; margin-bottom: 0.5em; padding: 0.4em; line-height: 1.4em; background: #709F48; font-size: 1.2em;	font-weight: bold; color: white;}
h3 {margin-top: 0.5em; margin-bottom: 0.5em; padding: 0.2em; background: #FFFED0; font-size: 1.0em;	font-weight: bold; color: black;}

.odd {background-color: #FFFED0;}
.even {background-color: white;}
th {padding: 0.2em 0.2em 0.1em; background-color: black; color: white; border-bottom: thick solid black; text-align: center; font-weight: bold;}
td.date, td.rank, td.team {white-space: nowrap; border-bottom: thin solid black; padding: 0.2em;}
td.event {border-bottom: thin solid black; padding: 0.2em;}
td.event .win {color: #000080; font-weight: bold;}
td.rank {text-align: right;}
table.standings {margin-right: 2em;}

.changed {color: red; font-weight: bold;}

 table.bracket {margin: 0.5em auto;}
.bracket td {width: 14%; border: none; padding: 0 0.5em; margin: 0;}
.bracket td.empty {}
.bracket td.bottom {border-bottom: medium solid black; min-width: 15em;}
.bracket td.right {border-right: medium solid black;}
.bracket td.team {text-align: left; font-size: 1.1em; padding: 0.25em 0.5em;}
.bracket td.team .win {color: #000080; font-weight: bold;}
.bracket td.game {text-align: right;}
.bracket td.date {text-align: right; font-style: italic;}
.bracket td.label {text-align: left; font-style: italic; font-size: 0.8em; vertical-align: top;}
.bracket td.championship {font-weight: bold;  font-size: 1.2em;}

span.district {font-style: italic;}
.champion  {font-weight: bold; font-size: larger;}

.printable {text-align: right;}

.champsphoto {float: left; margin: 0 2em 2em;}