@charset "utf-8";
/* CSS Document */
.sub-side {  margin-left: auto; margin-right: auto; background: url(images/website-frame/body-with-sub-side.jpg) center top; }
	.sub-side .left { float: left; width: 630px; }
	.sub-side .right { float: right; width: 210px; padding: 20px; }
		
	.sub-side .right h3 { border-bottom: 1px solid #000; margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 18px; margin-top: 20px; }
	.sub-side .right .content { line-height: 21px; font-size: 13px; }
	.sub-side .right .content #morals-place { color: #666; text-decoration: underline; font-weight: bold; text-align: right; }
	.sub-side .right .contactus ul { list-style: none; margin: 0px; padding: 0px; }
		.sub-side .right .contactus #time { text-indent: 66px; color: #666; }
		.sub-side .right .essay div { text-align: right; color: #666; text-decoration: underline; margin-top: 5px; font-weight: bold; }
		
.about-us-button { background: url(images/about-us/button.jpg) no-repeat; height: 40px; width: 165px; padding-left: 20px; margin-top: 4px; }
.about-us-button:hover { background: url(images/about-us/button-active.jpg) no-repeat; }
	.about-us-button a { line-height: 40px; font-size: 16px; color: #6D3A0C; font-weight: bold; }
.about-us-button-current { background: url(images/about-us/button-current.jpg) no-repeat; height: 40px; width: 195px; padding-left: 20px; text-decoration: underline; color: #FFF; line-height: 40px; font-size: 16px; font-weight: bold; margin-top: 4px; }


.recent-activities-sub-side { }
	.recent-activities-sub-side span { color: #666; }
	.recent-activities-sub-side a:hover { color: #360; }
.previous-activities-sub-side { }
	.previous-activities-sub-side span { color: #666; }
	.previous-activities-sub-side a:hover { color: #360; }	
.articles-sub-side { }
	.articles-sub-side span { color: #666; }
	.articles-sub-side a:hover { color: #360; }
	
.sub-side-top-button { height: 130px; margin-bottom: 20px; width: 230px; }
	.sub-side-top-button .leave-comment { background: url(images/index/leave-comment.jpg); height: 130px; float: left; width: 105px;}
	.sub-side-top-button .leave-comment:hover { background-position: 0px -130px; }
	.sub-side-top-button .enter-blog { background: url(images/index/enter-blog.jpg); height: 130px; float: left; width: 105px; }
	.sub-side-top-button .enter-blog:hover { background-position: 0px -130px; }