@charset "utf-8";

/*======================================

	header div controls

=======================================*/

#header {
	height: 500px;
}

#fl_area {
	height: 432px;
	margin: 0px auto;
	background: url(../img/dummy.jpg) repeat-x top left;
}

/*======================================

	footer div controls

=======================================*/

#contents {
	width: 950px;
	height: 520px;
	margin: 0px auto 40px;
}

#contents #left {
	width: 520px;
	height: 520px;
	float: left;
	background: url(../img/info.jpg) no-repeat top left;
}

#contents #left #info {
	width: 520px;
	height: 470px;
	margin-top: 50px;
	overflow: auto;
}

#contents #right {
	width: 400px;
	height: 520px;
	float: right;
	text-align: left;
	background: url(../img/update.jpg) no-repeat top left;
}

#contents #right #banner {
	width: 408px;
	height: 120px;
}

#contents #right #update {
	width: 400px;
	height: 325px;
	margin-top: 75px;
	overflow: auto;
}

#refer {
	display: none;
}

/*======================================

	Modules

=======================================*/

h1,
h2,
h3,
h4,
h5 {
	color: #c1c174;
	font-size: 14px;
	font-weight: normal;
	margin-left: 10px;
	padding: 0px 10px 0px 15px;
	background: url(../img/i_info.gif) no-repeat;
}

h1 {
	background-position: 0px 5px;
	}

h2 {
	background-position: 0px -11px;
	}
	
h3 {
	background-position: 0px -27px;
	}

h4 {
	background-position: 0px -43px;
	}

h5 {
	background-position: 0px -59px;
	}

#info p {
	color: #fff;
	margin: 0px 20px 0px 5px;
	padding: 10px 20px 35px 35px;
	background: url(../img/l_gold.gif) repeat-x bottom left;
}

#update p {
	color: #fff;
	margin: 0px 20px 0px 0px;
	padding: 0px 20px 15px;
}

#info a:link,
#info a:visited,
#info a:active,
#update a:link,
#update a:visited,
#update a:active {
	color: #fff;
}

#info a:hover,
#update a:hover {
	color: #5febd2;
}