/* GLOBAL RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	background:#F3F1EB url(../img/bodyBG.jpg) center top no-repeat;
}

body#home{
	background-image:url(../img/bodyHomeBG.jpg);
}

a, a:link, a:visited{
	color:#006C67;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1{
	font-size:40px;
	color:#ffffff;
	font-weight:bold;
}

h2{
	font-size:24px;
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
}

body#home h2{
	font-size:26px;
	margin-bottom:5px;
}

p{
	line-height:130%;
	margin-bottom:10px;
}

#wrapper{
	width:960px;
	margin:0 auto;
	min-height:800px;
	height:auto !important;
	height:800px;
}

#header{
	width:960px;
	height:150px;
	margin-bottom:10px;
}

	#header h1{
		float:left;
		width:150px;
		height:128px;
		margin:15px 0 0 35px;
		/* IE6 fix */
		display:inline;
	}

	#header h1 a{
		width:150px;
		height:128px;
		display:block;
		text-indent:-9999px;
		background:url(../img/logo-BikeSafe.png) left top no-repeat;
	}

	#header a#logo{
		float:left;
		width:150px;
		height:128px;
		display:block;
		text-indent:-9999px;
		background:url(../img/logo-BikeSafe.png) left top no-repeat;
		margin:15px 0 0 35px;
		/* IE6 fix */
		display:inline;
	}

	#header p#strap{
		float:left;
		display:block;
		height:18px;
		width:218px;
		color:#006C67;
		font-size:130%;
		margin:130px 0 0 240px;
		/* IE6 fix */
		display:inline;
	}

	#header #vcard{
		float:right;
		/* Removed phone number until 31st March
		margin:95px 30px 0 0; */
		margin:115px 30px 0 0;
		width:220px;
		/* IE6 fix */
		display:inline;
	}

		#vcard h3{
			font-size:13px;
			text-transform:uppercase;
			color:#006C67;
			font-weight:bold;
			margin-bottom:5px;
		}

		#vcard p{
			font-size:13px;
			color:#006C67;
			margin-bottom:2px;
			overflow:hidden;
		}

		#vcard p span{
			width:40px;
			display:block;
			float:left;
		}

		#vcard p strong{
			float:left;
		}

