/* CSS Document */

body {margin-top:0px; _margin-top:-14px; padding:0; font:normal 11px Arial; color:#d7eaa8; background-image:url(images/bg.gif) }

#bg {background:url(images/sroBg.gif) no-repeat top center; width:100%}

h1, h2, h3 {font-family:Georgia, Times New Roman, Times, serif; font-weight: normal; margin:0; letter-spacing:1px; color:black; padding:2px 0 2px 2px}

h1 { font-size:130%; background:url(images/h1Bg.jpg)}
h2 { font-size:120%}
h3 { font-size:105%}

a {text-decoration:none; color:#d7eaa8}

a:hover { text-decoration:underline} 

li { list-style:disc inside}

#header { position:relative; margin:auto; width:900px}

#banner {position:relative}

#main { position:relative; top:5px; _top:2px; margin:auto; width:900px}

#left {position:relative; float:left; width:185px}
#navMenu {width:185px; height:341px; background:url(images/navMenuBg.jpg) no-repeat center; padding-top:7px}
#left .cont {margin-top:5px}
#download {position:absolute; top:335px; left:-50px; width:237px; height:132px}
#searchArea {position:relative; left:4px; _left:5px; background:url(images/searchBg.jpg); width:178px; height:60px; text-align:center; padding-top:7px}
#left input.text {width:100px; background-color:#eeecbb; border:1px solid #000; color:black}

#center {position:relative; left:5px; float:left; width:480px; padding:5px; background:#0a0c21}
#center ul.news {list-style: none; text-align: left; margin: 0px 0px 5px 10px; padding: 0; text-decoration: none }
#center ul.news li { background: url(images/bullet.jpg) no-repeat 3px 9px; padding: 3px 5px 0px 10px; margin: 0;}
#center .contL {float:left; width:46%}
#center .contR {float:right; width:46%}
#center .cont {background:url(images/centerContBg.gif); margin-top:20px; padding:5px}
#center .mainCont {padding:5px}

#center h2 {background:#cb9e56; border:1px solid #000}

#centerL {float:right; width:700px; padding:5px; background:#0a0c21}
#centerL ul.news {list-style: none; text-align: left; margin: 0px 0px 5px 10px; padding: 0; text-decoration: none }
#centerL ul.news li { background: url(images/bullet.jpg) no-repeat 3px 9px; padding: 3px 5px 0px 10px; margin: 0;}
#centerL .contL {float:left; width:46%}
#centerL .contR {float:right; width:46%}

#centerL .cont {margin-top:10px}
#centerL .mainCont {padding:5px}
#centerL .skillMenu {background:url(images/skillMenuBg.gif) no-repeat; height:185px}
#centerL .skillMenuC {background:url(images/skillMenuCBg.gif) no-repeat; height:165px}
#centerL .skillMenuE {background:url(images/skillMenuEBg.gif) no-repeat; height:165px}
#centerL .skillMenuTop {border-top:1px solid #000; width:165px}
#centerL .skillMenuTopE1 {position:absolute; top:30px; left:290px}
#centerL .skillMenuTopE2 {position:absolute; top:12px; left:288px; font-size:14px; z-index:2}
#centerL .skillMenuTopC1 {position:absolute; top:30px; left:615px}
#centerL .skillMenuTopC2 {position:absolute; top:12px; left:617px; font-size:14px; z-index:2}
#centerL .skillMenuTdE {border-right:1px solid #000; border-bottom:1px solid #000; height:21px}
#centerL .skillMenuTd {padding-top:1px; height:21px}
#centerL .skillMenuTdC {border-left:1px solid #000; border-bottom:1px solid #000; height:21px}
#centerL .skillBg {background:url(images/skillBg.jpg)}
#centerL .skillTable {border-top:1px solid #94a56b; border-left:1px solid #94a56b; background:#556431}
#centerL .skillTd {border-bottom:1px solid #94a56b; border-right:1px solid #94a56b; height:48px; width:48px}
#centerL .skillName {border-bottom:1px solid #556431; background:#94a56b; padding-left:5px; color:black; font-weight:bold}

#centerL .missionTable {background:#d9eaae}
#centerL .missionTd1 {border-bottom:1px solid #d9eaae; background:#556431; height:29px; text-align:center}
#centerL .missionTd2 {border-bottom:1px solid #556431; text-align:left; padding-left:8px; color:black; height:29px}

#centerL .npc {background:url(images/NPC.jpg) no-repeat; width:690px; height:367px; padding:5px}

#centerL .jobImgBrd {border:1px solid #d7eaa8; width:144px}

#creaEu {position:absolute; top:201px; left:210px}
#creaCa {position:absolute;	top:246px; left:210px}
#creaCh {position:absolute;	top:201px; left:346px}
#creaWa {position:absolute;	top:201px; left:484px}
#creaAm {position:absolute;	top:201px; left:621px}
#creaWc {position:absolute;	top:201px; left:755px}
#creaAb {position:absolute;	top:246px; left:346px}
#creaTk {position:absolute;	top:246px; left:484px}
#creaOk {position:absolute;	top:246px; left:621px}

#missionEu {position:absolute; top:161px; left:210px}
#missionCh {position:absolute;	top:161px; left:346px}
#missionWa {position:absolute;	top:161px; left:484px}
#missionAm {position:absolute;	top:161px; left:620px}
#missionWc {position:absolute;	top:161px; left:755px}
#missionCa {position:absolute;	top:206px; left:346px}
#missionTk {position:absolute;	top:206px; left:484px}
#missionOk {position:absolute;	top:206px; left:620px}

#creaArea {position:absolute; top:165px; left:200px}

#missions {position:absolute; top:125px; left:200px}

#areaEu {position:absolute; top:296px; left:211px}
#areaCh {position:absolute;	top:296px; left:347px}
#areaWa {position:absolute;	top:296px; left:485px}
#areaAm {position:absolute;	top:296px; left:622px}
#areaWc {position:absolute;	top:296px; left:756px}
#areaCa {position:absolute;	top:341px; left:347px}
#areaTk {position:absolute;	top:341px; left:485px}
#areaOk {position:absolute;	top:341px; left:622px}



.area {border:1px solid #000; padding-top:3px; font-size:14px; width:114px; height:19px; text-align:center}

#centerL .areaTable {background:#d9eaae; border:1px solid #8d9d6a}
#centerL .areaLTd {border-bottom:1px solid #8d9d6a; border-right:1px solid #8d9d6a; text-align:center; padding-left:8px; color:#5f7036; height:29px; background:#afc280; width:105px; font-weight:bold}
#centerL .areaRTd {border-bottom:1px solid #8d9d6a; text-align:left; padding-left:8px; color:black}
#centerL .areaCant {background:#bbcf8a}

#centerL .npcLTd {border-bottom:1px solid #8d9d6a}

#centerL .npcRTd {border-bottom:1px solid #8d9d6a; border-left:1px solid #8d9d6a; text-align:left; padding-left:8px; color:black}

#centerL .npcHTd {border-top:1px solid #8d9d6a; border-bottom:1px solid #8d9d6a; border-left:1px solid #8d9d6a; height:30px; background:#556431; text-align:center}

#centerL .crea {background:url(images/creaBg.jpg) no-repeat; _background-position:left 4px top 2px; width:690px; height:625px; padding:5px}

#centerL .mission {background:url(images/missionBg.jpg) no-repeat; _background-position:left 4px top 2px; width:690px; height:247px; padding:5px}


#centerL .creaCont {background:url(images/creaBg.jpg) no-repeat; _background-position:left 4px top 2px; width:690px; height:277px; padding:5px}

#centerL .creaHTd {border-bottom:1px solid #8d9d6a; border-right:1px solid #8d9d6a; text-align:center; color:#5f7036; height:29px; background:#afc280; font-weight:bold}

#right {float:right; width:215px}
#right .cont {margin-top:5px}
#right ul.faq {list-style: none; text-align: left; margin: 0px 0px 5px 10px; padding: 0; text-decoration: none }
#right ul.faq li { background: url(images/bullet.jpg) no-repeat 3px 9px; padding: 3px 5px 0px 10px; margin: 0}
#right h1 {padding-left:15px}

#footer {position:relative; margin:auto; width:900px}
#footer legend {font:bold 140% Trebuchet MS; leter-spacing:1px; color:#fca305}
#footer h2 {font-size:140%; color:#000; letter-spacing: 1px; padding-top:5px; font-weight:bold}
#footer fieldset.payment {width:740px; margin-left:80px;}

#aboutUs { margin:20px; text-align:justify}

.more { text-align:right}

.sep { display:block; clear:both }

.note { width:70%; margin:auto; padding:10px 0 10px 0}

.thin { width:90%; margin:auto; padding:10px 0 10px 0}

.image1 {border:2px solid #fff}
.image2 {border:2px solid #000}

.skillImg {border:1px solid #fff}

input {padding:2px; font:normal 11px Arial}

input.button {border:0; background:#0a0c21; color:#d7eaa8}

input.check {border:0; background:none}

.yellow {color:#fca305}

.black {color:black}

.grey {color:#666}

.red {color:red}

.white {color:white}

.green {color:green}

.dark {color:#1c2012}

.default {color:#d7eaa8}

#dhtmltooltip {text-align: left; position: absolute; left: -300px; visibility: hidden; z-index: 100; background: #eae6e6 ; border: 1px solid #AAAAAA; padding: 10px;	width: 300px; color:#000000;} 