@charset "utf-8";

a:hover {color:#FF0000;text-decoration:underline;}

body 
	{
		behavior: url("/css/csshover.htc");

		font-size:small;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#666;
		padding:0;
		margin:0; 
		background-color:#F8F8FF;
	}
	


#wrapper 
	{
		background:#fff;
		width:770px;
		margin:25px auto;
		border-left:1px solid #666;
		border-right:1px solid #999;
		border-bottom:1px solid #666;
		padding-bottom:20px;
	}
	
#header 
	{
		width:770px;
		height:50px;
		padding:0 0 0 0;
		margin:0;
		background-image: url(/images/pcpg4.jpg);
		color:#ffc;	

	}

.titles
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style:	normal;
	color: #990000;
}

.updates
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style:	normal;
	color: #990000;
}

.updates a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style:italic;
	color: #990000;
}

.updates a:hover
{
	color: #FF0000;
}


h1 
	{
		position:relative;
		width:770px;
		margin:10px auto 2px auto;
		font-size:2em;
		text-align:center;
		color:#660000
	}
h2 
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		position:relative;
		color:#c30;
		margin:10px auto 10px auto;
		text-align:center;
		font-size:1.2em;
	}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	font-size: 1.1em;
	font-weight: bold;
	font-style:	normal;
	text-decoration: none;
	text-align:center;
	color: #333333;
}
	
h4 {
	position:relative;
	margin:0 30px 0 30px;
	padding-bottom:1em;
	text-align:center;
}

.caption {
	padding-top: 2px;
	width:640px;
	font-size:.9em;
	font-style:italic;
}
	
.images
{
	background-color:#ffffff;
	padding: 5px;
	border: 2px solid;
	border-color: #990000;
}


.npstage
{
	margin:5px 5px 5px 5px;
	font-size:12px;
	color:#009900;
	text-decoration:none;
}

.npstage a:hover
{
	color:#990000;
	text-decoration:none;
}

#page-title
{
		position:relative;
		width:770px;
		margin:10px auto 5px auto;

}

#startlist 
{
	font-family: Verdana, Geneva, sans-serif;
	width:640px;
	margin-left: 65px;

}


#startlist #labels td
{
	color:#990000;
	font-size:12px;
	font-weight:bold;
}

#startlist #labels td a
{
	color:#990000;
	font-size:12px;
	font-weight:bold;
}

#startlist #labels td a:hover
{
	color:#ff0000;
}

#startlist #teamname
{
	color:#333333;
	font-size:12px;
	font-weight:bold;
}


#startlist #name, #bib,  #start-time
{
	font-size:11px;
	font-weight:bold;
	color:#333;
}

#startlist #name a
{

	color:#660000;
}

#startlist #name a:hover
{

	color:#FF0000;
}

#clearone 
{
	clear:both;
	height:1px;
}
#copyright {
	position:relative;
	width:770px;
	margin:0 auto 0 auto;
	text-align: center;

}

#google-ad-top {
	width:728px;
	border-top:1px solid #284141;
	background-color: #F8F8FF;
	padding-left:12px;
}




#google-ad {
	float:left;
	width:728px;
	margin:20px 0 0px 21px;
	padding-top:10px;
	border-top:1px solid #284141;
}

#center-pics  {
	width:660px;
	position:relative;
	margin:10px auto 10px auto;
}

#center-pics td {
	padding: 10px 10px 10px 10px;
}

#center-pics td a img {
	border:2px solid #284141;
}

#center-pics td a img:hover {
	border:2px solid #ff0000;
}

#inner-idx {
	position:relative;
	margin:10px auto 10px auto;
}


#inner-idx th, #inner-idx th a{
	border-top:1px solid #333;
	padding-top: 10px;
	font-size: 16px;
	color: #990000;
}

#inner-idx td {
	vertical-align: bottom;
	}
#inner-idx td {
	padding-top:10px;
	width:200px;
	text-align: center;

}

#inner-idx td a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style:	normal;
	color: #666666;

}


#inner-idx td a img {
	vertical-align: top;
	max-width:200px;
	border:2px solid #990000;

}

#inner-idx td a:hover, #inner-idx th a:hover {
	color:#ff0000;
}

#inner-idx td a img:hover {
	border:2px solid #ff0000;
}

#next-prev, #next-pict, #prev-pict  {
	font-size: 2.0em;
	font-weight: bold;
	text-decoration: none;
}

