@charset "utf-8";
/* CSS Document */
body {background-color:#fbf7de;}
span, p, font, a{font-family:Verdana, Arial, Helvetica, sans-serif; color:#333300}

#hidden{display:none}

#mainContainer {width:896px; height:582px; margin:0 auto; background-image:url(images/back_panel.png); background-repeat:no-repeat; background-position:center;}

#top {position:relative;  height:80px; width:896px;}
	#title {position:absolute; margin-top:30px; margin-left:185px; width:532px; height:26px}

#body {height:410px; width:896px; background-image:url(images/front_panel.png); background-repeat:no-repeat;}
	#navigation{width:100px; float:left}
	#content{width:765px; height:375px; margin:5px 0 0 10px; overflow:auto; padding:8px; float:right}

#bottom {height:98px; width:896px;}
	#dragon {width:201px; margin-left:350px; float:left;}
	#daso {width:124px; float:right; margin-right:35px; margin-top:60px;}
	
	.normal{display:block; width:121px; height:38px; color:#feec57; font-weight:bold; text-decoration:none; text-align:center; line-height:36px; font-size:11px; background-image:url(images/button.png); margin:5px 0 3px -7px;}
	.normal:hover{background-image:url(images/button_over.png); color:#67ad64;}
	.active{display:block; width:121px; height:38px; color:#67ad64; font-weight:bold; text-decoration:none; text-align:center; line-height:36px; font-size:11px; background-image:url(images/button_over.png); margin:5px 0 3px -7px;}
	
	.navlinkm{background-image:url(images/button_m.png); width:121px; height:38px; margin:5px 0 3px -7px; z-index:999; position:absolute; top:440px}}
	.navlinkm:hover{background-image:url(images/button_over_m.png)}
	.navlinkm a{display:block; width:121px; height:38px; color:#fff; font-weight:bold; text-decoration:none; text-align:center; line-height:36px; font-size:11px}
	.navlinkm a:hover{color:#262b37;}