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

img {
    border: 0;
}

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 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-sec ul li {
    float: left;
    margin-right: .5em;
}

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;
}

.banner-image {
    background: url(/images/banner-img.png) no-repeat left top;
}

.left-bar {
    background: url(/images/body-left-bar.gif) repeat-y left top;
}

.right-bar {
    background: url(/images/body-right-bar.gif) repeat-y left top;
}

.left {
    float: left;
    height: auto;
    margin: 5px 5px 5px 0;
}

.right {
    float: right;
    height: auto;
    margin: 5px 5px 5px 0;
}

.row2 {
    width: 45%;
    height: 320px;
}

.column2 {
    width: 97%;
}

.normal {
    width: 45%;
    height: auto;
}

td.flyer {
    padding-left: 5px;
}

.formerror {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/error.bmp');
    background-repeat: no-repeat;
    background-position: 10px center;
    border: 1px solid;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    padding: 15px 10px 15px 50px;
}