@charset "utf-8";
/* CSS Document */

body {margin:0; font:normal 12px Arial; color:white; background:black url(images/topBg.jpg) no-repeat top}

a {color:#ccc; text-decoration:none}
a:hover {text-decoration:underline}

ul {list-style: none; text-align: left; margin: 0px 0px 5px 10px; padding: 0; text-decoration: none }
ul li { background: url(images/li.jpg) no-repeat 3px 9px; _background: url(images/li.jpg) no-repeat 0 20px; padding: 3px 5px 0px 10px; _padding: 3px 5px 0px 10px; margin: 0;}


h1 {font:bold 105% georgia; background:url(images/h1Bg.jpg); width:535px; height:17px; _height:16px; padding:8px 10px 10px 15px; _padding:9px 10px 10px 15px; margin:0 12px 12px 18px}

h2 {font:bold 100% georgia; margin:0; padding:0}

h3 {font:bold 130% georgia; margin:0; padding:0}

#header {position:relative; margin:auto; height:295px; width:912px}
#logo {position:absolute; top:31px;	left:133px; _left:134px; width:324px; height:95px}
#navMenu {position:absolute; top:170px; left:61px; width:619px; height:35px}

#main {position:relative; margin:auto; _left:2px; width:913px; border-left:2px solid #333; border-right:2px solid #333}
.mainHome {height:612px; background:url(images/homeBg.jpg) bottom right no-repeat}
#main #topL {position:absolute; top:0; left:12px; width:336px; height:288px}
#main #topR {position:absolute; top:0; left:361px; width:538px; height:288px; background:url(images/cabalStory.jpg)}
#main #topR .cont {position:absolute; top:100px; left:20px; width:240px; height:70px}
#main #centerL {position:absolute; top:301px; left:12px; width:336px; height:150px}
#main #centerL .cont {position:absolute; top:50px; left:5px; width:325px; height:100px}
#main #centerR {position:absolute; top:301px; left:361px; width:538px; height:150px}
#main #centerR .cont {position:absolute; top:48px; left:3px; width:528px; height:100px}
#main #bottomL {position:absolute; top:470px; left:12px; width:336px; height:141px; text-align:center}
#main #bottomR {position:absolute; top:470px; left:361px; width:538px; height:141px; text-align:center}

.inMenuTd {width:83px; height:42px; text-align:center; background:url(images/inMenuBg.jpg)}

#footer {position:relative; margin:auto; _left:2px; width:917px; background:url(images/footerBg.gif) top no-repeat; height:30px; padding-top:15px; text-align:center; font:bold 11px}

#tmmo {position:absolute; left:610px; top:35px; width:279px; height:354px}
#cont {position:relative; left:12px; width:575px}
#cont .cont {position:relative; margin:auto; width:555px; margin-top:15px}
.mainSkill {position:relative; left:390px; padding:3px; width:250px; margin-top:15px; border:1px solid white; text-align:center}

.dscTable {border-top:1px solid white; border-left:1px solid white}
.desTd {border-bottom:1px solid white; border-right:1px solid white; padding:5px}


.sep {clear:both; display:block}
.red {color:#f33}
.darkGrey {color:#666}
.blue {color:#369}
a.blue {color:#369}
.warrior {color:#63f}
a.warrior {color:#63f}
.blader {color:#cc3}
a.blader {color:#cc3}
.wizard {color:#393}
a.wizard {color:#393}
.forceArcher {color:#f00}
a.forceArcher {color:#f00}
.forceShielder {color:#c60}
a.forceShielder {color:#c60}
.forceBlader {color:#fc9}
a.forceBlader {color:#fc9}
a.undead {color:#099}
.undead {color:#099}
a.forgetten {color:#cc9}
.forgetten {color:#cc9}
a.instant {color:#996}
.instant {color:#996}
.red2 {color:#f66}
.grey {color:#ccc}
.orange {color:#f90}