/* CSS Document */

	body {
	text-align:center;
	margin-top:5px;
	background-color:#ffffff;
}
#frame {
	width:875px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	text-align:left;
}

#banner {
	float:left;
	width:875px;
	height:206px;
	background-image:url(../images/ms-horseride-banner.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	border:0px;
}
#nav_header {
	width:875px;
	padding-bottom:0px;
	float:left;
	margin-bottom:0px;
	height:200px;
	border:0px;
}
#nav_bottom {
	width:875px;
	padding:0px;
	margin-top:10px;
	float:left;
}
#text-box {
	width:780px;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-y;
	float:left;
	padding-left: 50px;
	padding-right: 50px;
}
#text-box-bottom {
	width:875px;
	height:90px;
	background-image:url(../images/body-bottom.jpg);
	background-repeat:no-repeat;
	float:left;
}
#text-box-1 {
	width:170px;
	margin-left:0px;
	padding-left:50px;
	margin-top:20px;
	float:left;
}
#text-box-2 {
	width:607px;
	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:590px;
	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;
}
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:99px;
	width:189px;
}
.enter {
	float:left;
	margin-top:5px;
	margin-left:38px;
	margin-right:0px;
	height:99px;
	width:189px;
}
.donate {
	float:left;
	margin-top:5px;
	margin-left:38px;
	margin-right:0px;
	height:99px;
	width:189px;
}
.fundraise {
	float:left;
	margin-top:5px;
	margin-left:40px;
	margin-right:0px;
	height:99px;
	width:189px;
}
.buttons {
	padding-bottom:0px;
	margin-bottom:5px;
}
.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:700px;
	left:550px; /*position where enlarged image should offset horizontally */
}
.image {
	border:solid 1px #423E35;
	padding:2px;
}