/* CSS Document */

body {
	text-align:center;
	margin-top:0px;
	background:#86c4e9 url(../images/body_bg2.jpg) repeat-y fixed center top;
}
#frame {
	width:798px;
	margin:0 auto;
	position:relative;
	text-align:left;
	overflow:hidden;
}
#banner {
	float:left;
	width:800px;
	height:307px;
	background-image:url(../images/banner_header.jpg);
	background-repeat:no-repeat;
}

#nav_bar {
	height:28px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	vertical-align:top;
	padding-bottom:0px;
	/*float:left;*/
	border:0px;
}

/*-----------------------------------------------sub home page-------------------------------------*/
#sub_nav {
	width:800px;
	height:125px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
}
ul.submenu1 {
	float:left;
	left:0px;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#000000;
	position:relative;
}
ul.submenu1 li {
	display:block;
	padding-bottom:0px;
	margin-bottom:-5px;
	float:left;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
}
/*-----------------------------------------------END-------------------------------------*/
#sub_nav2 {
	width:800px;
	height:45px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
	
}
ul.submenu2 {
	float:left;
	left:0px;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#000000;
	position:relative;
}
ul.submenu2 li {
	display:block;
	padding-bottom:0px;
	margin-bottom:-5px;
	float:left;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
}
/*-----------------------------------------------end-------------------------------------*/

.nav_bottom{
	float:right;
	text-align:center;
	margin-top:20px;
	margin-left:50px;
	margin-right:50px;
	padding-left:0px;
	height:50px;
	width:700px;
	border-top:2px dotted #CCCCCC;
}
		
#left-nav {
	width:266px;
	height:100%;
	margin-left:0px;
	padding-left:0px;
	background-color:#efefef;
	background-image:url(../images/left-home-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
}

#left-nav2 {
	width:199px;
	height:100%;
	margin-left:0px;
	padding-left:0px;
	float:left;
}

#text-box {
	position:relative;
	float:left;
	width:798px;
	padding: 0px;
	margin: 0px;
	background-color:#FFFFFF;
}

#text-box-4 {
	width:510px;
	margin-left:280px;
	margin-top:15px;
	padding-left:0px;
	padding-bottom:10px;
}

#text-box-5 {
	width:570px;
	margin-left:220px;
	margin-top:15px;
	padding-left:0px;
	padding-bottom:10px;
}

#text-box-index {
	width:798px;
	margin-top:3px;
	margin-left:3px;
	padding-left:0px;
	padding-bottom:10px;
}
#list-swims {
	background-image:url(../images/list-swims-textbox.jpg);
	background-repeat:no-repeat;
	float:left;
	left:0px;
	width: 272px;
	height:446px;
}
#index-right {
	margin-left:275px;
}
#current-swims {
	width: 258px;
	height: 249px;
	background-image:url(../images/current-swims-textbox.jpg);
	background-repeat:no-repeat;
	float:left;	
}
#fundraising-results{
	width: 258px;
	height: 249px;
	background-image:url(../images/fundraising-results-textbox.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:3px;
	
}
#text-box-index2 {
	width:800px;
	margin-top:3px;
	margin-left:10px;
	padding-left:0px;
	padding-bottom:10px;
}
#index-right2 {
	margin-left:261px;
}
#list-swims2 {
	background-image:url(../images/list-swims-textbox2.jpg);
	background-repeat:no-repeat;
	float:left;
	left:0px;
	width: 258px;
	height:446px;
}
#current-swims2 {
	width: 258px;
	height: 446px;
	background-image:url(../images/current-swims-textbox2.jpg);
	background-repeat:no-repeat;
	float:left;	
}
#fundraising-results2{
	width: 258px;
	height: 446px;
	background-image:url(../images/fundraising-results-textbox2.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:3px;
	
}
#photo-gallery{
	width: 519px;
	height: 192px;
	background-image:url(../images/photo-gallery-textbox.jpg);
	background-repeat:no-repeat;
	margin-top:4px;
	float:left;
}

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;
}
.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-top: 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;
}


#top_fundraisers {
	background-color: #f2f2f2;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5f5f5f;
}
#top_fundraisers ol{
	margin-top: 0px;
	padding-left: 23px;
}

#view-riders {
	width:199px;
	background-color: #f2f2f2;
	float:left;
	left:0px;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}




/*-----------------------------------------------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;
}