@charset "utf-8";
/* CSS Document */




/**********************************************************
/	Home Page
**********************************************************/
#leftScroll{
	font-size:14px;
	position:absolute;
		left:0px;
}

	#leftScroll .button{
		background:url(/images/common/communities-scroll/view-communities.png) 0px 0px no-repeat;
		display:block;
		height:35px;
		position:absolute;
			bottom:14px;
			left:28px;
		text-indent:-9000px;
		width:148px;
	}
	
		#leftScroll .button:hover{
			background-position:0px -35px;
		}

#rightScroll{
	font-size:13px;
	position:absolute;
		right:0px;
}
	
	.jsScroll{
		background:url(/images/common/background.png) 0px 0px no-repeat;
		font-family:"Times New Roman", Times, serif;
		height: 540px;
		padding:25px 17px 0 16px;
		position:relative;
		text-align:center;
		width:170px;
		z-index:10;
	}

		.jsScroll h3{
			background:url(/images/common/ornament.png) center bottom no-repeat;
			font-size:18px;
			font-weight:normal;
			line-height:22px;
			padding:0 0 15px 0;
			text-shadow:#000 0px 0px 10px;
		}

			.jsScroll h3 .enlarge{
				font-size:24px;
			}

			.jsScroll h3 a{
				color:#fff;
				text-decoration:none;
			}
	
		.jsScroll p{
			font-size:15px;
			line-height:17px;
			padding:0 15px;
			text-shadow:#000 0px 0px 10px;
		}
		
	.jsScroll .hover{
		background:#530915;
	}
	
	.jsScroll .scrollContainer{
		position:relative;
		width:170px;
		overflow:hidden;
	}
	
	.jsScroll .mask{
		background:#530915;
		position:absolute;
			top:0px;
			left:0px;
		width:170px;
		z-index:5;
	}
	
	.jsScroll .downBtn{
		background:url(/images/common/arrow-down.png) 0px 0px no-repeat;
		height:16px;
		margin:2px auto;
		text-indent:-9000px;
		width:106px;
	}
	
					
					
					
#MainContainer #ContentContainer #Content #Home{
	background:url(/images/home/shadow.png) 0px bottom repeat-x;
	height:428px;
	padding:22px 0 0 120px;
	position:relative;
	width:858px;
	z-index:5;
}

#Home .photo{
	position:absolute;
		top:22px;
		left:142px;
}

#Home .copy{
	position:absolute;
		right:159px;
		top:46px;
	width:310px;
}

#MainContainer #ContentContainer #Content #Home p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:9px 0 0 62px;
	width:250px;
	line-height:18px;
}

#Home .logo{
	position:absolute;
		bottom:2px;
		left:142px;
}


/**********************************************************
/	Simple Scroll
**********************************************************/
.simply-scroll-container{ 
	position: relative;
}

.simply-scroll-clip{ 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.simply-scroll-list{ 
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
		top: 0;
		left: 0;
	z-index: 1;
}
	
.simply-scroll-list li{
	list-style: none;
	margin: 0;
	padding: 0;
}
	
	.simply-scroll-list li a{
		color:#fff;
		display:block;
/*		font-weight:bold;*/
		padding:7px 5px;
		text-decoration:none;
	}
	
	.simply-scroll-list li img{
		border: none;
	}

.simply-scroll-btn{
	cursor: pointer;
	height: 44px;
	position: absolute;
	width: 42px;
	z-index:3;
}

.simply-scroll-btn-up {
	background:url(/images/spacer.gif) 0px 0px no-repeat;
	right: 6px;
	top: 6px;
}

	.simply-scroll-btn-up.disabled{
		background-position: -126px 0 !important;
	}
	
	.simply-scroll-btn-up:hover{
		background-position: -126px -88px;
	}
	
.simply-scroll-btn-down{
	background:url(/images/spacer.gif) 0px 0px no-repeat;
	bottom: 6px;
	right: 6px;
}

	.simply-scroll-btn-down.disabled{
		background-position: -42px 0 !important;
	}
	
	.simply-scroll-btn-down:hover{
		background-position: -42px -88px;
	}

.vert{
	height:334px;
	margin:2px 0;
	position:relative;
	width:170px;
	z-index:20;
}

	.vert .simply-scroll-clip{
		height:334px;
		width: 170px;
	}
	
	.vert .simply-scroll-list li{
		width: 170px;
	}

	.vert .simply-scroll-btn-up { 
		right: 0;
		top: 0;
		width:170px;
		z-index:25;
	}

	.vert .simply-scroll-btn-down { 
		right: 0;
		top: 290px;
		width:170px;
		z-index:25;
	}