@import url(undohtml.css);

/*-------------------------------*/
/*--------- LAYOUT --------------*/
/*-------------------------------*/

body { background-color: white;
	font-family: Arial, Helvetica, Sans-Serif; 
	color: black; 
	font-size: 75%;
	}

div#all { width: 965px;
	border: 0;
	background: #fff;
	margin: 0 auto; 
	margin-top: 10px;
	padding: 0;
	}
div#mainSizer { width: 965px;
	background: transparent;
	text-align: left;
	}

div.left_column { width: 200px;
	float: left;
	clear: left;
	text-align: center;
	margin-bottom: 38px;
	}

div.masterHeader { width: 760px;
	float: left;
	margin: 0 0 5px 5px;
	height: 225px; 
	}
	
div.masterHeaderHoliday { width: 760px;
	float: left;
	margin: 0 0 5px 5px;
	height: 125px; 
	}

div.content { width: 745px;
	float: left;
	margin: 0 0 0 20px;
	}
	html > body div.content { margin-bottom: 15px;
		}
div.subheader { border-bottom: 1px solid #284e9f;
	float: right;
	margin-bottom: 10px;
	padding-bottom: 7px;
	width: 474px;
	}
	html > body div.subheader { margin-bottom: 12px;
		padding-bottom: 0;
		}
		
		div.subheaderhol { border-bottom: 1px solid #284e9f;
	float: right;
	margin-bottom: 10px;
	padding-bottom: 7px;
	width: 745px;
	}
	html > body div.subheaderhol { margin-bottom: 12px;
		padding-bottom: 0;
		}
div.subheader_pink  
{
    /*
    margin-bottom: 10px;
	padding-bottom: 7px;
*/
	width: 474px;
	}		
		
/* -------- THREE NARROW COLUMNS --------------- */
div.onecol { width: 235px;
	margin-left: 20px;
	float: left;
	padding-bottom: 20px;	
	}
div.doublecol { width: 490px;
	margin-left: 20px;
	float: left;
	padding-bottom: 20px;
	}

/* -------- TWO EQUAL COLUMNS COLUMNS --------------- */
	
div.onecol_wide { width: 355px;
	margin-left: 35px;
	float: left;
	padding-bottom: 20px;	
	}

/* -------- RIDE PAGES COLUMNS - WIDE AND NARROW --------------- */
div.wider { width: 474px;
	float: left;
	clear: left;
	}
div.narrow{ width: 251px;
	margin-left: 20px;
	float: left;
	}	
	
	/* -------- HOLIDAY PAGE COLUMNS - WIDE AND NARROW --------------- */
div.widerhol { width: 745px;
	float: left;
	clear: left;
	}

	
/* -------- BOOKING AND CALENDAR PAGES --------------- */
div.middle { width: 570px; 
	float: left;
	clear: left;
	}
	div.middle_width { width: 570px; 
	}
div.entry_info { width: 340px;
	padding:10px;
	float: left;
	background-color: #e5e5e5;
	}
div.details { width: 190px;
	float: left;
	margin: 0 0 0 20px;
	}
div.logos { float: right;
	}
	div.logos a img { border: 0;
		}	
div.events { float:left;
	margin: 40px 0 30px 0;
	}
	div.eventpub { margin-bottom: 15px;
		}	
		div.evDate { width: 110px;
			float: left;
			clear: left;
			}
		div.evTitle { margin-left: 110px;
			}
			
div.pink_bar { width: 450px;
	background-color: #e50083;
	margin-bottom: 5px;
	}
	html>body div.pink_bar { height: auto;
		min-height: 25px;
		}
	div.pink_bar p.header { font-weight: bold;
		color: white;
		padding: 5px 0 5px 15px;
		margin: 0;
		}
	div.pink_bar_light { background-color: #ef9ac1;
		}
	
/*--------- BOTTOM CONTENT -----------------------*/	
div.content_bottom { text-align: left;
	width: 965px;
	clear: both;
	}	
	div.content_bottom_right  
	{
	    position: relative;
		margin-left: 60px;
		margin-top: 52px;
		}
		html > body div.content_bottom_right { margin-left: 220px;
			}
div#footer { width: 965px;
	background: #fff;
	text-align: center;
	position: relative;
	padding: 15px 0 0 0;
	clear: both;
	}
	
	table#gs_id0 /*-- google search --*/
	{
	    margin-top:0;
	}
	
	
/*-------------------------------*/
/*---------- lists --------------*/
/*-------------------------------*/	

ul.top_menu { color: #fff;
	background-color: #999;
	font-weight: bold;
	padding: 12px 12px 3px 12px;
	}
	ul.top_menu li { display: inline;
		padding: 0 0 0 1px;
		font-size:11pt;
		}