#photos  a {
	color: #990000;
}


#photos a:hover {
	color:#ff0000;
}

#stage-list {
	width: 640px;
	margin: 0 auto 0 auto;
	font-family:Verdana, Geneva, sans-serif;
	color:#330000;
	font-weight:bold;
	font-size: 12px;

}

#stage-list th {
	font-size:14px;
	padding:15px 0 0 0;
	color: #333333;
}

#stage-list td {
	padding: 5px 0 0 0 ;
}


#stage-list #venue a
{
	color:#990000;
}

#stage-list #venue a:hover
{
	color:#ff0000;
}

#stage-list #sl
{
	text-align:center;

}


#stage-list #sl a
{
	color:#990000;
	margin:0 auto 0 auto;

}

#stage-list #sl a:hover
{
	color:#FF0000;

}

#weather {
	width:640px;
	margin: 5px auto 0 auto;
	padding-top:5px;
	border-top:1px solid #660000;
}

#maps {
	width:640px;
	margin:10px auto 0 auto;
}

#map-caption {
	color:#990000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#rider-stats {
	color: black;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	list-style-type: none;
	float:left;
}

#rider-stats ul {
	margin-left: 0;
	padding-left: 1em;
	list-style-type: none;
}

#rider-stats ul li:before {
	
	content: "\00BB \0020";
}

#flag {
	
	float:right; 
	margin: 1em 1em 0 0;
	}
	
.img-shadow {
	float:right;
	background: url(/images/graphics/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/images/graphics/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	}

.img-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid black;
	margin: -6px 6px 6px -6px;
	padding: 0px;
	}

#team {
	color: #990000;
}

#races ul li {
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
}

#races ul li ul li{
	display:inline;
}

#rider-nav {
	position:relative;
	margin:10px auto 10px auto;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style:	normal;
	color: #333;

}

#rider-nav a {
	color: #333;
}

#rider-nav a:hover {
	color:#ff0000;
}

#page-nav, #page-nav a  {
	position:relative;
	margin:10px auto 10px auto;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style:	normal;
	color: #333;
}


#page-nav a:hover {
	color:#ff0000;
}

#home-nav, #home-nav a {
	margin:2em  0 1em 0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style:	normal;
	color:#333;

}
#home-nav a:hover {
	color:#ff0000;
}

#include-grid {
	position:relative;
	width:640px;
	margin:10px auto 10px auto;
	border-spacing:0;
	border:1px solid #000;
}

#include-grid td {
	width:144px;
	padding:5px 5px 5px 5px;
	text-align: center;
	background-color:#ffffff;
	font-size:9px;
	color:black;
	font-weight:normal;
}

#include-grid td a img {
	vertical-align: top;
	max-width:200px;
	border:1px solid #284141;
}

#include-grid td:hover {
	background-color:#F8F8FF;	
}

#include-grid td a img:hover {
	border:1px solid #ff0000;	
}



#name-idx {
	position:relative;
	width:730px;
	margin:10px auto 10px auto;
	border-spacing:0;
	border-top:1px solid #000;
	border-left:1px solid #000;
}

#name-idx tr {
	vertical-align: text-top;

}

#name-idx td {
	width:144px;
	padding:5px 5px 5px 5px;
	text-align: center;
	background-color:#ffffff;
	font-size:9px;
	color:black;
	font-weight:normal;
	border-top:0;
	border-right:1px solid #000;
	border-bottom: 1px solid #000;
	border-left:0;
}

#name-idx td a img {
	max-width:200px;
	border:1px solid #284141;
}

#name-idx td:hover {
	background-color:#F8F8FF;	
}

#name-idx td a img:hover {
	border:1px solid #ff0000;	
}

#rider-list {
	
	list-style-type:none;
}

#rider-list.outer {
		margin:20px 0 0 0;
		
}
#rider-list.outer ul.inner {
		margin:0 0 10px 0;
}
#rider-list.outer ul.inner li a {
		margin:0 10px 0 0;
}

#rider-list li {
	height:2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style:	normal;
	display:block;

}



#rider-list li {
	color:#333;

}

#rider-list li a {
	color:#990000;
}

#rider-list li a:hover {
	color:#FF0000;
}

#rider-title {
	
}

