body
{
	background-color: white;
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: medium; color: black; margin: 0;
	text-align : center;
}

div.mainSizer
{
	width : 766px;
}

div
{
	position : relative;
}

div.masterHeader
{
	top: 5px; height : 106px; left : 2px;
}

	div.logoLeft
	{
		position : absolute;
		background : url("../images/logo.jpg");
		left : 0;	width : 161px; height : 100%; top : 0;
		background-position: left top; 
		background-repeat: no-repeat;
	}

	div.logoRight
	{
		position : absolute;
		background: url("../images/5-frame-animation.gif");
		right : 0; width : 603px; height : 100%; top : 0;
		background-position: left top; 
		background-repeat: no-repeat;
	}

div.menuHeader
{
	top: 3px; width:100%; bottom: auto; height : 3em; left : 2px;
	color : White;
	font-weight : bold;
	font-size : small;
}

	div.menuHeaderLeft
	{
		position : absolute;
		left : 0;	width : 161px; height : 100%; top : 0;
		text-align : center;
		background-color :#999999;
	}
	
	div.menuHeaderLeft div
	{
		margin-top:1em;	/* unbelievably vertical-align doesn't really work in divs !! */
	}

	div.menuHeaderRight
	{
		position : absolute;
		right : 0; width : 603px; height : 100%; top : 0;
		text-align : left;
		background-color :#999999;
	}
	
		div.menuLine
		{
			width : 100%;
			position : relative;
			margin-top : 0.5em;
			margin-left : 0.5em;
		}
			div.menuItem1
			{
				margin-top : 0.2em;
				margin-left : 0.5em;
				float: left;
				width : 23%;
			}
				
			div.menuItem1 a
			{
				text-decoration : none;
				cursor : pointer;
				color : White;
			}
			
			div.menuItem1 a:hover
			{
				text-decoration : none;
				color : Black;
			}
			
			
				.menuLine.l1
				{
					top : 0;
				}
				
				.menuLine.l2
				{
					top:1.5em;
				}
			

div.mainBody
{
	position : relative;
	left : 2px;
	top : 5px;
	text-align : left;
	width : 100%;
}

	div.rideList
	{
		position : static;
		float : left;
		width : 161px;
	}
		div.ridesTitle
		{
			background-color : #999999;
			color : White;
		}
		
		div.rides
		{
			position : static;
			width : 100%;
			text-align : center;
			color : White;
			font-size : smaller;
		}
		
			div.rides a
			{
				text-decoration : none;
				cursor : pointer;
				color : Black;
			}
			
			div.rides :hover
			{
				text-decoration : underline;
			}
			
			div.space
			{
				background-color : White;
				margin-top : 5px;
			}

	
	div.intro
	{
		position : static;
		margin-top : 2px;
	}

	div.pageContent
	{
		float : right;
		width : 601px;
		text-align : left;
	}
	
	div.cycleTypes
	{
		text-align : center;
		position : static;
		margin-top : 20px;
		margin-bottom : 20px;
	}

		div.tp
		{
			width : 240px;
			margin-right : 1px;
			text-align : center;
			float : left;
		}

		div.tp img
		{
			height : 159px;
			width : 240px;
		}
		
		div.centre
		{
			text-align : center;
		}
		
		div.clear
		{
			clear : both;
			width : 100%;
		}
		
		div.right
		{
			float : right;
		}
		
		div.left
		{
			clear : right;
			float : left;
		}

		div.paymentTypes
		{
			clear : both;
			width : 100%;
			position : relative;
			top : 2px;
			padding-top : 2px;
			padding-bottom : 2px;
			text-align : center;
			border-top : solid 1px #eee;
			border-bottom : solid 1px #eee;
		}

		div.paymentTypes img
		{
			width : 93px;
			height : 50px;
		}
		div.rideMain
		{
			float : right;
			width : 601px;
		}
		
		div.rideDetails
		{
			float : right;
			width : 601px;
		}
		
div.invert
{
	color : White;
	font-weight : bold;
	padding : 2px 2px 2px 2px;
	clear : both;
}
		
div.outro
{
	position : static;
	margin-top : 20px;
}

div.pageHeading
{
	margin-bottom : 30px;
}

div.oneRide
{
	background-color : #eee;
}

table
{
	margin-top : 10px;
	margin-bottom : 10px;
	width : 100%;
}

tr.r1
{
	background-color : #eee;
}

tr.subHead
{
	background-color : #eee;
}

tr.head
{
	background-color : #999999;
	color : White;
}

table.info
{
	margin : 0 0 0 0;
}

table.info td.colName
{
	width : 25%;
}

span.textHead
{
	font-size : larger;
	color : Navy;
}

span.text
{
	font-size : medium;
}

.smallText
{
	font-size : small;
}

.smallestText
{
	font-size : x-small;
	text-align : justify;
}

div.smallestText
{
	text-align : justify;
}

span.star
{
	color : Red;
	font-size :small;
	vertical-align : middle;
	text-align: left;
}

div.thanks
{
	background-color : Aqua;
	width : 100%;
	text-align : center;
}

div.photo
{
	width : 100%;
	margin-top : 10px;
	margin-bottom : 10px;
	text-align : center;
}

div.link
{
	margin-bottom : 10px;
	padding-bottom : 2px;
	border-bottom : solid 1px gray;
}

td.req
{
	text-align : right;
	font-size : small;
}

td.colName
{
	width : 40%;
	text-align : left;
	vertical-align : top;
	font-weight : bold;
}

