body{
	margin:0px;
	font-family:Tahoma,sans-serif;
	font-size:13px;
	color:#000000;
	background-color:#FFFFFF;
}

a {
	color:#0088FF;
	text-decoration: none;
}
a:link{
	color:#0088FF;
	text-decoration: none;
}
a:visited{
	color:#0088FF;
	text-decoration: none;
}
a:hover{
	color:#00FFFF;
	text-decoration: none;
}
a:active{
	color:#0088FF;
	text-decoration: none;
}

/* Header Config */

div#header{
	text-indent:-9999px;
	background:url(../images/lunafansitelogo.jpg) left top no-repeat;
	height:207px;
	width:1024px;
}
div#header h1{
	margin:0px;
}

/* Content Section Config */

div#content {
    width : 1024px;
}

/* Menu Config */

div#content_menu{
/*	filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/
	background:url(../images/menubg.jpg) top left no-repeat;
	width:183px;
	float:left;
	background-color:#FFFFFF;
}

ul#menu {
	list-style-type:none;
	margin:0px 8px;
	padding:0px;
	font-size:11px;
}
ul.submenu {
	list-style-type:none;
	background:url(../images/menubg.gif) bottom left no-repeat;
	margin: 0 0 20px 0;
	padding:5px 0px 15px 0px;
}
ul.submenu li{
	/*border-bottom:solid 1px;*/
	margin:0 0 0 0;
}
ul.submenu li a{
	padding : 3px 10px;
	color:#FFFFFF;
}
ul.submenu li>a{
	display:block;
	color:#FFFFFF;
}
ul.submenu li:link, ul.submenu li:visited, ul.submenu li:hover, ul.submenu li:active{
	color:#FFFFFF;
}
ul.submenu li:hover{
	background : #fedaeb;
}
ul#menu h3{
	width:166px;
	height:39px;
	margin:0px;
	padding:0px;
}

li#nav_menu h3{
	background:url(../images/menu_navigation.gif);
	text-indent:-9999px;
}

li#game_menu h3{
	background:url(../images/menu_gameinfo.gif);
	text-indent:-9999px;
}

li#database_menu h3{
	background:url(../images/menu_database.gif);
	text-indent:-9999px;
}

li#database_skill_menu h3{
	background:url(../images/menu_database.gif);
	text-indent:-9999px;
}

li#menu_database_skill_fighter h3{
	background:url(../images/menu_skilldb_fighter.gif);
	text-indent:-9999px;
}


li#menu_database_skill_rouge h3{
	background:url(../images/menu_skilldb_rouge.gif);
	text-indent:-9999px;
}

li#menu_database_skill_mage h3{
	background:url(../images/menu_skilldb_mage.gif);
	text-indent:-9999px;
}
ul.submenu a:link, ul.submenu a:visited{
	color:#FFFFFF;
}
ul.submenu a:hover{
	color:#FF00FF;
}

ul.submenu a.human, ul.submenu a:link.human, ul.submenu a:visited.human{
	color:#FF00FF;
	
}

ul.submenu a.elf, ul.submenu a:link.elf, ul.submenu a:visited.elf{
	color:#FFFF00
}

li.new {
	background:url(../images/menu_new.png) right 50% no-repeat;
	z-index:3;
}

li.update {
	background:url(../images/menu_update.png) right 50% no-repeat;
	z-index:3;
}

/* Main Content Section Config */

div#content_main{
	background:url(../images/maincontentbg.jpg) top left no-repeat;
	width:841px;
	float:right;
	background-color:#FFFFFF;
	position : relative;
}


/* Headline & Highlight Config */

h3#headline, h3#highlight{
	width:0;
	height:0;
	display:none;
	margin:0px;
	padding:0px;
}

ul#headline_list, ul#highlight_list{
width:820px;
margin: 0px;
height:97px;
padding:11px 0px 0px 14px;
list-style-type:none;
}

ul#headline_list li, ul#highlight_list li{
width:380px;
height:97px;
padding:5px 10px;
/*filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/
/*background:url(../images/highlightbg.png) top left no-repeat;*/
position:relative;
float:left;
}


ul#headline_list li#headlineleft{
	background:url(../images/headleftbg.jpg) top left no-repeat;
	margin-right:13px;
}

ul#headline_list li#headlineright{
	text-align:right;
	background:url(../images/headrightbg.jpg) top left no-repeat;
}

ul#highlight_list li{
	background:url(../images/headline_bg.png) top left no-repeat;
}
ul#highlight_list li#highlightleft{
	margin-right:13px;
}
ul#highlight_list li#highlightright{
	text-align:right;
}
ul#highlight_list{
	margin:10px 0 25px 0;
}


/* News & Notice Config*/
div#news_notice{
	margin: 20px 0 0 15px;

}

div#news_notice h2{
	background:url(../images/news&notice_top.gif) left top no-repeat;
	width: 645px;
	height: 32px;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	float:left;
}
div#news_notice img{
float:right;
margin: 0 15px 0px 0;
}
div#news_notice p#news_notice_context{
	width: 625px;
	height: 189px;
	margin:0px;
	padding: 7px 10px;
	clear:left;
	background:url(../images/news&notice_bg.gif);
	position:relative;
}
img#news_notice_bubble{
	position:absolute;
	left:639px;
	top:10px;
}
div#news_notice p#news_notice_footer{
	width: 645px;
	height: 10px;
	margin:0px;
	padding: 0px 0px;
	background:url(../images/news&notice_bottom.gif) top left no-repeat;
}

