/* Every CRW Web Page should include this Style Sheet */
/* Items specified by this Style Sheet should be locally overidden only when absolutely necessary.*/
BODY {
		font-family: Arial, Helvetica;
		font-size: 10pt;
		background-color:#FFFFFF;
		background-image: url(images/crwlogonew.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center center;}

A:link, A:visited {
		color:#009999;
}

A:link:hover, A:visited:hover {
		color:#FF0000;
}
A:visited {
	color:#8080FF;
}
/*
UL A:link, A:visited {
		color:#666666;
}
UL A:link:hover, A:visited:hover {
		color:#FF0000;
}
*/



/* All elements should use this font family */
SPAN, H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, TH, TD, CAPTION,
  DT, DD, ADDRESS, BLOCKQUOTE {font-family: Arial, sans-serif; }
 
SPAN, P, UL, OL, DIR, MENU, DIV, TH, TD, CAPTION,
  DT, DD, ADDRESS, BLOCKQUOTE {font-size: 10pt;
  }
 
/* IE Hack body centered, div left so divs will be left aligned by default, centered */
DIV {text-align:left;}
DIV.center {text-align:center; margin-left:auto; margin-right:auto;}
  
.footnote	{ font-size:	0.8em  }


HR {
		height: 3px;
		color: #FFFF99;
		background-color: #FFFF99;
		border:none;
}
 

/* Basic first level title. Keep .H1Color and .H1Look in sync. */
H1 {
		font-size: 14pt;
		font-weight: bold;
		font-style: italic;
		color: #009999;
		text-align: center;
}

.H1Look {
		font-weight: bold;
		font-style: italic;
		color: #009999;
		text-align: center;
}

.H1Color {
		color: #009999;
}

/* Basic second level title */
/* Keep this in sync with .H2Look & .H2Color */
H2 {
		font-weight: bold;
		font-size: 12pt;
		color: #990033;
}

.H2Look {
		font-weight: bold;
		color: #990033;
}

.H2Color {
		color: #990033;
}


/* Old basic second level title, brown, bold */
H2.brown {
		font-weight: bold;
		color: #800000;
}

/* For important notes */
em.red {color: red; font-style: italic; font-weight: bold; }
		

/* Used for table headings, Month names in notable rides, sections in contacts (e.g. "Wheelpeople Staff" */
CAPTION {
		font-size: large;
		font-weight: bold;
		text-align: center;
}

/* Beginning of section added for the Calendar.*/
/* Use this for CRW rides/trips */
.crw {
	color: #800000;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
A:link.crw, A:visited.crw {
		color: #800000;
		font-weight: bold;
		font-style: italic;
		text-align: center;
}
UL A:link.crw, A:visited.crw {
		color: #800000;
		font-weight: bold;
		font-style: italic;
		text-align: center;
}


A:link:hover.crw, A:visited:hover.crw {
		color:#FF0000;
}


/* Use this for charity rides */
span.charity, A.charity {
		color:#9400D3;
		font-weight: bold;
		font-style: italic;
		text-align: center;
}
A.link.charity, A.visited.charity {
		color: #9400D3;
		font-weight: bold;
		font-style: italic;
		text-align: center;
}
UL A.link.charity, A.visited.charity {
		color: #9400D3;
		font-weight: bold;
		font-style: italic;
		text-align: center;
}


A:link:hover.charity, A:visited:hover.charity {
		color:#FF0000;
}


/* Use this for other rides */
.other {
		color: black;
		font-weight: bold;
		text-align: center;
}
A.link.other, A.visited.other  {
		color: black;
		font-weight: bold;
		text-align: center;
}
UL A.link.other, A.visited.other  {
		color: black;
		font-weight: bold;
		text-align: center;
}


A:link:hover.other, A:visited:hover.other {
		color:#FF0000;
}

.sponsor {
	height:200px;
	padding:20px;
}
/* End of section added for the Calendar.*/

#submitButton {
	display:block;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	font-family:Garamond;font-size:12pt; font-weight:bold; color:white;
	background-color:chocolate;
}

div.chain { background-image:url(/images/chainlink.gif);
	width:354px; height:16px;
	margin-left:auto; margin-right:auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
	/* IE: changes with window size, don't use */
	/*
	margin-left:expression((document.body.clientWidth)/2-document.body.leftMargin - 354/2);
	 */
}

.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;
	opacity:0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}