div.masterFooter
{
	clear : both;
	position : relative;
	top : 25px;
	left : 2px;
	font-size : x-small;
	text-align : center;
	background-color : rgb(150,200,255);
}

href 
{
	cursor : pointer
}

div.rideBanner
{
	height	: 76px;	/* governed by logo */
	position : relative;
	width : 603px;
	left : -2px;
	color : White;
}

span.rideName
{
	position : relative;
	top : 5px;
	font-size : 20pt;
	font-weight : bold;
	margin-left : 5px;
}

span.rideDate
{
	font-size : 16pt;
	margin-left : 5px;
}
	
.imgBook
{
	float : right;
	margin : 2px 0px 2px 0px;
}

.rideRight.imgBook
{
	margin : 5px 5px 5px 0px;
}

div.subBanner
{
	font-size : 10px;	/* fixed !! */
	font-weight : bold;
	text-align : center;
	width : 100%;
	margin-top : 5px;
	margin-bottom : 5px;
}

		div.subBanner a
		{
			float: left;
			padding-left : 25px;
		}

div.rideLeft
{
	clear : both;
	float : left;
	width : 423px;
	margin-top : 10px;
	font-size : small;
}

div.rideRight
{
	float : right;
	width : 174px;
	margin-top : 10px;
	font-size : small;
}

div.rideRight div.logo
{
	text-align : center;
}

img.rideImg1
{
	width : 423px;
	height : 333px;
}

img.rideImg2
{
	width : 174px;
	height : 139px;
	margin-bottom : 2px;
}

img.charityImg
{
	text-align : center;
}

img.mapImg
{
	margin-top : 10px;
	margin-bottom : 10px;
}

input.btnBook
{
	float : right;
	font-size : large;
	font-weight : bold;
}

span.stages
{
	font-size : medium;
	margin-bottom : 5px;
}

span.high
{
	font-weight : bold;
}

span.next
{
	font-style : italic;
	font-weight : bold;
}

div.bookDets
{
	margin-top : 5px;
}

div.total
{
	float : right;
	font-weight : bold;
	background-color : Aqua;
	border : solid 2px black;
	padding : 3px 3px 3px 3px;
}

div.cond
{
	margin-left : 5px;
}

div.offline
{
	width : 50%;
	position : relative;
	top : 20px;
	left : 0px;
	text-align : left;
}

div.signLine
{
	width : 200px;
	border-bottom-style : solid;
	border-bottom-color : Black;
	border-bottom-width : thin;
}

.rf
{
	font-size : smaller;
	color : Red;
}

input[type="text"]:focus
{
	background-color : Silver;
}

span.high2
{
	font-weight : bold;
	color : Red;
}
/* Admin */
table.admin a
{
	color : Blue;
}

tr.row0
{
	background-color :#eee;
}

tr.row1
{
	background-color :White;
}

/* Calendar */

div.calSizer
{
	width : 931px;
	clear : both;
	text-align : left;
}

div.calLeft
{
	width : 100%;
}

div.calContent
{
	width : 603px;
}

div.adsLeft
{
	width : 163px;
}

div.adsRight
{
	width : 165px;
	text-align : left;
	margin-left : 5px;
}

div.calRight
{
	width : 165px;
	float : right;
	margin-top : 5px;
}

img.ad
{
	width : 158px;
	margin-bottom : 2px;
}

div.search
{
	background-color : #eee;
	font-size :small;
	text-align : center;
	padding-top : 5px;
	padding-bottom : 5px;
}

div.searchAndReg
{
	width:301px;
	margin-bottom : 10px;
}

div.calIntro
{
	width:300px;
}

div.evContact
{
	font-size : small;
	width : 35%;
	text-align : right;
}

div.evContact div
{
	padding : 10px;
}

div.evHead
{
	width : 100%;
	font-weight : bold;
	border-bottom : solid 1px;
}

div.evHead0
{
	width : 100%;
	background-color : White;
}

div.evHead1
{
	width : 100%;
	background-color : #eee;
}

a.calLink
{
	font-weight : bold;
}

div.evDets
{
	width : 65%;
	clear : both;
	background-color : #eee;
}

.ind
{
	padding : 10px;
}

div.evDate
{
	width : 10em;
	padding-left : 10px;
}

div.events
{
	clear : both;
}

div.line
{
	border-top : solid 1px black;
}

div.event
{
	border : solid 1px black;
	margin-bottom : 20px;
	clear : both;
}

div.eventpub
{
	margin-bottom : 20px;
	clear : both;
}

div.appOptions
{
	margin-left : 300px;
}

.evSmall
{
	font-size : x-small;
	font-style : italic;
}

tr.evSmall td
{
	font-size : x-small;
}

table.evExtras
{
	text-align : center;
	background-color : #eee; /*rgb(231, 231, 254)*/
	margin : 0;
}

table.evExtras td
{
	font-size :small;
}

a.popLink {text-decoration : underline; cursor:pointer}

.uc
{
	text-transform : uppercase;
}

div.warn
{
	background-color : Red;
	font-size : larger;
	padding : 5px;
}

img.l2b

{

      border :0;

}

 

div.pageTop

{

      clear : both;

}

 

div.pageLeft

{

      width : 40%;

      padding : 2px 2px 2px 2px;

      border-right : solid 1px #eee;

      float : left;

}

 

div.pageRight

{

      width : 58%;

      float : right;

}

 

div.ctext

{

      padding-top : 10px;

      padding-bottom :10px;

      font-weight : bold;

}

 

div.clogo

{

      width :100%;

      text-align : center;

}