/* Forum Latest Post Config*/

div#forumLatestPost{
	margin:0 0 0 15px;
	clear:both;
}

div#forumLatestPost h2{
	background:url(../images/forum_latestpost_top.jpg) left top no-repeat;
	width:813px;
	height:100px;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}
div#forumLatestPost p{
	background:url(../images/forum_latestpost_content.jpg) left top no-repeat;
	width:813px;
	height:286px;
	margin:0px;
	padding:0px;
}

/* Content Area */
h2#contentTopic{
	margin:10px 0 5px 25px;
	padding:0;
	float:left;
	font-size:20px;
}
p#content_last_update{
	float:right;
	text-align:right;
	margin:15px 15px 0 0;
}
div#content_area{
	background:url(../images/content_bg.gif) top left repeat-y;
	width:815px;
	padding: 0px 0px;
	margin:0 0 0 15px ;
	clear:both;
}
div#content_area p{
	padding-left:12px;
	padding-right:12px;
}
div#content_area p#content_top,div#content_area p#content_bottom{
	width:815px;
	height:16px;
	padding:0px;
	margin:0px;
}
p#content_top{
	background:url(../images/content_bg_top.gif);
}
p#content_bottom{
	background:url(../images/content_bg_bottom.gif);
}
h5#credits{
	margin:20px 10px 0 30px;
	float:left;
}
p#credits_p{
	margin:15px 0 0 0px;
	padding:5px 6px;
	border:solid 1px #999999;
	width:600px;
	float:left;
}

/* Footer Config */
div#footer{

	background:url(../images/footerbg.jpg) bottom left no-repeat;
	height:213px;
	width:1024px;
	font-size:12px;
	font-weight:normal;
	position:relative;
	clear:both;
}
div#footer p {
	position: absolute;
	bottom: 5px;
	margin-left:20px;	
}
div#footer ul{
	position: absolute;
	bottom: 25px;
	margin-left:20px;
	padding-left:0px;
	list-style-type:none;
}
div#footer li {
	display:inline;
}
div#footer h4 {
	text-indent:-9999px;
}
div#footer a {
	color:#FFFFFF;
	text-decoration:underline;
}

/* Map Index*/

div#maps_index{
	width:785px; height:960px;
	background: url(../images/maps/mapindex_bg.jpg) top left no-repeat;
	margin: 0 0 0 10px; position:relative;

}
p#waypoint {
	background:  url(../images/maps/mapindex_waypoint.gif) top left no-repeat;
	position:absolute;
	width:785px; height:934px;
	top:0; left:0;
	z-index:1;
	padding:0;
	margin:0;
}
div#maps_index ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
div#maps_index li {
	width:118px;
	height:145px;
	position:absolute;
	text-indent:-9999px;
	z-index:2;
}
div#maps_index a{
	display:block;
	width:118px;
	height:145px;
}

li#map_1{ top:159px; left:635px; background:url(../images/maps/map_1_thumb.jpg); }
li#map_2{ top:159px; left:515px; background:url(../images/maps/map_2_thumb.jpg); }
li#map_3{ top:14px; left:571px; background:url(../images/maps/map_3_thumb.jpg); }
li#map_4{ top:305px; left:655px; background:url(../images/maps/map_4_thumb.jpg); }
li#map_5{ top:450px; left:601px; background:url(../images/maps/map_5_thumb.jpg); }
li#map_6{ top:503px; left:483px; background:url(../images/maps/map_6_thumb.jpg); }
li#map_7{ top:651px; left:526px; background:url(../images/maps/map_7_thumb.jpg); }
li#map_8{ top:651px; left:644px; background:url(../images/maps/map_8_thumb.jpg); }
li#map_9{ top:338px; left:483px; background:url(../images/maps/map_9_thumb.jpg); }
li#map_10{ top:338px; left:365px; background:url(../images/maps/map_10_thumb.jpg); }
li#map_11{ top:338px; left:247px; background:url(../images/maps/map_11_thumb.jpg); }
li#map_12{ top:483px; left:247px; background:url(../images/maps/map_12_thumb.jpg); }
li#map_13{ top:338px; left:129px; background:url(../images/maps/map_13_thumb.jpg); }
li#map_14{ top:338px; left:11px; background:url(../images/maps/map_14_thumb.jpg); }
li#map_15{ top:168px; left:141px; background:url(../images/maps/map_15_thumb.jpg); }
li#map_16{ top:168px; left:259px; background:url(../images/maps/map_16_thumb.jpg); }
li#map_17{ top:749px; left:177px; background:url(../images/maps/map_17_thumb.jpg); }
li#map_18{ top:636px; left:298px; background:url(../images/maps/map_18_thumb.jpg); }
li#map_19{ top:781px; left:298px; background:url(../images/maps/map_19_thumb.jpg); }
li#map_20{ top:483px; left:11px; background:url(../images/maps/map_20_thumb.jpg); }
li#map_21{ top:631px; left:11px; background:url(../images/maps/map_21_thumb.jpg); }
li#map_22{ top:808px; left:418px; background:url(../images/maps/map_22_thumb.jpg); }
li#map_23{ top:168px; left:11px; background:url(../images/maps/map_23_thumb.jpg); }

/*	filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;	*/


/*	content	*/
/*	comic */
ul.ul_normal{
	list-style:none;
}
