/* CSS Document */

	body {
		text-align:center;
		margin-top:5px;
		background-color:#ffffff;
		}
	
	#frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		margin-bottom:0px;
		padding:0px;
		text-align:left;
		}
		
#banner {
		float:left;
		width:800px;
		height:254px;
		background-image:url(../images/home-pg-banner.jpg);
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
		border:0px;
		}
		
	#nav_bar {
		width:800px;
		margin-top:0px;
		margin-bottom:0px;
		padding-top:0px;
		vertical-align:top;
		padding-bottom:0px;
		background-image:url(../images/nav-bar.jpg);
		background-repeat:no-repeat;
		float:left;
		height:45px;
		border:0px;
		}
				
	#nav_bottom {
		width:800px;
		height:60px;
		background-image:url(../images/bottom-nav.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin-top:10px;
		float:left;
		/*background-color:#3366FF;*/
		
		}
	#text-box-1 {
		float:left;
		width:380px;
		margin-left:0px;
		padding-left:18px;
		padding-right:18px;
		margin-top:25px;
		border-right: solid 1px #cccccc;	
		}		
		
	#text-box-2 {
		width:355px;
		margin-top:0px;
		margin-left:0px;
		padding-left:18px;
		float:left;
		}	
		
	#text-box-3 {
		float:left;
		width:510px;
		margin-left:0px;
		padding-left:18px;
		padding-right:18px;
		}	
		
	#text-box-4 {
		float:left;
		width:230px;
		margin-left:0px;
		}	
		
	#text-box-5 {
		float:left;
		width:780px;
		margin-left:0px;
		padding-left:18px;
		}	
		
	.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 {
		background-image:url(../images/body-bottom.jpg);
		background-repeat:no-repeat;
		background-position:top;
		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;
	}
	

	.horizontal-dots {
	border-bottom: 1px dotted #999999;
	padding-bottom:10px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;color:#333333; font-size:12px; font-weight:normal;text-decoration:none; margin-bottom:0px;line-height:16px;
}

/*-----------------------------------------------gallery------------------------------------------------------------------*/
	
	.gallerycontainer{
	position: relative;
	padding-top:5px;
	width:400px;
	height:550px;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}
	
	.thumbnail img{
	border: solid 1px #d4569b;
	padding:2px;
	margin-left:5px;
	margin-bottom:5px;
	}
	
	.thumbnail:hover{
	background-color: transparent;
	}
	
	.thumbnail:hover img{
	border: solid 1px #cccccc;
	padding:2px;
	margin-left:5px;
	margin-bottom:5px;
	}
	
	.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	color: #d4569b;
	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;
	width:500px;
	top:0px;
	left:380px; /*position where enlarged image should offset horizontally */

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