#contact {
margin:0px auto 0px auto;
padding:5px 5px 5px 5px;
border:1px solid #284141;
width:500px;
color:#000;
font-weight:bold;

}



#menu,
#menu * 
	{
		margin:0;
		padding:0;
	}


#menu 
	{
		position:relative;
		width:100%;
		float:left;
		margin-bottom:1em;
		border-bottom:0px solid #666;
		border-top:1px solid #666;
		z-index: 999;
	}
	
	
#menu li ul li ul li {
	display: none;
}
	
	
/* sub-menu ULs */
#menu li ul {
	width:11em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
/*	height:auto; */
	display:none;
	left:-10px;
	padding:0px 10px 10px 5px;
	background:url(/img/clear.gif);/* trick to keep'em open */
}
/* All LIs */
#menu li {
	position:relative;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;
	display:inline
	

}
/* sub-menu LIs */
#menu li ul li {

	padding:0;
	padding-left:5px;

	border:none;

}
/* All anchors */
#menu li a {
	cursor:default;
	color:#666;
	border-left:0px solid #333;
	text-decoration:none;
	display:block;
	float:left;
	padding:0;
	height:20px;
}
/* sub-menu Anchors */
#menu li ul li a {

	margin-top: -1px;
	padding-left:5px;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	border:1px solid #000;
	color:#ffffff;
	background-position:0 50% !important; 
	background-color:#284141;
	opacity:.95;
}
#menu li#home ul li,
#menu li#home ul li a {
	width:5.5em/*FF*/;
}
#menu li#stage ul li,
#menu li#stage ul li a {
	width:15em/*FF*/;
}
#menu li#oneday ul li,
#menu li#oneday ul li a {
	width:22em/*FF*/;
}
#menu li#womens ul li,
#menu li#womens ul li a {
	width:18em/*FF*/;
}
#menu li#rider-index ul li,
#menu li#rider-index ul li a {
	width:10.2em/*FF*/;
}
#menu li#otherlinks ul li,
#menu li#otherlinks ul li a {
	width:14.2em/*FF*/;
}


/* :hover and stuff */
#menu li a:hover,
#menu li a:focus,
#menu li a:active {color:#000}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#menu ul a:hover,
#menu ul a:focus,
#menu ul a:active {color:#fff !important;background:#440000}
/* display and z-index for the sub-menus */
#menu li:hover ul,
#menu li.msieFix ul {display:block;z-index:10;top:1.6em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#menu li#home {z-index:6;}
#menu li#stage {z-index:5;}
#menu li#oneday {z-index:4;}
#menu li#womens {z-index:3;}
#menu li#rider-index {z-index:2;}
#menu li#otherlinks {z-index:1;}

/* Current location - class on Body must match LI's id */
.home #menu li#home a,
.stage #menu li#stage a,
.oneday #menu li#oneday a,
.womens #menu li#womens a,
.rider-index #menu li#rider-index a,
.otherlinks #menu li#otherlinks a {color:#000;}
/* Keeping current menu accessible to JAWS */
.home #menu li#home ul,
.stage #menu li#stage ul,
.oneday #menu li#oneday ul,
.womens #menu li#womens ul,
.rider-index #menu li#rider-index ul,
.otherlinks #menu li#otherlinks ul {display:block;top:-1000px}

/* background colors */
#home,#home li a {width:65px;}
#stage,#stage li a {width:163px}
#oneday,#oneday li a {width:163px}
#womens,#womens li a {width:163px}
#rider-index,#rider-index li a {width:144px}
#otherlinks,#otherlinks li a {width:72px}


/* "trigger" and "msieFix" classes */
#menu li.msieFix a {}
/* last nested UL. keeping it in */
#menu li#otherlinks ul {left:-10.1em !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.home #menu li#home ul li a:focus,
.home #menu li#home ul li a:active,
.stage #menu li#stage ul li a:focus,
.stage #menu li#stage ul li a:active,
.oneday #menu li#oneday ul li a:focus,
.oneday #menu li#oneday ul li a:active,
.womens #menu li#womens ul li a:focus,
.womens #menu li#womens ul li a:active,
.rider-index #menu li#rider-index ul li a:focus,
.rider-index #menu li#rider-index ul li a:active,
.otherlinks #menu li#otherlinks ul li a:focus,
.otherlinks #menu li#otherlinks ul li a:active {position:absolute !important;top:1028px !important;}