#contentWrapper{
	width:960px;
	overflow:hidden;
	background-position:left 36px;
	background-repeat:no-repeat;
}

	#contentWrapper #main{
		width:690px;
		float:left;
	}

		#main ul#mainNav{
			float:left;
			margin:0 0 8px 20px;
			width:670px;
			height:36px;
			/* IE6 fix */
			display:inline;
		}

			#main ul#mainNav li{
				float:left;
				margin-left:2px;
			}

				#main ul#mainNav li a{
					height:34px;
					line-height:34px;
					display:block;
					padding:0 14px;
					font-size:16px;
					color:#fff;
					background:url(../img/mainNavBG.gif) left top repeat-x;
					border:1px solid #a7cccc;
					float:left;
				}

				#main ul#mainNav li a:hover, #main ul#mainNav li.current a{
					text-decoration:none;
					background-position:left bottom;
					border-color:#f1eee7;
					color:#000;
				}

	#main #homeArea{
		margin:20px 0 0 70px;
		width:600px;
		float:left;
		/* IE6 fix */
		display:inline;
	}

		#homeArea p.contentIntro{
			font-size:20px;
			margin-bottom:25px;
		}

		#homeArea a.sectionBlock{
			display:block;
			padding-left:215px;
			margin-bottom:10px;
			min-height:115px;
			height:auto !important;
			height:115px;
			cursor:pointer;
		}

		#homeArea a.sectionBlock:hover{
			text-decoration:none;
		}

		#homeArea a.sectionBlock.bikeSafe{
			background:url(../img/content/sectionBlock-bikesafe-home.jpg) left top no-repeat;
		}

		#homeArea a.sectionBlock.scooterSafe{
			background:url(../img/content/sectionBlock-scootersafe-home.jpg) left top no-repeat;
		}

			#homeArea a.sectionBlock span.title{
				font-weight:bold;
				font-size:20px;
				margin-bottom:5px;
				color:#006C67;
			}

			#homeArea a.sectionBlock:hover span.title{
				text-decoration:underline;
			}

			#homeArea a.sectionBlock span{
				color:#000000;
				float:left;
				width:100%;
				line-height:130%;
				margin-bottom:10px;
			}

	#main #contentArea{
		float:left;
		width:670px;
	}

		#contentArea h1{
			margin:120px 0 20px 20px;
		}

		#contentArea ul#subMenu{
			float:left;
			width:185px;
			margin:0 15px 0 10px;
			/* IE6 Fix */
			display:inline;
		}

			#contentArea ul#subMenu li{
				float:left;
				width:184px;
				background:none;
				padding:0;
				margin:0;
				overflow:hidden;
			}

			#contentArea ul#subMenu li.last a{
				border-bottom:none;
			}

				#contentArea ul#subMenu li a{
					background:url(../img/subnavBG.gif) left top repeat-x;
					display:block;
					width:160px;
					height:26px;
					padding:10px 12px 0;
					color:#fff;
					font-size:15px;
					font-weight:bold;
					border-bottom:1px solid #fff;
				}

				#contentArea ul#subMenu li a:hover, #contentArea ul#subMenu li.active a{
					background-position:left bottom;
					text-decoration:none;
				}

					#contentArea ul#subMenu li ul{
						width:164px;
						margin:10px 0 5px 20px;
						overflow:hidden;
						display:none;
						float:left;
					}

					#contentArea ul#subMenu li.active ul{
						display:inline;
					}

						#contentArea ul#subMenu li ul li{
							margin-bottom:8px;
							background:url(../img/bullet.png) left 3px no-repeat;
							padding-left:15px;
							width:149px;
							float:none;
							list-style-position:outside;
						}

							#contentArea ul#subMenu li ul li a{
								background:none;
								width:auto;
								height:auto;
								padding:0;
								border:none;
								color:#006C67;
								font-size:14px;
								font-weight:normal;
							}

							#contentArea ul#subMenu li ul li.active a{
								font-weight:bold;
							}

		#contentArea #pageContent{
			float:right;
			width:455px;
		}

		#contentArea #pageContent.noNav{
			float:left;
			width:630px;
			margin-left:40px;
			/* IE6 fix */
			display:inline;
		}

			#contentArea ul{
				margin:20px 0 20px 10px;
			}

				#contentArea ul li{
					margin-bottom:8px;
					background:url(../img/bullet.png) left 3px no-repeat;
					padding-left:15px;
				}
				
			#contentArea ol{
				margin:5px 0 20px 5px;
			}
			
				#contentArea ol li{
					list-style:decimal inside;
					margin-bottom:5px;
					line-height:120%;
				}

			#contentArea a.sectionBlock{
				display:block;
				padding:0 0 5px 135px;
				margin-top:15px;
				min-height:128px;
				height:auto !important;
				height:128px;
				border-bottom:1px solid #BFB48F;
				cursor:pointer;
			}

			#contentArea a.sectionBlock.last{
				border-bottom:none;
				margin-bottom:15px;
			}

			#contentArea a.sectionBlock:hover{
				text-decoration:none;
			}

			#contentArea a.sectionBlock.bikeSafe{
				background:url(../img/content/sectionBlock-bikesafe.jpg) left top no-repeat;
			}

			#contentArea a.sectionBlock.scooterSafe{
				background:url(../img/content/sectionBlock-scootersafe.jpg) left top no-repeat;
			}

			#contentArea a.sectionBlock.communityNews{
				background:url(../img/content/sectionBlock-communityNews.jpg) left top no-repeat;
			}

			#contentArea a.sectionBlock.employers{
				background:url(../img/content/sectionBlock-employers.jpg) left top no-repeat;
			}

				#contentArea a.sectionBlock span.title{
					font-weight:bold;
					font-size:18px;
					margin-bottom:5px;
					color:#006C67;
				}

				#contentArea a.sectionBlock:hover span.title{
					text-decoration:underline;
				}

				#contentArea a.sectionBlock span{
					color:#000000;
					float:left;
					width:100%;
					line-height:130%;
					margin-bottom:10px;
				}

			#contentArea h3.teamHeader{
				font-size:140%;
				margin:15px 0 0 0;
				padding-top:15px;
				border-top:1px solid #BFB48F;
				float:left;
				width:100%;
			}

			#contentArea ul.teamList{
				margin:0;
			}

				#contentArea ul.teamList li{
					float:left;
					width:630px;
					margin:10px 0 0 0;
					padding:0;
					background:none;
				}

					#contentArea ul.teamList li a.anchor{
						text-decoration:none;
						font-weight:bold;
						color:#000000;
					}

					#contentArea ul.teamList li img{
						float:left;
						margin-top:2px;
						border:2px solid #BFB48F;
					}

					#contentArea ul.teamList li p{
						float:right;
						width:480px;
					}

			#contentArea ul.linksList{
				margin:0;
				width:380px;
				float:left;

			}

				#contentArea ul.linksList li{
					background:none;
					padding:0;
					margin-bottom:12px;
					line-height:130%;
				}

					#contentArea ul.linksList li a{
						font-weight:bold;
					}

			#contentArea ul.linkImages{
				float:right;
				width:230px;
				margin:0;
			}

				#contentArea ul.linkImages li{
					width:230px;
					margin-bottom:50px;
					padding:0;
					background:none;
					overflow:hidden;
				}

					#contentArea ul.linkImages li img{
						border:2px solid #BFB48F;
						float:right;
					}

			#contentArea img.floatLeft{
				float:left;
				margin:0 10px 10px 0;
				border:2px solid #BFB48F;
			}

			#contentArea img.floatRight{
				float:right;
				margin:0 0 10px 10px;
				border:2px solid #BFB48F;
			}

			#contentArea a.imageLink{
				display:block;
				width:455px;
				text-decoration:none;
			}

				#contentArea a.imageLink img{
					float:left;
					clear:both;
				}

				#contentArea a.imageLink span{
					float:left;
					width:405px;
					height:44px;
					padding:10px 40px 0 10px;
					color:#fff;
					font-size:30px;
					background:url(../img/imageLinkSmall.jpg) left top no-repeat;
				}

			#contentArea #pageContent.noNav a.imageLink{
				width:630px;
				margin-top:20px;
			}

				#contentArea #pageContent.noNav span{
					width:580px;
					padding:10px 40px 0 10px;
					background:url(../img/imageLinkLarge.jpg) left top no-repeat;
				}

			#contentArea ul#furtherLogos{
				padding-left:30px;
				margin:40px 0 0 0;
			}

				#contentArea ul#furtherLogos li{
					float:left;
					background:none;
					padding:0;
					margin:0 35px 0 0;
					padding:0;
					/* IE6 Fix */
					display:inline;
				}

			#pageContent .forceLeft{
				float:left;
				width:300px;
				margin-top:20px;
			}

			#pageContent .forceRight{
				float:right;
				width:300px;
				margin-top:20px;
			}

				#pageContent .forceLeft ul, #pageContent .forceRight ul{
					margin-top:10px;
				}

			#pageContent h3.eventTitle{
				font-size:18px;
				margin-top:10px;
				float:left;
			}

			#pageContent .event{
				float:left;
				overflow:hidden;
				margin-top:15px;
				width:455px;
			}

				#pageContent .event .top{
					width:455px;
					padding-bottom:2px;
					margin-bottom:5px;
					border-bottom:1px solid #BFB48F;
					overflow:hidden;
				}

					#pageContent .event .top span.title{
						float:left;
						margin-right:5px;
						font-weight:bold;
					}

					#pageContent .event .top span.date{
						float:right;
					}

				#pageContent .event .location{
					margin-bottom:5px;
				}

	#contentWrapper #right{
		width:255px;
		float:right;
	}

		#contentWrapper #right h2{
			font-size:25px;
			color:#000;
			font-weight:normal;
			margin-bottom:10px;
		}

		#right .contentLeft{
			float:left;
			width:48%;
		}

		#right .contentRight{
			float:right;
			width:48%;
		}

		#right p{
			margin-bottom:5px;
		}

		#right .smaller{
			font-size:12px;
		}

		#right .larger{
			font-size:16px;
		}

		#right .rightBlock{
			width:255px;
			float:left;
			margin-bottom:10px;
			padding-top:15px;
			background:url(../img/rightBlockTop.png) left top no-repeat;
		}

			#right .rightBlock .inner{
				width:225px;
				padding:0 15px 15px;
				background:url(../img/rightBlockBG.png) left bottom no-repeat;
				overflow:hidden;
			}

				#right .rightBlock img.lastMargin{
					margin:5px 0 10px;
				}

				#right .rightBlock .scooterSafe a{
					background:url(../img/scooterSafeBG.gif) left bottom no-repeat;
					font-size:13px;
					color:#174A7C;
					width:209px;
					display:block;
					margin: auto;
				}

				#right .rightBlock .scooterSafe.noText a{
					background: none;
				}

				.scooterSafe .header {
					background:url(/img/scooterSafeLogo.gif) left bottom no-repeat;
					display: block;
					height: 127px;
					margin: auto;
					text-indent: -9999px;
					width: 150px;
				}

				#right .rightBlock .scooterSafe a:hover{
					background-position:right bottom;
					text-decoration:none;
				}

				#right .rightBlock .scooterSafe a span{
					text-align:center;
					line-height:110%;
					display:block;
				}

				#right .rightBlock .scooterSafe a span.title{
					font-size:24px;
					padding: 33px 10px 11px;
				}

				#right .rightBlock .scooterSafe a span.title span{
					font-size: 13px;
				}

				#right .rightBlock form.newsletter{
					margin-bottom:10px;
					overflow:hidden;
				}

					#right .rightBlock form.newsletter input.input{
						float:left;
						padding:0;
						margin:0;
						width:143px;
						height:22px;
						background:url(../img/inputRight.gif) left top no-repeat;
						border:none;
						font-size:13px;
						color:#858a8e;
						padding:2px 5px 0 5px;
					}

					#right .rightBlock form.newsletter input.submit{
						float:left;
						padding:0;
						margin:0;
						width:63px;
						height:24px;
						background:url(../img/submitBG.gif) left top no-repeat;
						border:none;
						cursor:pointer;
						color:#007778;
						text-indent:-9999px;
						font-size:0px;
					}

				#right .rightBlock div#confirmation{
					margin:0 0 10px 10px;
				}

		#right a.rightBlock{
			color:#fff;
			background-image:url(../img/rightBlockTop-green.png);
			display:block;
			cursor:pointer;
		}

			#right a.rightBlock span.inner{
				display:block;
				width:215px;
				padding:5px 20px 20px;
				background-image:url(../img/rightBlockBG-green.png);
			}

				#right a.rightBlock .inner span{
					font-size:24px;
					display:block;
					width:100%;
					line-height:120%;
				}

				#right a.rightBlock .inner span.title{
					font-size:30px;
					line-height:110%;
					margin-bottom:10px;
				}

				#right a.rightBlock.bookCourse .inner span.title{
					font-weight:bold;
				}

		#right a.rightBlock:hover{
			background-position:right top;
			text-decoration:none;
		}

			#right a.rightBlock:hover .inner{
				background-position:right bottom;
			}


#footer{
	width:100%;
	padding-top:20px;
	background:url(../img/footerBG.png) left -20px repeat-x;
	margin:20px 0;
	overflow:hidden;
}

	#footer .inner{
		width:960px;
		margin:0 auto;
	}

	#footer ul{
		margin-top:20px;
		float:left;
	}

		#footer ul li{
			float:left;
			margin-right:18px;
			/* IE Fix */
			display:inline;
		}

	#footer p{
		float:right;
		width:250px;
		font-size:11px;
		line-height:normal;
	}