ul.rideList { display: block;
	list-style-type: none;
	text-align: center;
	font-size: 84%;
	width: 200px;
	}
	ul.rideList li { text-indent: 0;
		padding: 5px 0 5px 0;
		background-color: #e5e5e7;
		margin-bottom: 3px;
		}
	ul.rideList span { white-space: nowrap;
		}
ul.bottom_links { width: 965px;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	font-size: 90%;
	}
	ul.bottom_links li { display: inline;
		}
		
/*----------------------------------------*/		
/*--------------- headings ---------------*/
/*----------------------------------------*/

h1 { font-size: 250%;
	color: #284e9f;
	line-height: 1em;
	margin-bottom: 24px;
		}
h1.menu_title { line-height: 3em;
	font-size: 130%;
	margin-bottom: 0;
	}
h1.menu_title_small { line-height: 3em;
	font-size: 110%;
	margin-bottom: 0;
	}
div.subheader h1, div.subheader_pink h1, div.subheaderhol h1 { margin-bottom: 3px;
	}

h2 { color: #284e9f;
	font-size: 120%;
	margin: 0 0 10px 0;
	}	
h2.black { color: #000;
	}	
h3 { color: black;
	font-size: 120%;
	text-align:center;
	text-decoration:underline;
	}	
div.subheader h2.date, div.subheader_pink h2.date, div.subheaderhol h2.date{ float: left;
	font-size: 140%; 
	}
/*----------------------------------------*/	
/*-------------- paragraphs --------------*/
/*----------------------------------------*/

p { margin: 0 0 16px 0;
	}
p.copy { color: #666;
	font-size: 90%;
	}		
p.padding { padding-right: 50px;
	}
p.larger_blue { color: #284e9f;
	font-weight: bold;
	font-size: 120%;
	padding-right: 0; /* was 30px*/
	line-height: 1.3em;
	}
div.search p { margin-bottom: 2px;
	}
p.note { color: #f64207;
	clear: both;
	margin-top: 30px;
	width: 350px;
	font-weight: bold;
	font-size: 90%;
	}
p.book_now { float: right;
	margin: 0;
	font-weight: bold;
	background: #284E9F;
	padding: 2px 5px 2px 5px;
	font-size: 90%;
	}	
	p.book_now a:link, p.book_now a:visited, p.book_now a:hover, p.book_now a:active, p.book_now a:focus { color: white;
		}	
/*---------------------------------------*/	
/*--------------- links -----------------*/
/*---------------------------------------*/

a:link, a:visited { color: #284e9f;
	text-decoration: none;
	}
	a:focus, a:active, a:hover { color: #c62707;
		text-decoration: underline;
		}

ul.top_menu li a:link, ul.top_menu li a:visited { padding: 2px 10px 2px 5px;
	color: white;
	text-decoration: none;
	}
	ul.top_menu li a:hover, ul.top_menu li a:active, ul.top_menu li a:focus { color: #000;
		}
	ul.top_menu a.lit:link, ul.top_menu a.lit:visited, ul.top_menu a.lit:hover, ul.top_menu a.lit:active, ul.top_menu a.lit:focus { color: #000;
		}
ul.rideList li a:link, ul.rideList li a:visited { color: #000;
	text-decoration: none;
	padding: 5px 0 5px 0;
	}
	ul.rideList li a:hover, ul.rideList li a:active, ul.rideList li a:focus { color: #c62707;
		}	
	ul.rideList a.lit:link, ul.rideList a.lit:visited, ul.rideList a.lit:hover, ul.rideList a.lit:active, ul.rideList a.lit:focus { color: #c62707;
		}			
a.backtotop:link, a.backtotop:visited { color: #284e9f;
	text-decoration: none;
	}
	a.backtotop:hover, a.backtotop:active, a.backtotop:focus { color: #c62707;
		text-decoration: underline;
		}
ul.bottom_links a:link, ul.bottom_links a:visited { color: #666;
	padding: 0 10px 0 10px;
	}
	ul.bottom_links li a:hover, ul.bottom_links li a:active, ul.bottom_links li a:focus { color: #000;
	}

/*----------------------------------------*/	
/*---------------- images ----------------*/
/*----------------------------------------*/

img.margin_bottom { margin-bottom: 14px;
	}
.content_bottom img.bottom_img { margin-top: 27px;
	}

img.paddingright { padding: 0 0 10px 10px;
	}

div.wider img { margin-bottom: 20px;
	}
	
/*----------------------------------------*/		
/*--------------- tables -----------------*/
/*----------------------------------------*/
table, table.info { width: 100%;
	margin-bottom: 20px;
	margin-top: 8px;
	vertical-align: top;
	}
table tr td.top { vertical-align: top;
	}
table tr td.right { text-align: right;
	}
table.info tr th { color: #284e9f;
	}	
