/* CSS Document */

	body {
		text-align:center;
		margin-top:5px;
		background-color:#F2F2F2;
		}
	
	#frame {
		width:814px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		margin-bottom:0px;
		padding:0px;
		text-align:left;
		}
		
#banner {
		float:left;
		width:814px;
		height:156px;
		background-image:url(../images/Brissie-to-the-Bay-banner.jpg);
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
		border:0px;
		}
		
	#contentleft {
		width:165px;
		padding:0px;
		float:left;
		/*background-color:#00FF00;*/
		height:489px;
		}
	
	#nav_header {
		width:814px;
		padding-bottom:0px;
		float:left;
		margin-bottom:0px;
		/*background-color:#3366FF;*/
		height:200px;
		border:0px;
	
		}
	#nav_bar {
		margin-top:0px;
		margin-bottom:0px;
		padding-top:0px;
		vertical-align:top;
		padding-bottom:0px;
		width:814px;
		float:left;
		height:28px;
		border:0px;
		}
		
		#nav_bottom {
		width:814px;
		padding:0px;
		margin-top:10px;
		float:left;
		/*background-color:#3366FF;*/
		
		}
		
	#top_riders {
		width:814px;
		height:180px;
		background-image:url(../images/top-bg.jpg);
		background-repeat:no-repeat;
		padding:0px;
		padding-left:15px;
		padding-right:30px;
		padding-top:15px;
		margin-top:10px;
		float:left;
		/*background-color:#3366FF;*/
		
		}
	#text-box-1 {
		width:170px;
		margin-left:0px;
		padding-left:20px;
		margin-top:20px;
		float:left;
		}		
		
	#text-box-2 {
		width:800px;
		margin-top:20px;
		margin-left:0px;
		padding-left:15px;
		margin-top:20px;
		float:left;
		}	
		
	.text-box-3 {
		width:170px;
		margin-left:0px;
		padding-left:0px;
		margin-top:5px;
		padding-top:0px;
		}		
		
	#text-box-4 {
		float:left;
		width:800px;
		margin-left:0px;
		padding-left:15px;
		margin-top:15px;
		border-left: solid 1px #cccccc;	
		}	
		
	#text-box-5 {
		float:left;
		width:800px;
		margin-left:0px;
		padding-left:15px;
		padding-bottom:30px;
		margin-top:30px;
		}	
		
		
	.text-box {
		float:left;
		width:814px;
		background-image:url(../images/body-background.jpg);
		background-repeat:repeat-y;
		background-position:top;
		padding-top:0px;
		margin-top:0px;
		padding-left:0px;
		padding-right:0px;
		}
	.text-box-top {
		background-image:url(../images/text-box-top.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding-top:0px;
		margin-top:0px;
		padding-bottom:0px;
		margin-bottom:0px;
		}
	.text-box-bottom {
		float:left;
		height:20px;
		width:814px;
		background-image:url(../images/body-bottom.jpg);
		background-repeat:no-repeat;
		padding-top:0px;
		margin-top:0px;
		padding-bottom:5px;
		margin-bottom:0px;
		}
			
	p,h1,pre {
		margin:0px 0px 0px 0px;
		}
		
	.story-box {
		padding-bottom: 5px;
		margin-bottom: 0px;
		border-bottom: dotted 1px #333333;
	}
	
	.story-box-2 {
		padding-bottom: 5px;
		margin-bottom: 0px;
		padding-top: 15px;
		margin-top: 0px;
		border-bottom: dotted 1px #333333;
	}
	
	.story-box-3 {
		padding-bottom: 5px;
		margin-bottom: 0px;
		padding-top: 15px;
		margin-top: 0px;
	}
	
	.red-bg {
		background-image:url(../images/red-bg.jpg);
		background-repeat:no-repeat; 
		padding-left:20px;
		margin-left:0px;
		padding-top:3px;
	}
	
	.about {
	float:left;
	margin-top:5px;
	height:97px;
	width:183px;
	}
	
	.enter {
	float:left;
	margin-top:5px;
	margin-left:27px;
	margin-right:0px;
	height:97px;
	width:183px;
	}
	
	.donate {
	float:left;
	margin-top:5px;
	margin-left:27px;;
	margin-right:0px;
	height:97px;
	width:183px;
	}
	
	.fundraise {
	float:left;
	margin-top:5px;
	margin-left:28px;
	margin-right:0px;
	height:97px;
	width:183px;
	}
	
	.buttons {
	padding-bottom:0px;
	margin-bottom:3px;
	}
	
	.sub {
	background-image:url(../images/sub-nav-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:36px;
	width:583px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:20px;
	}
	
	.sponsors {
	margin-top:0px;
	padding-top:0px;
	vertical-align:top;
	}
	
	.horizontal-dots {
	border-bottom: 1px dotted #999999;
	font-family:Arial, Helvetica, sans-serif;color:#333333; font-size:12px; font-weight:normal;text-decoration:none; margin-bottom:0px; padding-bottom:10px; line-height:16px;
}

/*-----------------------------------------------gallery------------------------------------------------------------------*/
	
	.gallerycontainer{
	position: relative;
	padding-top:5px;
	width:400px;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}
	
	.thumbnail img{
	border: solid 1px #999999;
	padding:2px;
	margin-left:5px;
	margin-bottom:5px;
	}
	
	.thumbnail:hover{
	background-color: transparent;
	}
	
	.thumbnail:hover img{
	border: solid 1px #423E35;
	padding:2px;
	margin-left:5px;
	margin-bottom:5px;
	}
	
	.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	color: #423E35;
	text-decoration: none;
	}
	
	.thumbnail span img{ /*CSS for enlarged image*/
	border: solid 1px #423E35;
	padding: 2px;
	}
	
	.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top:100px;
	left:0px; /*position where enlarged image should offset horizontally */

	}
	.image{
	border:solid 1px #423E35;
	padding:2px;
	}