/************************
 * DEFAULT FORMATTING ***
 ************************/

* 
{
   padding: 0;
   margin: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
form, label, ul, ol, dl, fieldset, address 
{
   margin-bottom: 1em;
}

ul 
{
   line-height: 1.5em;
   margin: 0 0 1em 2em;
}

ol 
{
   line-height: 1.5em;
   margin: 0 0 1em 2em;
}

input
{
  margin: 1px;
  padding: 0.05em 0.2em;
  vertical-align: middle;
  font-size: 12px;
}

select
{
  margin: 1px;
  vertical-align: middle;
}



/************************
 * GENERIC PAGE STYLING *
 ************************/

/*
 * Standard body styling
 */
BODY
{
   margin: 0px;
   margin-left: auto;
   margin-right: auto;
   max-width: 1200px;
   min-width: 940px;
   font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
}

/*
 * Standard table styling
 */
BODY * TABLE
{
   font-size: 12px;
}

/*
 * Table for formatting
 */
TABLE.zerotable
{
   margin: 0px;
   padding: 0px;
   border-collapse: collapse;
   width: 100%;
}



/***********************
 * PAGE HEADER STYLING *
 ***********************/

/*
 * Upper section of standard page header
 */
DIV#headerupper
{
   background-color: #1E9674;  /* Green */
   background-image: url('../images/hdr_bkgrnd.jpg');
   height: 70px;
   font-size: 13px;
}

/*
 * Upper title area of header
 */
DIV#headertitle
{
   color: white;
   margin-left: 7px;
   font-size: 28px;
}

/*
 * Lower title area of header
 */
DIV#headertitlelower
{
   color: #FF7512; /* Orange */
   margin-left: 8px; 
   font-size: 20px;
}

/*
 * Header tool links
 */
DIV#headertools
{
   float: right;
   margin-right: 7px;
   margin-top: 5px;
   text-align: right;
}

/*
 * Header search area
 */
DIV#headersearch
{
   clear: both;
   float: right;
   width: 280px;
   text-align: right;
   margin-right: 2px;
   margin-top: 5px;
}

/*
 * Header upper links
 */
div#headerupper a:link, div#headerupper a:visited
{
   color: white;
   text-decoration: none;
}

/*
 * Header upper link hovering
 */
div#headerupper a:hover
{
   text-decoration: underline;
}

/*
 * Middle section of standard page header
 */
DIV#headermiddle
{
   zoom: 1;
   padding-left: 5px;
   padding-right: 5px;
   color: #FF7512; /* Orange */
}

/*
 * Header middle links
 */
div#headermiddle a:link, div#headermiddle a:visited
{
   color: #FF7512; /* Orange */
   text-decoration: none;
}

/*
 * Header middle link hovering
 */
div#headermiddle a:hover
{
   text-decoration: underline;
}

/*
 * Lower section of standard page header
 */
DIV#headerlower
{
   float: middle;
   background-color: #FF7512; /* Orange */
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 8px;
   padding: 2px;
   padding-left: 5px;
   padding-right: 5px;
   border: solid black 1px;
   font-size: 11px;
}

/*
 * Header lower links
 */
div#headerlower a:link, div#headerlower a:visited
{
   color: white;
   text-decoration: none;
}

/*
 * Header lower link hovering
 */
div#headerlower a:hover
{
   text-decoration: underline;
}

/*
 * Standard footer
 */
DIV#footer
{
   clear: both;
   background-image: url('../images/ftr_bkgrnd.jpg');
   background-color: #1E9674;  /* Green */
   font-size: 10px;
   height:70px;
   color: white;
   padding: 4px;
}



/**********************
 * DIALOG BOX STYLING *
 **********************/

/*
 * Standard dialog box
 */
div.dialog_std
{
   float: left; 
   width: 350px; 
   background-color: #E9EFF4; /* Gray */
   padding: 3px;
   border: double black 3px; 
   color: black;
}

/*
 * Title bar within standard dialog box
 */
div.dialog_std_title
{
   padding: 1px; 
   border-style: solid; 
   border-width: 1px; 
   border-color: black;
   background-color: #1E9674; /* Green */
   color: white;
   font-weight: bold;
}

/*
 * Contents of standard dialog box
 */
div.dialog_std_contents
{
   clear: both; 
   float: left;
   margin-top: 2px; 
}

div.dialog_std_icon
{
   float: right;
   margin-top: 4px; 
}

div.dialog_std_contents * TR, div.dialog_std_contents * INPUT, div.dialog_std_contents * SELECT
{
   font-size: 12px;
}

div.dialog_std_contents a:link, div.dialog_std_contents a:visited
{
   color: blue;
   text-decoration: none;
}

div.dialog_std_contents a:hover
{
   text-decoration: underline;
}



/********************
 * HINT BOX STLYING *
 ********************/

DIV.hintbox
{
   border-style: dotted;
   background-color: #feffb7;
   border-width: 1px;
   padding: 3px;
   float: left;
}

DIV.hintbox * P
{
   margin-left: 20px;
   margin-top: 5px;
}



/*********************
 * NEWS ITEM STLYING *
 *********************/

DIV.newsitem
{
   border-style: dotted;
   background-color: #feffb7;
   border-width: 1px;
   padding: 3px;
   margin-top: 10px; 
   padding-bottom: 5px;
}

DIV.newsitem P
{
   margin-left: 10px;
   margin-top: 10px;
   margin-right: 10px;
}



/*********************
 * PAGE BODY STYLING *
 *********************/

DIV#pagecore
{
   clear: both;
   margin: 10px;
   margin-top: 0px;
   padding-top: 10px;
}



/************************
 * PAGE CONTENT STYLING *
 ************************/

DIV.section-heading
{
   clear: both;
   margin-bottom: 10px; 
   background-color: #1E9674; /* Green */
   color: white; 
   padding: 2px; 
   padding-left: 4px; 
   font-size: 16px;
   border: solid black 1px;
}

DIV.section-body
{
   clear: both; 
   margin: 5px;
   margin-bottom: 10px;
}


/************************
 * RACE RESULTS STYLING *
 ************************/

TR.race-results-heading, TR.race-results-heading a:link, TR.race-results-heading a:visited
{
   background-color: #1E9674; /* Green */
   color: white;
}

TR.race-results-entry
{
   background-color: #E9EFF4; /* Gray */
}