html{

}

body{
	background-image: url(../img/layout/body_bg.jpg);
	*min-width: 800px;
}

div{

}

h3{
	margin: 10px 0;
	text-align: center;
}

h4{
	margin: 10px 0;
	text-indent: 5%;
	color: #777;
}

h5{
	margin: 15px 0 5px;
	font-size: 1.2em;
	letter-spacing:  2px;
	color: #555;
}

.important{
	font-weight: 600;
	color: #da0000;
}

hr{
	*border: 1px solid #ddd;
}

	#school_logo{
		width: 270px;
		height: 270px;
		position: absolute;
		top: -5px;
		right: 0;
		background: url(../img/layout/school_logo.png) no-repeat;
		z-index: -1;
		_display: none;
	}

	#top_bar{
		display: none;
		*left: 0;
		*margin-left: 0;
	}

		#bar-inner{
			max-width: 1280px;
			*border-bottom: 1px solid #ddd;
		}

			#top_logo{

			}

				#top_logo a{

				}

					#top_logo img{
						max-width: 250px;
					}

			#top_menu{
				position: relative;
			}

				#menu_slider_btn{
					display: none;
				}

				#top_menu ul{
					height: 100%;
				}

					#top_menu ul li{
						width: 17%;
						padding-top: 1.2%;
						float: left;
					}

					#top_menu ul li:first-child{
						width: 10%;
					}

					#top_menu ul li:last-child{
						width: 22%;
					}

						#top_menu ul li a{
							font-size: 1.1em;
							letter-spacing: 2px;
							color: #999;
						}

						#top_menu ul li a:hover{
							color: #555;
						}

	#wrapper{
		_display: none;
	}

		#header{
			*margin-bottom: 30px;
		}

			#logo{

			}

				#logo img{
					width: 96%;
				}

			#main_nav{
				margin-bottom: 30px;
			}

				.main_nav_btn{
					float: left;
					width: 17%;
				}

				#main_nav_btn_1{
					width: 10%;
				}

					#main_nav_btn_1 a{
						padding-top: 122%;
					}

				#main_nav_btn_2{

				}

				#main_nav_btn_3{

				}

				#main_nav_btn_4{

				}

				#main_nav_btn_5{

				}

				#main_nav_btn_6{
					width: 22%;
					letter-spacing: 0;
				}

					#main_nav_btn_6 a{
						letter-spacing: 0;
						padding-top: 55.5%;
					}

					.main_nav_btn a{
						width: 94%;
						margin: 0 auto;
						padding-top: 72%;
						float: left;
						text-align: center;
						color: #777;
						font-weight: 600;
						letter-spacing: 3px;
						*height: 50px;
					}

					.main_nav_btn a:after{
						content: "";
						display: block;
						width: 80%;
						height: 21px;
						margin: 4px auto;
						border-top: 2px solid #00913a;
					}

					.main_nav_btn a:hover{
						color: #555;
						background-color: #ddf2c0;
						background-image: url(../img/layout/main_btn_light.png);
						background-repeat: no-repeat;
						background-size: 100%;
						background-position: 0 100%;
					}

					.main_nav_btn.active a{
						color: #fff;
						background-color: #00913a;
						background-image: url(../img/layout/main_btn_showdow.png);
						background-repeat: no-repeat;
						background-size: 100%;
						background-position: 0 100%;
					}

					.main_nav_btn.active a:after{
						border-top: 2px solid #ddf2c0;
					}

		#paper{
			position: relative;
		}

			#clip{
				width: 5%;
				position: absolute;
				top: -38%;
				left: 6%;
				z-index: 20;
				*display: none;
			}

		#container{
			background: #fff;
			box-shadow: 0 0 12px #888;
		}

			#top{

			}

				#share_link{
					margin-top: 5px;
				}

					.share{
						margin: 0 10px;
						font-size: 0.8em;
						letter-spacing: 1px;
						color: #555;
					}

					.share:last-child{
						margin: 0 20px 0 10px;
					}

						.share img{
							width: 24px;
							height: 24px;
							border-radius: 2px;
						}

						.share span{

						}

					#facebook_share{

					}

					#google_share{

					}

					#twitter_share{

					}

			#center{
				padding: 20px 0;
			}

				#side_nav{

				}

					#side_nav h4{
						margin-top: 60px;
						color: #00913a;
						letter-spacing: 5px;
						*text-indent: 0;
					}

					#side_nav hr{
						padding: 5px 0;
					}

					#side_nav ul{

					}

						#side_nav ul li{
							margin: 5px 0;
						}

							#side_nav ul li a{
								display: block;
								position: relative;
								width: 90%;
								margin: 0 auto;
								padding: 6px 0;
								text-align: center;
								color: #888;
								font-size: 1.2em;
							}

							#side_nav ul li a:hover{
								background-color: #ddf2c0;
							}

							#side_nav ul li a:hover:after{
								content: '';
								width: 4%;
								height: 100%;
								position: absolute;
								background-color: #00913a;
								right:0;
								top: 0;
							}

							#side_nav ul li a.active{
								color: #fff;
								background-color: #00913a;
							}

							#side_nav ul li a.active:after{
								content: '';
								width: 4%;
								height: 100%;
								position: absolute;
								background-color: #ddf2c0;
								right:0;
								top: 0;
							}

				#content{
					position: relative;
					*width: 79%;
					*border-left: 1px solid #ddd;
				}

				#content:before{
					position: absolute;
					content: '';
					width: 1px;
					height: 100%;
					background: #ddd;
				}

					.article{
						margin-bottom: 60px;
					}

					.article:last-child{
						margin-bottom: 0;
					}

						.article img{
							display: block;
							width: 98%;
							border: 6px;
							margin: 20px 0 40px;
							box-shadow: 0 0 6px #ddd;
						}

						.article h3{
							color: #2980b9;
							font-size: 2.2em;
							letter-spacing: 2px;
							text-align: left;
							text-shadow: 0 0 4px #ddd;
						}

						.article hr{

						}

						.article p,ul,ol,dl{
							line-height: 1.6;
						}

							.article ul,ol li{
								margin: 5px 0 0 2em;
							}

							.article dl dt{
								font-size: 1.1em;
								font-weight: 600;
								margin-top: 1em;
							}

						.article p + h5:before{
							content: '';
							display: block;
							height: 20px;
							width: 1px;
							visibility: hidden;
						}

						.article h5 + p{
							width: 100%;
							padding: 10px 0;
							background: #f7f7f7;
							text-indent: 2em;
						}

		#footer{
			margin: 15px 0;
		}

	#back_top_btn{
		display: none;
		position: fixed;
		width: 46px;
		height: 40px;
		bottom: -8px;
		right: 20px ;
		background-image: url(../img/layout/back_top_btn.png);
		background-size: 100%;
		border-radius: 4px;
		box-shadow: 0 0 4px #888;
		opacity: 0.8;
		cursor: pointer;
		_display: none;
	}

	#back_top_btn:hover{
		opacity: 1;
	}

