/* -----------------------------------------------------------------------------
/* ANSWER THE CALL
/* MAIN CSS FILE
/* -----------------------------------------------------------------------------
/* July 2009
/* Blue North Studios
/* -----------------------------------------------------------------------------
/* Global Styles 
/* ---------------------------------------------------------------------------*/
body {
    margin: 0px auto;
    font-family: verdana; font-size: 12px;
    background: url(../images/bg/bg.jpg) top left repeat;
}
a { color: #40499F; text-decoration: none; }
a:hover { color: #1C203E; }
h1,h2,h3,h4,h5 { font-weight: normal; }
h2 { color: #465C99; }
h3 { color: #111111; }
input { border: 1px solid #B2B8DE; }
textarea { border: 1px solid #B2B8DE; }
table.bg_glow {
    border-collapse: collapse;
    position: absolute; width: 950px; left: 50%; margin-left: -475px;
}
td.bg_center { padding: 0px; }
td.bg_l { background: url(../images/bling/bg_l.png) top right repeat-y; width: 15px; }
td.bg_r { background: url(../images/bling/bg_r.png) top left repeat-y; width: 15px; }
td.bg_bl { background: url(../images/bling/bg_bl.png) top right no-repeat; height: 15px; width: 15px; }
td.bg_b { background: url(../images/bling/bg_b.png) top left repeat-x; height: 15px; }
td.bg_br { background: url(../images/bling/bg_br.png) top left no-repeat; height: 15px; width: 15px; }
.dstop {
    background: #FFFFFF url(../images/bg/white_ds_top.jpg) top left repeat-x;
    height: 10px;
}
.dsbottom {
    background: #FFFFFF url(../images/bg/white_ds.jpg) top left repeat-x;
    height: 10px;
}
.error {
    padding: 15px; color: #FFFFFF; background-color: #690000;
}
/* -----------------------------------------------------------------------------
/* Wrappers
/* ---------------------------------------------------------------------------*/
.wrapper {
    padding: 10px; border-left: 1px solid #545EB8;
    border-right: 1px solid #545EB8; border-bottom: 1px solid #545EB8;
    background: url(../images/bg/content_bg.jpg) top left repeat;
}
/* -----------------------------------------------------------------------------
/* Header
/* ---------------------------------------------------------------------------*/
.header {
    background: url(../images/bg/brown_ds_top.jpg) bottom left repeat-x;
    padding-bottom: 10px;
}
/* -----------------------------------------------------------------------------
/* Main Navigation
/* ---------------------------------------------------------------------------*/
.mainnav {
    background: url(../images/navigation/mainnav_bg.jpg) top left repeat-x;
    border: 1px solid #6670C1;
}
.mainnav table { border-collapse: collapse; }
.mainnav td { padding: 0px; }
.mainnav a {
    display: block; float: left; padding: 10px 20px 10px 20px;
    text-decoration: none; color: #FFFFFF;
    border-right: 1px dotted #6670C1;
}
.mainnav a:hover {
    background: url(../images/navigation/mainnav_bg_hover.jpg) top left repeat-x;
    color: #2B4279;
}
.mainnav a:hover {  }
/* -----------------------------------------------------------------------------
/* Global Content
/* ---------------------------------------------------------------------------*/
td.left {
    width: 250px; padding: 5px 5px 15px 5px;
    border-left: 1px solid #6670C1;
    background: url(../images/bg/brown_ds.jpg) top left repeat-x;
}
td.right {
    padding: 15px;
    border-right: 1px solid #6670C1; border-left: 1px solid #6670C1;
    background: #FFFFFF url(../images/bg/white_ds.jpg) top left repeat-x;
    color: #2C395F;
}
/* -----------------------------------------------------------------------------
/* Side Image
/* ---------------------------------------------------------------------------*/
.sideimage {
    color: #49341D; border: 1px solid #6670C1;
    padding: 3px; background-color: #CDD1EB;
}
.sideimage div {
    padding: 10px; font-size: 10px;
}
.sideimage img {
}
/* -----------------------------------------------------------------------------
/* Side Navigation
/* ---------------------------------------------------------------------------*/
.sidenav { }
.sidenav a {
    display: block; padding: 12px 0px 12px 5px;
    border-bottom: 1px solid #A4ACD9;
   /* background: url(../images/navigation/sidenav_arrow.gif) 5px 14px no-repeat; */
}
/* -----------------------------------------------------------------------------
/* This->That There
/* ---------------------------------------------------------------------------*/
.thisthat {
    border-top: 1px solid #B2B8DE; border-bottom: 1px solid #B2B8DE;
    padding: 3px 0px 3px 0px; color: #999999;
}
.thisthat img { border-width: 0px; }
/* -----------------------------------------------------------------------------
/* List Items
/* ---------------------------------------------------------------------------*/
.list {
    padding: 10px 0px 10px 0px; margin: 0px;
}
.list h3 {
    margin: 0px 0px 10px 0px; border-bottom: 1px solid #DDDDDD;
}
.list img {
    padding: 5px; border: 1px solid #DDDDDD;
    margin: 0px 10px 10px 0px;
}
.list img:hover { border-color: #C9A47E; }
/* -----------------------------------------------------------------------------
/* Large Images
/* ---------------------------------------------------------------------------*/
.limage {
    padding: 25px; border-top: 1px solid #DABD9F;
    border-bottom: 1px solid #DABD9F;
}
.limage img {
    margin: 5px 1px 5px 1px; border: 1px solid #DABD9F;
    padding: 3px;
}
.caption {
    padding: 10px 20px 10px 20px; color: #666666;
    font-weight: bold;
}
/* -----------------------------------------------------------------------------
/* File Display
/* ---------------------------------------------------------------------------*/
.file {
    padding: 10px 5px 10px 5px; margin: 10px 0px 10px 0px;
    border: 1px solid #DABD9F; border-width: 1px 0px 1px 0px;
    background-color: #F3EBE2;
}
.file img {
    border-width: 0px; padding-right: 10px;
}
.small { font-size: 10px; }
/* -----------------------------------------------------------------------------
/* Form Display
/* ---------------------------------------------------------------------------*/
.form {
    border: 1px solid #CCCCCC; border-width: 0px 1px 0px 1px;
    margin: 0px; padding: 1px 20px 1px 20px;
    background-color: #E9EAED;
}
.form input { background-color: #FFFFFF; }
.bigbutton input[type='submit'] {
    padding: 10px;
    background-color: #214524;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.bigbutton input[type='submit']:hover {
    background-color: #012504;
}
/* -----------------------------------------------------------------------------
/* Registered Riders 
/* ---------------------------------------------------------------------------*/
.riderlist {
    margin: 10px 0px 10px 0px; font-size: 11px;
}
.riderlist table { border-collapse: collapse; }
.riderlist td.h1 {
    padding: 5px 5px 5px 5px; border: 1px solid #737CBE;
    background-color: #8B93D1; color: #FFFFFF;
}
.riderlist td.h2 {
    padding: 2px 5px 2px 5px; border: 1px solid #737CBE;
    color: #745F45;
    background: #B7BDE1 url(../images/bg/brown_ds.jpg) top left repeat-x;
}
.riderlist td {
    padding: 2px 5px 2px 5px; border: 1px solid #B9B9E3;
    border-width: 0px 1px 1px 1px; color: #3F4678;
}
.riderlist tr.odd { background-color: #D6DAEF; }
/* -----------------------------------------------------------------------------
/* Home Event
/* ---------------------------------------------------------------------------*/
.homeevent {
    margin: 5px 0px 5px 0px; border: 1px solid #6670C1;
    padding: 10px; background-color: #CDD1EB; font-size: 11px;
    color: #1F3058;
}
.homeevent a.register {
    display: block; padding: 5px;
    margin: 5px 0px 5px 0px; text-align: center;
    background-color: #1F3058; color: #FFFFFF;
}
/* -----------------------------------------------------------------------------
/* Footer
/* ---------------------------------------------------------------------------*/
.footer {
    padding: 35px 0px 35px 0px; color: #777FC7;
    border-top: 1px solid #6670C1;
    background: url(../images/bg/brown_ds.jpg) top left repeat-x;
}