@import "centered_dropdowns.css";

body
{
    margin:0;
    background: #949494 url(../_art/site/bgGrade.gif) repeat-x;
    font-family: "Segoe UI", "Lucida Grande", "Trebuchet MS", Tahoma, sans-serif;
    font-size: small;
    line-height: 1.5em;
}

h1
{
/*	margin-top: 30pt; */
    margin-bottom: 0.5em;
	font-size: 150%;
	color: #880a00;
}

h2
{
/*    margin-top: 4ex; */
    margin-bottom: 0.5em;
    font-size: 125%;
	color: #880a00;
}

h3
{
    margin-bottom: -0.6em;
    font-size: 115%;
/*    font-weight: normal; */
/*    font-style: italic; */
/*    clear:inherit; */
	color: #880a00;
}

h4
{
    margin: -0.8em 0 0.2em 0;
    color: #880a00;
}

img
{
    border-style:none;
}

hr
{
    width: 50%;
    text-align: left;
}

a, a:visited
{
    color: #20728b;
    text-decoration: none;
    font-weight: bold;
}

a:hover
{
    text-decoration: underline;
}

div.spacer
{
    clear: both;
}

div.key
{
    text-align: center;
}

span.linkArrow
{
    font-family: Arial, Helvetica, sans-serif;
    color: #20728b;
}

span.small
{
    font-size: 85%;
}

span.smaller
{
    font-size: 70%;
}

span.inline_head
{
    font-weight: bold;
    font-size: 102%;
}

span.subhead
{
    font-style: italic;
    font-size: 85%;
}

/* layout */

#wrapper
{
    margin: 20px auto;
    width: 900px;
    background: #fff;
}

#header { background: #ccc; }

#header h1 { margin: 0; }

#content
{
    float: left;
    width: 890px;
    padding-left: 10px;
    background: #fff;
}

#col0
{
    clear: left;
    float: left;
/*    width: 640px; */
    width: inherit;
    padding: 20px 0;
    display: inline;   
}

#col1
{
    clear: left;
    float: left;
/*    width: 560px; */
    width: 640px;
    padding: 20px 0;
/*    margin: 0 0 0 30px; */
    display: inline;
}

#col1 h2 { margin: 0; }
#col1 h3 { margin-bottom: -0.6em; }

#col2
{
    float: right;
/*    width: 240px; */
    width: 220px;
    padding: 20px 5px 0 0;
/*    margin: 0 20px 0 0; */
    display: inline;
}

#col2 h3 { margin: -0.6em 0 0 0; }

#col2 div.item
{
    margin: 5px 0 35px 0;
    padding: 5px 0 0 10px;
    border-left: thick #20728b solid;
}

#subcol2_1
{
    float: left;
    width: 300px;
    padding: 0 20px 0 0;
    display: inline;
}

#subcol2_2
{
    float: right;
    width: 300px;
    padding: 0;
    display: inline;
}

#subcol3_1
{
    float: left;
    width: 200px;
    padding: 0 20px 0 0;
    display: inline;
}

#subcol3_2
{
    float: inherit;
    width: 200px;
    padding: 0 20px 0 0;
    display: inline;
}

#subcol3_3
{
    float: inherit;
    width: 200px;
    padding: 0;
    display: inline;
}

#footer
{
/*    clear: left; */
    height: 54px;
    clear: both;
    background: url(../_art/site/footerGrade.gif) repeat-x;
    color: #ffffff;
    text-align: right;
    padding: 13px 30px 0px 30px;
}

#footer img {float: left; }

#center_box
{
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	position:relative;
}

#center_box > div
{
	margin: 0 0 0 6px;
	padding: 4px;
	float: right;
	position: relative;
	right: 30%;
	border: 2px #20728b solid;
    width: 40%;
}

#center_box > div#video
{
    right: 10%;
    width: 80%;
}

#center_box > div > table { width: 100%; }

#center_box > div > table td { vertical-align: bottom; }

#center_box > div > h3 { margin-top: -0.2em; margin-bottom: 0.6em; }

div.key p span
{
    border: thin #000000 solid;
}

/* tables */

table
{
    border-spacing:0 1px;
    line-height: 1.2em;
}

.meeting
{
    background-color: #cfcfcf;
}

.training
{
    background-color: #ffffff;
}

.enduro
{
    background-color: #90c1f0;
}

.enduro a, .enduro a:visited { color: #043b5d; }

.race
{
    background-color: #dc786a;
}

.race a, .race a:visited { color: #043b5d; }

td.keyLeft
{
	width: 35%;
	font-weight: bold
}

td.boxLeft { width: 35%; }

th
{
    text-align: left;
    border-bottom: thin #000 solid;
}

table.longList th
{
    padding: 0 10px 0 0;
}

table.longList td
{
    padding: 0 10px 0 0;
    vertical-align: text-top;
}

/* forms */

fieldset { clear: left; border: 0; margin-bottom: 16px; }
/* fieldset label { display: block; float: left; width: 180px; text-align: right; line-height: 1.5; margin-right: 24px; } */
fieldset label { display: block; float: left; width: 180px; line-height: 1.5; margin-right: 24px; }
fieldset .field { display: block; float: left; }
fieldset .field input, fieldset .field select, fieldset .field textarea { width: 240px; }
fieldset .field input.submit { width: auto; }