html[lang], html[lang] body {
	min-height: 100%;
}

body {
	background: #efffef url(/img/Bike.jpg) bottom  fixed repeat;
	color: black;
	margin: 69px 0 0 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

/* Main white box */
div#main {
	width: 814px;
	background: url(/img/bg-main.gif);
	text-align: left;
	margin: 0 auto 12px auto;
}
html[lang] div#main {
	background: url(/img/bg-main.png);
}

/* The logo, top right */
#main p#logo {
	padding: 32px 0 0 29px;
	/* I'm an old browser! I prefer GIFs with holes in them! */
	background: url(/img/bg-main-logo.gif) top no-repeat;
	margin: 0;
	position: relative;
	top: -5px;
}
/* I'm a modern browser!  I understand 24 bit PNGs with alpha transparency! */
html[lang] #main p#logo {
	background: url(/img/bg-main-logo.png) top no-repeat;
}
	#nav li {
		float: left;
		width: 100px;
		height: 100px;
		margin: 0 2px 2px 0;
	}
		#nav li a, li.placeholder span {
			display: block;
			font-weight: normal;
			height: 86px;
			border: solid 1px #fc0;
			color: black;
			text-decoration: none;
			padding: 6px 7px;
		}
		li.placeholder span {
			border: solid 1px #eee;
		}
		#nav li a:hover span, li#spacer span {
			display: none;
		}
		/* Other rules for the main links are dynamically written to the page */
		#nav a:hover {
			background-position: center center;
		}

	#main p {
		clear: both;
		margin: 0 33px 10px 31px;
		padding: 10px 0 0 0;
	}
	h3, h1, h2 {
		margin: 5px 33px 5px 31px;	
	}
	h3 {
		color: blue;
		font-size: 300%;
	}
	h1 {
		color: blue;
		font-size: 170%;
	}
	h2 {
		font-size: 120%;
	}	
	#main dl {
		margin: 0 33px 0 31px;
		clear: both;
	}
		#main dt, #main dd {
			float: left;
			line-height: 2em;
		}
		#main dt {
			width: 100px;
			clear: left;
			font-weight: bold;
		}
		#main dd, #main dd input, #main dd select, #main dd textarea {
			width: 600px;
			width: 600px;
		}
	
	
#main p.clear {
	clear: both;
	background: url(/img/bg-main-clear.gif) bottom no-repeat;
	padding: 0;
	height: 12px;
	position: relative;
	top: 12px;
	margin: 0;
	font-size: 0.1%;
}
html[lang] #main p.clear {
	background: url(/img/bg-main-clear.png) bottom no-repeat;
}

input, textarea, select {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
}
input:focus, textarea:focus, select:focus {
	color: black;
}
a img {
	border: none;
}
.print, #logo img {
	display: none;
}
#logo a img, #logo img.screen {
	display: inline;
}
.c {text-align: center;}
.r {text-align: right;}
.r a {text-decoration: none;}
a {color: red; font-weight: bold;}
form {margin: 0; }