/* DEFAULTS & GLOBALS
==============================================================================*/
html { /* forces scrollbars */
    height: 100%;
    margin-bottom: 1px;
}

* { /* global settings for every element on the site */
    font-family: Verdana, Arial, Geneva, sans-serif;
    margin: 0 auto;
    padding: 0;
}

body {
    background-color: #333;
    color: #666;
    font-size: small;
    line-height: 1.3em;
}

#container {
    background-color: #fff;
}

a {
    color: #aa1313;
}
a:hover {
    text-decoration: underline;
}
p {
    margin: 8px 0 8px 0;
}
ul {
    list-style-type: disc;
    margin: 0 0 0 25px;
}
td {
    padding: 3px 0 3px 0;
}
h1 {
    color: #666;
    font-weight: bold;
    font-size: large;
    padding: 5px 0 5px 0;
}
h2 {
    color: #666;
    font-weight: bold;
    font-size: small;
    padding: 5px 0 5px 0;
}
input, textarea {
    border: solid 1px #888;
    padding: .3em;
}
select {
    background: url(/img/input_bg.gif) #fff no-repeat;
    border: solid 1px #888;
    padding: 2px;
}
option {
    padding-right: 8px;
}
#error {
    padding: 1em;
}
.errorMessage {
    background-color: #fee;
    color: #802;
    font-weight: bold;
    text-align: center;
}
.noHighlight {
    background: none;
    border-bottom: none;
}
.heading {
    color: #802;
    font-weight: bold;
}
.evenRow {
    background-color: #fff;
}
.oddRow {
    background-color: #eee;
}
.sectionHeader {
    color: #333;
    font-weight: bold;
    text-align: left;
    margin-top: 1em;
    font-size: 1.1em;
    padding: .5em;
    border-bottom: solid 2px #ddd;
}
.sectionHeaderSidebar {
    color: #333;
    font-weight: bold;
    text-align: left;
    background-color: #d8d8d8;
    font-size: 1.1em;
    padding: .5em;
}
.sectionSubheader {
    color: #444;
    font-weight: bold;
    text-align: left;
    margin-top: 1em;
    font-size: 1.1em;
    padding: .5em;
}
.catalogueImageContainer {
    background: url('/img/catalogue_bg.gif') #fff no-repeat center;
    height: 155px;
    padding-top: 2em;
    width: 220px;
}
.supplierImageContainer {
    background: url('/img/suppliers/bg.gif') no-repeat center;
    height: 112px;
    vertical-align: middle;
    width: 220px;
}
.featuredSupplierContainer {
    background-color: #fff;
    border: solid 1px #888;
    height: 112px;
    width: 285px;
    text-align: center;
}
.voteContainer {
    background-color: #fff;
    border: solid 1px #888;
    height: 260px;
    width: 285px;
    text-align: center;
}
.featuredSupplierImage {
    background-color: #fff;
    margin-left: 40px;
}
.more {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
}
.errorMessage {
    color: #802;
    font-weight: bold;
    margin: 8px;
    padding: 10px;
}
.dropShadow1 {
    height: 1px;
    background-color: #666;
}
.dropShadow2 {
    height: 1px;
    background-color: #999;
}
.dropShadow3 {
    height: 1px;
    background-color: #ccc;
}
.dropShadow4 {
    height: 1px;
    background-color: #eee;
}
.productChart th {
    background-color: #eee;
    border: solid 1px #888;
    padding: .25em;
}
.productChart td {
    border: solid 1px #888;
    padding: .25em;
}
#navbartop {
    margin-bottom: 2em;
    text-align: center;
}
#navbarbottom {
    margin-top: 2em;
    text-align: center;
}

div.team h1 { color: #802; }
div.team th { text-align: left; }
div.rider h1 { color: #802; }
div.rider th { text-align: left; }

span.required { color: #802; font-weight:bold; }

/* ADMIN
==============================================================================*/
#adminMenu {
    border-bottom: solid 2px #ccc;
    padding: 5px;
    margin: 0 0 8px 0;
}
.adminButton {
    font-weight: bold;
    margin: 0 0 1em 0;
}

/* HEADER
==============================================================================*/
#header {
    height: 90px;
}

/* SUBMENU
==============================================================================*/
.subMenu {
    text-align: left;
    border-bottom: solid 1px #ccc;
    padding-left: .5em;
    padding-bottom: .5em;
}
.subMenuContainer {
    padding-top: 1em;
}
.subMenu a {
    background: url('/img/submenu_tab_bg.gif') repeat-x;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-bottom: solid 3px #fff;
    font-weight: bold;
    padding: .5em;
    text-decoration: none;
}
.subMenu a:hover {
    background: url('/img/submenu_tab_on_bg.gif') repeat-x;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-bottom: solid 2px #fff;
    padding: .5em;
    text-decoration: underline;
}
.active {
    background: url('/img/submenu_tab_on_bg.gif') repeat-x !important;
}

/* FEATURED EVENTS
==============================================================================*/
#headineContainer {
}
.headlineTitle {
    color: #802;
    font-weight: bold;
    font-size: 1.1em;
    padding: 1em 10px 0 10px;
}
.headlineVenue {
    color: #555353;
    font-weight: bold;
}
.headlineDate {
    padding: 0 10px 0 10px;
}
.headlineText {
    text-align: justify;
    padding: 0 10px 0 10px;
}

/* SIDEBAR
==============================================================================*/
.sidebarContainer {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-left: .5em;
    width: 285px;
}
.sidebarObject {
    margin-bottom: 1em;
}
.sidebarImage {
    width: 285px;
    text-align: center;
}
.sidebarTitle {
    color: #802;
    text-align: left;
    font-weight: bold;
}
.sidebarVenue {
    font-weight: bold;
}
.sidebarDate {
    font-weight: bold;
}
.sidebarLocation {}
.sidebarBody {
    text-align: justify;
}

/* FOOTER
==============================================================================*/
#footer {
    background: url(/img/article_title_bg.jpg) repeat-x;
    line-height: 30px;
    height: 30px;
    text-align: center;
    margin-top: 1em;
    color: #fff;
    font-weight: bold;
    background-color: #444;
    border-bottom: solid 10px white;
    vertical-align: middle;
}