@charset "utf-8";
/*
Primary Color:
	20408A		2C3E68		0A225A		5376C5		728BC5 (blues)
Complementary Color:
	CE931D		9B7A37		865D0A		E7B552		E7C27A (tans)
*/
*{outline:none;}
body{margin:0;padding:0;text-align:center;color:#FFF;background-color:#0A225A;background-image:url(../images/bg.png);background-repeat:repeat;background-attachment:fixed;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
select,input{border:0;}
img{ border: none; } 
a:link,a:hover,a:visited,a:active{color:#E7C27A}
a:active,a:focus{outline-style: none; -moz-outline-style:none;}
#content{margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0px;padding:10px;padding-top:0px;background-color:#2C3E68;width:902px;text-align:left;overflow:hidden;}
#small-content{margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0px;padding:10px;background-color:#2C3E68;width:700px;overflow:hidden;margin-top:10px;border:1px solid #E7C27A;}
#small-welcome{margin:0 auto;}
#races{text-align:left;padding-bottom:10px;}
#welcome{text-align:left;border:1px solid #E7C27A;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:0px;padding:10px;padding-left:150px;background-color:#20408A;height:180px;width:760px;background-image:url(../images/Mtrushmore-small.png);background-repeat:repeat}
h1{	font-family: sans-serif;color:#CE913D;text-shadow: 0.1em 0.1em 0.05em #000}
#leftcolumn{width:640px;float:left;position:relative}
#rightcolumn{width:254px;height:387px;float:right;position:relative;padding-left:5px}
#footer{margin:0 auto;margin-bottom:10px;width:900px;height:40px;border:1px solid #E7C27A;padding:10px;background:#2C3E68}
.racerecords{width:100%;margin:0 auto;border-spacing:0;border:1px solid #E7C27A;border-collapse:collapse}
#race{width:100%;margin:0 auto;border-spacing:0;border:1px solid #E7C27A;border-collapse:collapse}
#race_filter input{margin-bottom:10px;}
.rsform{margin-bottom:10px;padding:5px;background:#0A225A;border:1px solid #E7C27A}
td{border-left:1px solid #E7C27A;border-right:1px solid #E7C27A}
.oddtr td{background-color:#20408A;padding:5px}
.eventr td{background-color:#0A225A;padding:5px}
.headtr th{background-color:#865D0A;font-weight:800;padding:7px 5px 7px 5px;border:1px solid #E7C27A;}
.nostyle td{background:none;border:none;}
.sorting{cursor:pointer;cursor:hand}
.sorting_desc{cursor:pointer;cursor:hand}
.sorting_asc{cursor:pointer;cursor:hand}
.sorting div{float:right;width:10px;height:18px;background-image:url(../images/sort.png);background-position:right center;background-repeat:no-repeat;}
.sorting_desc div{float:right;width:10px;height:18px;background-image:url(../images/desc.png);background-position:right center;background-repeat:no-repeat;}
.sorting_asc div{float:right;width:10px;height:18px;background-image:url(../images/asc.png);background-position:right center;background-repeat:no-repeat;}
thead{background:#FFFFFF}
#histcolleft{
    text-align:center;
	position: relative;
	visibility: visible;
	width: 278px;
	padding: 10px;
	margin: 0 auto;
	float: left;
}
#histcolmid{
	text-align:center;
	position: relative;
	visibility: visible;
	width: 280px;
	padding:10px;
	margin: 0 auto;
	float: left;
	border-left:1px solid #E7C27A;
	border-right:1px solid #E7C27A;
}
#histcolright{
    text-align:center;
	position: relative;
	visibility: visible;
	width: 278px;
	margin:0 auto;
	padding:10px;
	float: right;
	}

/*menu*/
#navcontainer
{
background: #2C3E68;
width:922px;
margin:auto;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist
{
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {
#navlist {
text-align: center
}
}

#navlist li
{
bottom: 11px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}

html>body #navlist li
{
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited
{
background: #E7C27A;
border: 1px solid #865D0A;
bottom: 2px;
color: #000;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

#navlist a:hover
{
background: #2C3E68;
bottom: 1px;
color: #FFF;
position: relative;
right: 1px;
}

#navlist a:active
{
background: #999;
bottom: 0px;
color: #000;
position: relative;
right: 0px;
}

#navlist li#active
{
background: #FFF;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body #navlist li#active
{
background: none;
margin: 0 4px 0 0;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{
background: #2C3E68;
border-bottom: none;
border-left: 1px solid #E7C27A;
border-right: 1px solid #E7C27A;
border-top: 1px solid #E7C27A;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}

/*CSS TOOLTIP*/
a.info{
   position:relative; /*this is the key*/
   z-index:24;
   color:#E7C27A;
   cursor:pointer;
   cursor:hand;
   text-decoration:underline;
}

a.info:hover{z-index:25;}

a.info span{display:none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #E7C27A;
    background-color:#20408A;
	color:#FFF;
    text-align: center
}