table.info tr th, table.info tr td { padding: 7px;
	background-color: #e5e5e5;
	vertical-align: top;
	}
table.info tr th.grey, table.info tr td.grey { background-color: #ddd;
	border-right: 2px solid white;
	width: 20%;
	}	

table.booking { width: 400px;
	margin-top: 0;
	}	
	table.booking tr { height: 30px;
		}
	table.booking input { width: 20px;
		}
	table.booking td.right { text-align: right;
		}
		
		table.bookingimg { width: 670px;
	margin-top: 0;
	}	
	table.bookingimg tr { height: 30px;
		}
	table.bookingimg input { width: 20px;
		}
	table.bookingimg td.right { text-align: right;
		}
/*--------------------------------------*/	
/*---------------- FORMS ---------------*/
/*--------------------------------------*/	

input.find { background: url("../images/largebut.jpg") 0 0 no-repeat;
	padding: 5px 0 5px 0;
	font-size: 90%;
	margin-top: 10px;
	height: 24px;
	width: 75px;
	border: 0;
	cursor: pointer;
	}
	html>body input.find { padding: 5px 10px 5px 7px;
		}
input.send { background: url("../images/smallbut.jpg") 0 0 no-repeat;
	padding: 5px 0 5px 0;
	font-size: 90%;
	margin-top: 10px;
	margin-left: 0;
	height: 23px;
	width: 59px;
	border: 0;
	cursor: pointer;
	}
	html>body input.find { padding: 5px 10px 5px 7px;
		}	
form { margin-bottom: 20px;
	}
 
form input, form textarea { width: 300px;
	margin-bottom: 3px;
	}
	form input.small_input { width: 80px;
		}

input.gsc-search-button { width: 20px;}
		
span.rad input
{
	width:40px;
}
div.register { width: 410px;
	}
	div.register div.form_left { display: block;
		float: left;
		clear: left;
		padding: 0;
		margin: 8px 0 0 0;
		width: 140px;
		}
	div.register input, div.register select { display: inline;
		margin-top: 5px;
		width: 250px;
		}
div.register input.register { background: url("../images/button.jpg") 0 0 no-repeat;
	padding: 5px 0 5px 0;
	font-size: 90%;
	margin-top: 10px;
	height: 24px;
	width: 100px;
	border: 0;
	cursor: pointer;
	}

div.inline input { display: inline-block;
	width: 30px;
	margin: 9px 0 0 0;
	}
	
input.payment { background: url("../images/longbutton.jpg") 0 0 no-repeat;
	padding: 2px 0 5px 0;
	font-size: 90%;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0;
	height: 23px;
	width: 150px;
	border: 0;
	cursor: pointer;
	}	
/*--------------------------------------*/	
/*----------------GENERAL---------------*/
/*--------------------------------------*/

.floatleft { float: left;
	}
.floatright { float: right;
	}
.clearboth { clear: both;
	}
.right { text-align: right; }
.bold { font-weight: bold;
	}
.nobold { font-weight: normal;
	}
.small { font-size: 90%;
	}
.nowrap { white-space: nowrap; 
	}
.blue { color: #284e9f;
	}	

/*---------------------------------------------*/
/*---------------- OTHER ----------------------*/
/*---------------------------------------------*/

h1.margin_top, div.margin_top { margin-top: 25px;
	}
h1.margin_tophol, div.margin_tophol { margin-top: -70px;
	}
div.nomarginleft { margin-left: 0;
	}	
div.wider div.subheader div.subheaderhol img.nomarginbottom, p.nomarginbottom, div.nomarginbottom{ margin-bottom: 0; }	
.red, .star { color: red; }
.star { margin-left: 5px; }
.nodisplay { display: none; }
.margin_right { margin-right: 20px;
 }
 
 
 
/*---------------------------------------------*/
/*---------------- AJS ----------------------*/
/*---------------------------------------------*/
img.ad
{
	width:158px;
	margin-bottom:2px;
}

/* removed from above */
/*
div.subheader_pink h1, div.subheader_pink h2 { color: #e50083;
	}	
*/
/*
form p { margin: 10px 0 0 0;
	}
*/
div.pink_bar { margin: 10px 0 5px 0;}

.warning { border: 5px solid red; padding: 5px; }

p.previous { color: Black; }

p.previous a { text-decoration: underline; }

div.doublecoldef { width: 490px;
	margin-left: 20px;
	float: left;
	padding-bottom: 0px;
	}




	.calTitle   {font-weight: bold;
	             font-size: 11;
	             background-color:#cccccc;
	             color: black;
	             width: 90px;
	}



	.calBody    {font-size: 11;
	             border-width: 10px;
	}

.bn { font-size:250%;}

input.send.wide
{
    background: url("../images/largebut.jpg") 0 0 no-repeat;
    width:118px;
}