#for_ie6{
	display: none;
	_display: block;
	_font-size: 1.5em;
	_padding: 20px;
}

#message_area{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background: url(../img/layout/1px_black.png);
}

	#message{
		position: fixed;
		width: 80%;
		max-width: 900px;
		border-radius: 3px;
		box-shadow: 0 0 12px #000;
	}

		#mg_header{
			padding-top: 5px;
			border-bottom: 1px solid #ddd;
			background: #f5f5f5;
			border-radius: 3px 3px 0 0;
		}

			#mg_header img{
				width: 35%;
				margin-left: 3%;
			}

		#mg_body{
			border-bottom: 1px solid #ddd;
			background: #f5f5f5;
			padding: 20px 0;
			background: #fff;
		}

			#mg_body p{
				width: 94%;
				font-size: 1.2em;
				line-height: 1.4;
				margin: 0 auto;
			}

			#mg_body img{
				display: block;
				width: 94%;
				margin: 0 auto;
			}

		#mg_footer{
			text-align: right;
			background: #f5f5f5;
			border-radius: 0 0 3px 3px;
		}

			#mg_footer a{
				display: inline-block;
				text-align: center;
				padding: 1% 3%;
				margin: 5px;
				color: #fff;
				border-radius: 3px;
				background-color: #0088cc;
				background-image: url(../img/layout/main_btn_showdow.png);
				background-repeat: no-repeat;
				background-size: 100%;
				background-position: 0% 50%;
			}

			#mg_footer a:hover{
				color: #f5f5f5;
				background: #005580;
			}