* {
	padding: 0 auto;
	margin:0 auto;
	font-size: 12px;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif ;
	background: url(images/bg.jpg) repeat-x #fdf2e0;
	text-align: center; 
	color: #FFF;
}
.border {
	border: 2px solid white;
	dispaly:block;
}
br {
	clear: both;
}
#wrapper {
	width: 917px;
}
#header {
	height: 358px;
	background: url(images/header.png) no-repeat;
	position: relative;
}
#content_area {
		background: url(images/content_bg.png) repeat-y;
}
#top_pics img, #bottom_pics img {
	border: 2px solid white;
}
	#top_pics {
		width: 813px;
		padding-top:15px;
	}
		#left, #right {
			float: left;
		}
		#right {
			width: 478px;
			position: relative;
			left: 7px;
		}
		#left {
			width: 329px;
		}
			#left h1 {
				font-size: 30px;
				font-weight: bold;
			}
		#dialog {
			width: 813px;
			text-align: left;
			margin: 15px auto;
		}
	#bottom_pics {
		width: 840px;
		padding-bottom: 15px;
	}
	
#footer {
	height: 569px;
	background: url(images/footer.png) no-repeat;
	position: relative;
	left: -3px;
}
	#copyright {
		position: relative;
		top: 425px;
		color: #000;
		width: 800px;
		font-size: 10px;
	}
/*  ------------------------------------------ link styling ---------------------------------------  */
a span {
	visibility: hidden;
}
a {
	text-decoration: none;
}
a#click {
	background: url(images/clickbtn.png) no-repeat top center;
	display: block;
	width: 862px;
	height: 99px;
	margin: 15px auto;
}
	a#click:hover {
		background: url(images/clickbtn.png) no-repeat bottom center;

	}
a#join {
	background: url(images/joinbtn.png) no-repeat top center;
	display: block;
	width: 318px;
	height: 96px;
	position: relative;
	left: 250px;
	top: 25px;
}
	a#join:hover {
		background: url(images/joinbtn.png) no-repeat bottom center;
	}