body {
  font-family : Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #999999;
  color: #000000;
  
}

td {
  font-family : Arial, Verdana, Helvetica, sans-serif;
  color: #000000;
}

th {
  font-family : Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: #990000;
  font-weight: bold;
  text-align: left;
  padding-left: 5px;
}

a {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #990000;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #990000;
  text-decoration: none;
    font-weight: bold;
}

a:visited {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #990000;
    font-weight: bold;
}

.error {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #CC0000;
}

/* table... sets the table border colours and backgrounds in stats and in tutorials */
.tableborder {
  background: #000000;
}

.tablebg {
  background: #FFFFFF;
  padding-left : 5;
}

.tablebgodd {
  background: #cccccc;
  padding-left : 5;
  color: #FFFFFF;
}

a.tablebgodd {
  color: #FFFFFF;
}
a.tablebgodd:hover {
  color: #FFFFFF;
}
a.tablebgodd:visited {
  color: #FFFFFF;
}

.tablebgdark {
  font-weight: bold;
  background: #990000;
  color: #FFFFFF;
}
/*selected is the orange link in the navigation showing which page you are currently on */
.selected {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  color: #990000;
}

.section-title {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #cccc33;
  vertical-align: middle;
   padding-bottom: 10px;
   padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

.updnbutton {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:8px;
  background: #990000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-top:1px solid #000000;
  height:14px;
  text-decoration:none;
  cursor: hand;
  font-weight : bold;
}

.dropshadow {
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
}

.login {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-left: 5px;
}

.small {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 9px;
  padding-left: 5px;  
}

.small-checkbox {
  height: 10px;
  width: 10px;
  vertical-align : middle;
}

.small-button {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:9px;
  background: #999999;
  height:18px;
  text-decoration:none;
  cursor: hand;
  font-weight : bold;
}

.button {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background: #990000;
  text-decoration:none;
  cursor: hand;
  font-weight : bold;
}

.nav-top {
  font-size:14px;
  font-weight: bold;
  background: #666666;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

a.nav-top {
  font-size:14px;
  color: #FFFFFF;
}
a.nav-top:visited {
  font-size:14px;
  color: #FFFFFF;
}
a.nav-top:hover {
  font-size:14px;
  color: #cccc33;
}
td.nav-top {
  font-size:14px;
  font-weight: bold;
  background: #666666;
  color: #000000;
  text-align: center;
  vertical-align: middle;
}

.nav-sec {
  font-size:14px;
  font-weight: bold;
  background: #999999;
  color: #FFFFFF;
  padding-left: 10px;
}

.nav-sec uo {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.nav-sec uo li {
  float: left;
}

a.nav-sub {
  color: #FFFFFF;
}
a.nav-sub:visited {
  color: #FFFFFF;
}
a.nav-sub:hover {
  color: #cccc33;
}
td.nav-sub {
  color: #000000;
  padding: 5px;
}

.footer {
  border-top-color: #999999;
  border-top-style: solid;
  border-top-width: 1px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  font-weight: bold;
}

.events {
  font-size: 11px;
  padding-left: 10px;
  padding-right: 5px;
}

.event-title {
  color: #666666;
  background-color: #cccccc;
  font-size: 11px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 5px;
}

.event-date {
  color: #666666;
  font-size: 11px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 5px;
}

.news {
  font-size: 11px;
  padding-left: 15px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.news-title {
  color: #666666;
  background-color: #cccccc;
  font-size: 11px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 5px;
}

.news-date {
  color: #666666;
  background-color: #cccccc;
  font-size: 11px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 5px;
}

.leftpad {
  padding-left: 5px;
}

.status-signup {
  color: #009900;
  font-weight: bold;
}

.status-full {
  color: #cccc33;
  font-weight: bold;
}

.status-cancelled {
  color: #990000;
  font-weight: bold;
}

.status-change {
  color: #990000;
  font-weight: bold;
}

.status-insession {
  color: #cccc33;
  font-weight: bold;
}

.class-title {
  font-size: 12px;
  background-color: #999999;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
}

.class-field {
  font-size: 12px;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
}

.class-desc {
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}

.cms-data {
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}

.formlabel {
  font-size: 12px;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
}

.formvalue {
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}

#scores ul {
  margin: 0;
  padding: 0 0 0 0.5em;
  list-style: none;
}

#categories {
    margin: 0;
    padding: 5px;
    min-height: 300px;
    background-color: #CCC;
}
ul.categories, ul.categories ul, ul.categories li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.categories ul { padding-left: 0.3em; }
ul.categories li {
  border-left: 1px dotted #000;
  padding-left: 13px;
  background: url(/images/dotted.gif) scroll no-repeat 1px 0.8em;
}
ul.categories li.last {
  border-left-width: 0px;
  padding-left: 14px;
  background: url(/images/dottedangle.gif) scroll no-repeat left top;
}
ul.subcategories {
    display: none;
}
ul.selected {
    display: block;
}